@charset "UTF-8";

/*!
 * Bootstrap v5.0.2 (https://getbootstrap.com/)
 * Copyright 2011-2021 The Bootstrap Authors
 * Copyright 2011-2021 Twitter, Inc.
 * Licensed under MIT (https://github.com/twbs/bootstrap/blob/main/LICENSE)
 */:root{--bs-blue:#0d6efd;--bs-indigo:#6610f2;--bs-purple:#6f42c1;--bs-pink:#d63384;--bs-red:#dc3545;--bs-orange:#fd7e14;--bs-yellow:#ffc107;--bs-green:#198754;--bs-teal:#20c997;--bs-cyan:#0dcaf0;--bs-white:#fff;--bs-gray:#6c757d;--bs-gray-dark:#343a40;--bs-primary:#0d6efd;--bs-secondary:#6c757d;--bs-success:#198754;--bs-info:#0dcaf0;--bs-warning:#ffc107;--bs-danger:#dc3545;--bs-light:#f8f9fa;--bs-dark:#212529;--bs-font-sans-serif:system-ui,-apple-system,"Segoe UI",Roboto,"Helvetica Neue",Arial,"Noto Sans","Liberation Sans",sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";--bs-font-monospace:SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace;--bs-gradient:linear-gradient(180deg, rgba(255, 255, 255, 0.15), rgba(255, 255, 255, 0))}*,::after,::before{box-sizing:border-box}@media (prefers-reduced-motion:no-preference){:root{scroll-behavior:smooth}}body{margin:0;font-family:var(--bs-font-sans-serif);font-size:1rem;font-weight:400;line-height:1.5;color:#212529;background-color:#fff;-webkit-text-size-adjust:100%;-webkit-tap-highlight-color:transparent}hr{margin:1rem 0;color:inherit;background-color:currentColor;border:0;opacity:.25}hr:not([size]){height:1px}.h1,.h2,.h3,.h4,.h5,.h6,h1,h2,h3,h4,h5,h6{margin-top:0;margin-bottom:.5rem;font-weight:500;line-height:1.2}.h1,h1{font-size:calc(1.375rem + 1.5vw)}@media (min-width:1200px){.h1,h1{font-size:2.5rem}}.h2,h2{font-size:calc(1.325rem + .9vw)}@media (min-width:1200px){.h2,h2{font-size:2rem}}.h3,h3{font-size:calc(1.3rem + .6vw)}@media (min-width:1200px){.h3,h3{font-size:1.75rem}}.h4,h4{font-size:calc(1.275rem + .3vw)}@media (min-width:1200px){.h4,h4{font-size:1.5rem}}.h5,h5{font-size:1.25rem}.h6,h6{font-size:1rem}p{margin-top:0;margin-bottom:1rem}abbr[data-bs-original-title],abbr[title]{-webkit-text-decoration:underline dotted;text-decoration:underline dotted;cursor:help;-webkit-text-decoration-skip-ink:none;text-decoration-skip-ink:none}address{margin-bottom:1rem;font-style:normal;line-height:inherit}ol,ul{padding-left:2rem}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,small{font-size:.875em}.mark,mark{padding:.2em;background-color:#fcf8e3}sub,sup{position:relative;font-size:.75em;line-height:0;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}a{color:#0d6efd;text-decoration:underline}a:hover{color:#0a58ca}a:not([href]):not([class]),a:not([href]):not([class]):hover{color:inherit;text-decoration:none}code,kbd,pre,samp{font-family:var(--bs-font-monospace);font-size:1em;direction:ltr;unicode-bidi:bidi-override}pre{display:block;margin-top:0;margin-bottom:1rem;overflow:auto;font-size:.875em}pre code{font-size:inherit;color:inherit;word-break:normal}code{font-size:.875em;color:#d63384;word-wrap:break-word}a>code{color:inherit}kbd{padding:.2rem .4rem;font-size:.875em;color:#fff;background-color:#212529;border-radius:.2rem}kbd kbd{padding:0;font-size:1em;font-weight:700}figure{margin:0 0 1rem}img,svg{vertical-align:middle}table{caption-side:bottom;border-collapse:collapse}caption{padding-top:.5rem;padding-bottom:.5rem;color:#6c757d;text-align:left}th{text-align:inherit;text-align:-webkit-match-parent}tbody,td,tfoot,th,thead,tr{border-color:inherit;border-style:solid;border-width:0}label{display:inline-block}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,select{text-transform:none}[role=button]{cursor:pointer}select{word-wrap:normal}select:disabled{opacity:1}[list]::-webkit-calendar-picker-indicator{display:none}[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}::-moz-focus-inner{padding:0;border-style:none}textarea{resize:vertical}fieldset{min-width:0;padding:0;margin:0;border:0}legend{float:left;width:100%;padding:0;margin-bottom:.5rem;font-size:calc(1.275rem + .3vw);line-height:inherit}@media (min-width:1200px){legend{font-size:1.5rem}}legend+*{clear:left}::-webkit-datetime-edit-day-field,::-webkit-datetime-edit-fields-wrapper,::-webkit-datetime-edit-hour-field,::-webkit-datetime-edit-minute,::-webkit-datetime-edit-month-field,::-webkit-datetime-edit-text,::-webkit-datetime-edit-year-field{padding:0}::-webkit-inner-spin-button{height:auto}[type=search]{outline-offset:-2px;-webkit-appearance:textfield}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-color-swatch-wrapper{padding:0}::file-selector-button{font:inherit}::-webkit-file-upload-button{font:inherit;-webkit-appearance:button}output{display:inline-block}iframe{border:0}summary{display:list-item;cursor:pointer}progress{vertical-align:baseline}[hidden]{display:none!important}.lead{font-size:1.25rem;font-weight:300}.display-1{font-size:calc(1.625rem + 4.5vw);font-weight:300;line-height:1.2}@media (min-width:1200px){.display-1{font-size:5rem}}.display-2{font-size:calc(1.575rem + 3.9vw);font-weight:300;line-height:1.2}@media (min-width:1200px){.display-2{font-size:4.5rem}}.display-3{font-size:calc(1.525rem + 3.3vw);font-weight:300;line-height:1.2}@media (min-width:1200px){.display-3{font-size:4rem}}.display-4{font-size:calc(1.475rem + 2.7vw);font-weight:300;line-height:1.2}@media (min-width:1200px){.display-4{font-size:3.5rem}}.display-5{font-size:calc(1.425rem + 2.1vw);font-weight:300;line-height:1.2}@media (min-width:1200px){.display-5{font-size:3rem}}.display-6{font-size:calc(1.375rem + 1.5vw);font-weight:300;line-height:1.2}@media (min-width:1200px){.display-6{font-size:2.5rem}}.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:.875em;text-transform:uppercase}.blockquote{margin-bottom:1rem;font-size:1.25rem}.blockquote>:last-child{margin-bottom:0}.blockquote-footer{margin-top:-1rem;margin-bottom:1rem;font-size:.875em;color:#6c757d}.blockquote-footer::before{content:"— "}.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:.875em;color:#6c757d}.container,.container-fluid,.container-lg,.container-md,.container-sm,.container-xl,.container-xxl{width:100%;padding-right:var(--bs-gutter-x,.75rem);padding-left:var(--bs-gutter-x,.75rem);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}}@media (min-width:1400px){.container,.container-lg,.container-md,.container-sm,.container-xl,.container-xxl{max-width:1320px}}.row{--bs-gutter-x:1.5rem;--bs-gutter-y:0;display:flex;flex-wrap:wrap;margin-top:calc(var(--bs-gutter-y) * -1);margin-right:calc(var(--bs-gutter-x) * -.5);margin-left:calc(var(--bs-gutter-x) * -.5)}.row>*{flex-shrink:0;width:100%;max-width:100%;padding-right:calc(var(--bs-gutter-x) * .5);padding-left:calc(var(--bs-gutter-x) * .5);margin-top:var(--bs-gutter-y)}.col{flex:1 0 0%}.row-cols-auto>*{flex:0 0 auto;width:auto}.row-cols-1>*{flex:0 0 auto;width:100%}.row-cols-2>*{flex:0 0 auto;width:50%}.row-cols-3>*{flex:0 0 auto;width:33.3333333333%}.row-cols-4>*{flex:0 0 auto;width:25%}.row-cols-5>*{flex:0 0 auto;width:20%}.row-cols-6>*{flex:0 0 auto;width:16.6666666667%}@media (min-width:576px){.col-sm{flex:1 0 0%}.row-cols-sm-auto>*{flex:0 0 auto;width:auto}.row-cols-sm-1>*{flex:0 0 auto;width:100%}.row-cols-sm-2>*{flex:0 0 auto;width:50%}.row-cols-sm-3>*{flex:0 0 auto;width:33.3333333333%}.row-cols-sm-4>*{flex:0 0 auto;width:25%}.row-cols-sm-5>*{flex:0 0 auto;width:20%}.row-cols-sm-6>*{flex:0 0 auto;width:16.6666666667%}}@media (min-width:768px){.col-md{flex:1 0 0%}.row-cols-md-auto>*{flex:0 0 auto;width:auto}.row-cols-md-1>*{flex:0 0 auto;width:100%}.row-cols-md-2>*{flex:0 0 auto;width:50%}.row-cols-md-3>*{flex:0 0 auto;width:33.3333333333%}.row-cols-md-4>*{flex:0 0 auto;width:25%}.row-cols-md-5>*{flex:0 0 auto;width:20%}.row-cols-md-6>*{flex:0 0 auto;width:16.6666666667%}}@media (min-width:992px){.col-lg{flex:1 0 0%}.row-cols-lg-auto>*{flex:0 0 auto;width:auto}.row-cols-lg-1>*{flex:0 0 auto;width:100%}.row-cols-lg-2>*{flex:0 0 auto;width:50%}.row-cols-lg-3>*{flex:0 0 auto;width:33.3333333333%}.row-cols-lg-4>*{flex:0 0 auto;width:25%}.row-cols-lg-5>*{flex:0 0 auto;width:20%}.row-cols-lg-6>*{flex:0 0 auto;width:16.6666666667%}}@media (min-width:1200px){.col-xl{flex:1 0 0%}.row-cols-xl-auto>*{flex:0 0 auto;width:auto}.row-cols-xl-1>*{flex:0 0 auto;width:100%}.row-cols-xl-2>*{flex:0 0 auto;width:50%}.row-cols-xl-3>*{flex:0 0 auto;width:33.3333333333%}.row-cols-xl-4>*{flex:0 0 auto;width:25%}.row-cols-xl-5>*{flex:0 0 auto;width:20%}.row-cols-xl-6>*{flex:0 0 auto;width:16.6666666667%}}@media (min-width:1400px){.col-xxl{flex:1 0 0%}.row-cols-xxl-auto>*{flex:0 0 auto;width:auto}.row-cols-xxl-1>*{flex:0 0 auto;width:100%}.row-cols-xxl-2>*{flex:0 0 auto;width:50%}.row-cols-xxl-3>*{flex:0 0 auto;width:33.3333333333%}.row-cols-xxl-4>*{flex:0 0 auto;width:25%}.row-cols-xxl-5>*{flex:0 0 auto;width:20%}.row-cols-xxl-6>*{flex:0 0 auto;width:16.6666666667%}}.col-auto{flex:0 0 auto;width:auto}.col-1{flex:0 0 auto;width:8.33333333%}.col-2{flex:0 0 auto;width:16.66666667%}.col-3{flex:0 0 auto;width:25%}.col-4{flex:0 0 auto;width:33.33333333%}.col-5{flex:0 0 auto;width:41.66666667%}.col-6{flex:0 0 auto;width:50%}.col-7{flex:0 0 auto;width:58.33333333%}.col-8{flex:0 0 auto;width:66.66666667%}.col-9{flex:0 0 auto;width:75%}.col-10{flex:0 0 auto;width:83.33333333%}.col-11{flex:0 0 auto;width:91.66666667%}.col-12{flex:0 0 auto;width:100%}.offset-1{margin-left:8.33333333%}.offset-2{margin-left:16.66666667%}.offset-3{margin-left:25%}.offset-4{margin-left:33.33333333%}.offset-5{margin-left:41.66666667%}.offset-6{margin-left:50%}.offset-7{margin-left:58.33333333%}.offset-8{margin-left:66.66666667%}.offset-9{margin-left:75%}.offset-10{margin-left:83.33333333%}.offset-11{margin-left:91.66666667%}.g-0,.gx-0{--bs-gutter-x:0}.g-0,.gy-0{--bs-gutter-y:0}.g-1,.gx-1{--bs-gutter-x:0.25rem}.g-1,.gy-1{--bs-gutter-y:0.25rem}.g-2,.gx-2{--bs-gutter-x:0.5rem}.g-2,.gy-2{--bs-gutter-y:0.5rem}.g-3,.gx-3{--bs-gutter-x:1rem}.g-3,.gy-3{--bs-gutter-y:1rem}.g-4,.gx-4{--bs-gutter-x:1.5rem}.g-4,.gy-4{--bs-gutter-y:1.5rem}.g-5,.gx-5{--bs-gutter-x:3rem}.g-5,.gy-5{--bs-gutter-y:3rem}@media (min-width:576px){.col-sm-auto{flex:0 0 auto;width:auto}.col-sm-1{flex:0 0 auto;width:8.33333333%}.col-sm-2{flex:0 0 auto;width:16.66666667%}.col-sm-3{flex:0 0 auto;width:25%}.col-sm-4{flex:0 0 auto;width:33.33333333%}.col-sm-5{flex:0 0 auto;width:41.66666667%}.col-sm-6{flex:0 0 auto;width:50%}.col-sm-7{flex:0 0 auto;width:58.33333333%}.col-sm-8{flex:0 0 auto;width:66.66666667%}.col-sm-9{flex:0 0 auto;width:75%}.col-sm-10{flex:0 0 auto;width:83.33333333%}.col-sm-11{flex:0 0 auto;width:91.66666667%}.col-sm-12{flex:0 0 auto;width:100%}.offset-sm-0{margin-left:0}.offset-sm-1{margin-left:8.33333333%}.offset-sm-2{margin-left:16.66666667%}.offset-sm-3{margin-left:25%}.offset-sm-4{margin-left:33.33333333%}.offset-sm-5{margin-left:41.66666667%}.offset-sm-6{margin-left:50%}.offset-sm-7{margin-left:58.33333333%}.offset-sm-8{margin-left:66.66666667%}.offset-sm-9{margin-left:75%}.offset-sm-10{margin-left:83.33333333%}.offset-sm-11{margin-left:91.66666667%}.g-sm-0,.gx-sm-0{--bs-gutter-x:0}.g-sm-0,.gy-sm-0{--bs-gutter-y:0}.g-sm-1,.gx-sm-1{--bs-gutter-x:0.25rem}.g-sm-1,.gy-sm-1{--bs-gutter-y:0.25rem}.g-sm-2,.gx-sm-2{--bs-gutter-x:0.5rem}.g-sm-2,.gy-sm-2{--bs-gutter-y:0.5rem}.g-sm-3,.gx-sm-3{--bs-gutter-x:1rem}.g-sm-3,.gy-sm-3{--bs-gutter-y:1rem}.g-sm-4,.gx-sm-4{--bs-gutter-x:1.5rem}.g-sm-4,.gy-sm-4{--bs-gutter-y:1.5rem}.g-sm-5,.gx-sm-5{--bs-gutter-x:3rem}.g-sm-5,.gy-sm-5{--bs-gutter-y:3rem}}@media (min-width:768px){.col-md-auto{flex:0 0 auto;width:auto}.col-md-1{flex:0 0 auto;width:8.33333333%}.col-md-2{flex:0 0 auto;width:16.66666667%}.col-md-3{flex:0 0 auto;width:25%}.col-md-4{flex:0 0 auto;width:33.33333333%}.col-md-5{flex:0 0 auto;width:41.66666667%}.col-md-6{flex:0 0 auto;width:50%}.col-md-7{flex:0 0 auto;width:58.33333333%}.col-md-8{flex:0 0 auto;width:66.66666667%}.col-md-9{flex:0 0 auto;width:75%}.col-md-10{flex:0 0 auto;width:83.33333333%}.col-md-11{flex:0 0 auto;width:91.66666667%}.col-md-12{flex:0 0 auto;width:100%}.offset-md-0{margin-left:0}.offset-md-1{margin-left:8.33333333%}.offset-md-2{margin-left:16.66666667%}.offset-md-3{margin-left:25%}.offset-md-4{margin-left:33.33333333%}.offset-md-5{margin-left:41.66666667%}.offset-md-6{margin-left:50%}.offset-md-7{margin-left:58.33333333%}.offset-md-8{margin-left:66.66666667%}.offset-md-9{margin-left:75%}.offset-md-10{margin-left:83.33333333%}.offset-md-11{margin-left:91.66666667%}.g-md-0,.gx-md-0{--bs-gutter-x:0}.g-md-0,.gy-md-0{--bs-gutter-y:0}.g-md-1,.gx-md-1{--bs-gutter-x:0.25rem}.g-md-1,.gy-md-1{--bs-gutter-y:0.25rem}.g-md-2,.gx-md-2{--bs-gutter-x:0.5rem}.g-md-2,.gy-md-2{--bs-gutter-y:0.5rem}.g-md-3,.gx-md-3{--bs-gutter-x:1rem}.g-md-3,.gy-md-3{--bs-gutter-y:1rem}.g-md-4,.gx-md-4{--bs-gutter-x:1.5rem}.g-md-4,.gy-md-4{--bs-gutter-y:1.5rem}.g-md-5,.gx-md-5{--bs-gutter-x:3rem}.g-md-5,.gy-md-5{--bs-gutter-y:3rem}}@media (min-width:992px){.col-lg-auto{flex:0 0 auto;width:auto}.col-lg-1{flex:0 0 auto;width:8.33333333%}.col-lg-2{flex:0 0 auto;width:16.66666667%}.col-lg-3{flex:0 0 auto;width:25%}.col-lg-4{flex:0 0 auto;width:33.33333333%}.col-lg-5{flex:0 0 auto;width:41.66666667%}.col-lg-6{flex:0 0 auto;width:50%}.col-lg-7{flex:0 0 auto;width:58.33333333%}.col-lg-8{flex:0 0 auto;width:66.66666667%}.col-lg-9{flex:0 0 auto;width:75%}.col-lg-10{flex:0 0 auto;width:83.33333333%}.col-lg-11{flex:0 0 auto;width:91.66666667%}.col-lg-12{flex:0 0 auto;width:100%}.offset-lg-0{margin-left:0}.offset-lg-1{margin-left:8.33333333%}.offset-lg-2{margin-left:16.66666667%}.offset-lg-3{margin-left:25%}.offset-lg-4{margin-left:33.33333333%}.offset-lg-5{margin-left:41.66666667%}.offset-lg-6{margin-left:50%}.offset-lg-7{margin-left:58.33333333%}.offset-lg-8{margin-left:66.66666667%}.offset-lg-9{margin-left:75%}.offset-lg-10{margin-left:83.33333333%}.offset-lg-11{margin-left:91.66666667%}.g-lg-0,.gx-lg-0{--bs-gutter-x:0}.g-lg-0,.gy-lg-0{--bs-gutter-y:0}.g-lg-1,.gx-lg-1{--bs-gutter-x:0.25rem}.g-lg-1,.gy-lg-1{--bs-gutter-y:0.25rem}.g-lg-2,.gx-lg-2{--bs-gutter-x:0.5rem}.g-lg-2,.gy-lg-2{--bs-gutter-y:0.5rem}.g-lg-3,.gx-lg-3{--bs-gutter-x:1rem}.g-lg-3,.gy-lg-3{--bs-gutter-y:1rem}.g-lg-4,.gx-lg-4{--bs-gutter-x:1.5rem}.g-lg-4,.gy-lg-4{--bs-gutter-y:1.5rem}.g-lg-5,.gx-lg-5{--bs-gutter-x:3rem}.g-lg-5,.gy-lg-5{--bs-gutter-y:3rem}}@media (min-width:1200px){.col-xl-auto{flex:0 0 auto;width:auto}.col-xl-1{flex:0 0 auto;width:8.33333333%}.col-xl-2{flex:0 0 auto;width:16.66666667%}.col-xl-3{flex:0 0 auto;width:25%}.col-xl-4{flex:0 0 auto;width:33.33333333%}.col-xl-5{flex:0 0 auto;width:41.66666667%}.col-xl-6{flex:0 0 auto;width:50%}.col-xl-7{flex:0 0 auto;width:58.33333333%}.col-xl-8{flex:0 0 auto;width:66.66666667%}.col-xl-9{flex:0 0 auto;width:75%}.col-xl-10{flex:0 0 auto;width:83.33333333%}.col-xl-11{flex:0 0 auto;width:91.66666667%}.col-xl-12{flex:0 0 auto;width:100%}.offset-xl-0{margin-left:0}.offset-xl-1{margin-left:8.33333333%}.offset-xl-2{margin-left:16.66666667%}.offset-xl-3{margin-left:25%}.offset-xl-4{margin-left:33.33333333%}.offset-xl-5{margin-left:41.66666667%}.offset-xl-6{margin-left:50%}.offset-xl-7{margin-left:58.33333333%}.offset-xl-8{margin-left:66.66666667%}.offset-xl-9{margin-left:75%}.offset-xl-10{margin-left:83.33333333%}.offset-xl-11{margin-left:91.66666667%}.g-xl-0,.gx-xl-0{--bs-gutter-x:0}.g-xl-0,.gy-xl-0{--bs-gutter-y:0}.g-xl-1,.gx-xl-1{--bs-gutter-x:0.25rem}.g-xl-1,.gy-xl-1{--bs-gutter-y:0.25rem}.g-xl-2,.gx-xl-2{--bs-gutter-x:0.5rem}.g-xl-2,.gy-xl-2{--bs-gutter-y:0.5rem}.g-xl-3,.gx-xl-3{--bs-gutter-x:1rem}.g-xl-3,.gy-xl-3{--bs-gutter-y:1rem}.g-xl-4,.gx-xl-4{--bs-gutter-x:1.5rem}.g-xl-4,.gy-xl-4{--bs-gutter-y:1.5rem}.g-xl-5,.gx-xl-5{--bs-gutter-x:3rem}.g-xl-5,.gy-xl-5{--bs-gutter-y:3rem}}@media (min-width:1400px){.col-xxl-auto{flex:0 0 auto;width:auto}.col-xxl-1{flex:0 0 auto;width:8.33333333%}.col-xxl-2{flex:0 0 auto;width:16.66666667%}.col-xxl-3{flex:0 0 auto;width:25%}.col-xxl-4{flex:0 0 auto;width:33.33333333%}.col-xxl-5{flex:0 0 auto;width:41.66666667%}.col-xxl-6{flex:0 0 auto;width:50%}.col-xxl-7{flex:0 0 auto;width:58.33333333%}.col-xxl-8{flex:0 0 auto;width:66.66666667%}.col-xxl-9{flex:0 0 auto;width:75%}.col-xxl-10{flex:0 0 auto;width:83.33333333%}.col-xxl-11{flex:0 0 auto;width:91.66666667%}.col-xxl-12{flex:0 0 auto;width:100%}.offset-xxl-0{margin-left:0}.offset-xxl-1{margin-left:8.33333333%}.offset-xxl-2{margin-left:16.66666667%}.offset-xxl-3{margin-left:25%}.offset-xxl-4{margin-left:33.33333333%}.offset-xxl-5{margin-left:41.66666667%}.offset-xxl-6{margin-left:50%}.offset-xxl-7{margin-left:58.33333333%}.offset-xxl-8{margin-left:66.66666667%}.offset-xxl-9{margin-left:75%}.offset-xxl-10{margin-left:83.33333333%}.offset-xxl-11{margin-left:91.66666667%}.g-xxl-0,.gx-xxl-0{--bs-gutter-x:0}.g-xxl-0,.gy-xxl-0{--bs-gutter-y:0}.g-xxl-1,.gx-xxl-1{--bs-gutter-x:0.25rem}.g-xxl-1,.gy-xxl-1{--bs-gutter-y:0.25rem}.g-xxl-2,.gx-xxl-2{--bs-gutter-x:0.5rem}.g-xxl-2,.gy-xxl-2{--bs-gutter-y:0.5rem}.g-xxl-3,.gx-xxl-3{--bs-gutter-x:1rem}.g-xxl-3,.gy-xxl-3{--bs-gutter-y:1rem}.g-xxl-4,.gx-xxl-4{--bs-gutter-x:1.5rem}.g-xxl-4,.gy-xxl-4{--bs-gutter-y:1.5rem}.g-xxl-5,.gx-xxl-5{--bs-gutter-x:3rem}.g-xxl-5,.gy-xxl-5{--bs-gutter-y:3rem}}.table{--bs-table-bg:transparent;--bs-table-accent-bg:transparent;--bs-table-striped-color:#212529;--bs-table-striped-bg:rgba(0, 0, 0, 0.05);--bs-table-active-color:#212529;--bs-table-active-bg:rgba(0, 0, 0, 0.1);--bs-table-hover-color:#212529;--bs-table-hover-bg:rgba(0, 0, 0, 0.075);width:100%;margin-bottom:1rem;color:#212529;vertical-align:top;border-color:#dee2e6}.table>:not(caption)>*>*{padding:.5rem .5rem;background-color:var(--bs-table-bg);border-bottom-width:1px;box-shadow:inset 0 0 0 9999px var(--bs-table-accent-bg)}.table>tbody{vertical-align:inherit}.table>thead{vertical-align:bottom}.table>:not(:last-child)>:last-child>*{border-bottom-color:currentColor}.caption-top{caption-side:top}.table-sm>:not(caption)>*>*{padding:.25rem .25rem}.table-bordered>:not(caption)>*{border-width:1px 0}.table-bordered>:not(caption)>*>*{border-width:0 1px}.table-borderless>:not(caption)>*>*{border-bottom-width:0}.table-striped>tbody>tr:nth-of-type(odd){--bs-table-accent-bg:var(--bs-table-striped-bg);color:var(--bs-table-striped-color)}.table-active{--bs-table-accent-bg:var(--bs-table-active-bg);color:var(--bs-table-active-color)}.table-hover>tbody>tr:hover{--bs-table-accent-bg:var(--bs-table-hover-bg);color:var(--bs-table-hover-color)}.table-primary{--bs-table-bg:#cfe2ff;--bs-table-striped-bg:#c5d7f2;--bs-table-striped-color:#000;--bs-table-active-bg:#bacbe6;--bs-table-active-color:#000;--bs-table-hover-bg:#bfd1ec;--bs-table-hover-color:#000;color:#000;border-color:#bacbe6}.table-secondary{--bs-table-bg:#e2e3e5;--bs-table-striped-bg:#d7d8da;--bs-table-striped-color:#000;--bs-table-active-bg:#cbccce;--bs-table-active-color:#000;--bs-table-hover-bg:#d1d2d4;--bs-table-hover-color:#000;color:#000;border-color:#cbccce}.table-success{--bs-table-bg:#d1e7dd;--bs-table-striped-bg:#c7dbd2;--bs-table-striped-color:#000;--bs-table-active-bg:#bcd0c7;--bs-table-active-color:#000;--bs-table-hover-bg:#c1d6cc;--bs-table-hover-color:#000;color:#000;border-color:#bcd0c7}.table-info{--bs-table-bg:#cff4fc;--bs-table-striped-bg:#c5e8ef;--bs-table-striped-color:#000;--bs-table-active-bg:#badce3;--bs-table-active-color:#000;--bs-table-hover-bg:#bfe2e9;--bs-table-hover-color:#000;color:#000;border-color:#badce3}.table-warning{--bs-table-bg:#fff3cd;--bs-table-striped-bg:#f2e7c3;--bs-table-striped-color:#000;--bs-table-active-bg:#e6dbb9;--bs-table-active-color:#000;--bs-table-hover-bg:#ece1be;--bs-table-hover-color:#000;color:#000;border-color:#e6dbb9}.table-danger{--bs-table-bg:#f8d7da;--bs-table-striped-bg:#eccccf;--bs-table-striped-color:#000;--bs-table-active-bg:#dfc2c4;--bs-table-active-color:#000;--bs-table-hover-bg:#e5c7ca;--bs-table-hover-color:#000;color:#000;border-color:#dfc2c4}.table-light{--bs-table-bg:#f8f9fa;--bs-table-striped-bg:#ecedee;--bs-table-striped-color:#000;--bs-table-active-bg:#dfe0e1;--bs-table-active-color:#000;--bs-table-hover-bg:#e5e6e7;--bs-table-hover-color:#000;color:#000;border-color:#dfe0e1}.table-dark{--bs-table-bg:#212529;--bs-table-striped-bg:#2c3034;--bs-table-striped-color:#fff;--bs-table-active-bg:#373b3e;--bs-table-active-color:#fff;--bs-table-hover-bg:#323539;--bs-table-hover-color:#fff;color:#fff;border-color:#373b3e}.table-responsive{overflow-x:auto;-webkit-overflow-scrolling:touch}@media (max-width:575.98px){.table-responsive-sm{overflow-x:auto;-webkit-overflow-scrolling:touch}}@media (max-width:767.98px){.table-responsive-md{overflow-x:auto;-webkit-overflow-scrolling:touch}}@media (max-width:991.98px){.table-responsive-lg{overflow-x:auto;-webkit-overflow-scrolling:touch}}@media (max-width:1199.98px){.table-responsive-xl{overflow-x:auto;-webkit-overflow-scrolling:touch}}@media (max-width:1399.98px){.table-responsive-xxl{overflow-x:auto;-webkit-overflow-scrolling:touch}}.form-label{margin-bottom:.5rem}.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}.col-form-label-sm{padding-top:calc(.25rem + 1px);padding-bottom:calc(.25rem + 1px);font-size:.875rem}.form-text{margin-top:.25rem;font-size:.875em;color:#6c757d}.form-control{display:block;width:100%;padding:.375rem .75rem;font-size:1rem;font-weight:400;line-height:1.5;color:#212529;background-color:#fff;background-clip:padding-box;border:1px solid #ced4da;-webkit-appearance:none;-moz-appearance:none;appearance:none;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[type=file]{overflow:hidden}.form-control[type=file]:not(:disabled):not([readonly]){cursor:pointer}.form-control:focus{color:#212529;background-color:#fff;border-color:#86b7fe;outline:0;box-shadow:0 0 0 .25rem rgba(13,110,253,.25)}.form-control::-webkit-date-and-time-value{height:1.5em}.form-control::-moz-placeholder{color:#6c757d;opacity:1}.form-control::placeholder{color:#6c757d;opacity:1}.form-control:disabled,.form-control[readonly]{background-color:#e9ecef;opacity:1}.form-control::file-selector-button{padding:.375rem .75rem;margin:-.375rem -.75rem;-webkit-margin-end:.75rem;margin-inline-end:.75rem;color:#212529;background-color:#e9ecef;pointer-events:none;border-color:inherit;border-style:solid;border-width:0;border-inline-end-width:1px;border-radius:0;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){.form-control::file-selector-button{transition:none}}.form-control:hover:not(:disabled):not([readonly])::file-selector-button{background-color:#dde0e3}.form-control::-webkit-file-upload-button{padding:.375rem .75rem;margin:-.375rem -.75rem;-webkit-margin-end:.75rem;margin-inline-end:.75rem;color:#212529;background-color:#e9ecef;pointer-events:none;border-color:inherit;border-style:solid;border-width:0;border-inline-end-width:1px;border-radius:0;-webkit-transition:color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;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){.form-control::-webkit-file-upload-button{-webkit-transition:none;transition:none}}.form-control:hover:not(:disabled):not([readonly])::-webkit-file-upload-button{background-color:#dde0e3}.form-control-plaintext{display:block;width:100%;padding:.375rem 0;margin-bottom:0;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{min-height:calc(1.5em + (.5rem + 2px));padding:.25rem .5rem;font-size:.875rem;border-radius:.2rem}.form-control-sm::file-selector-button{padding:.25rem .5rem;margin:-.25rem -.5rem;-webkit-margin-end:.5rem;margin-inline-end:.5rem}.form-control-sm::-webkit-file-upload-button{padding:.25rem .5rem;margin:-.25rem -.5rem;-webkit-margin-end:.5rem;margin-inline-end:.5rem}.form-control-lg{min-height:calc(1.5em + (1rem + 2px));padding:.5rem 1rem;font-size:1.25rem;border-radius:.3rem}.form-control-lg::file-selector-button{padding:.5rem 1rem;margin:-.5rem -1rem;-webkit-margin-end:1rem;margin-inline-end:1rem}.form-control-lg::-webkit-file-upload-button{padding:.5rem 1rem;margin:-.5rem -1rem;-webkit-margin-end:1rem;margin-inline-end:1rem}textarea.form-control{min-height:calc(1.5em + (.75rem + 2px))}textarea.form-control-sm{min-height:calc(1.5em + (.5rem + 2px))}textarea.form-control-lg{min-height:calc(1.5em + (1rem + 2px))}.form-control-color{max-width:3rem;height:auto;padding:.375rem}.form-control-color:not(:disabled):not([readonly]){cursor:pointer}.form-control-color::-moz-color-swatch{height:1.5em;border-radius:.25rem}.form-control-color::-webkit-color-swatch{height:1.5em;border-radius:.25rem}.form-select{display:block;width:100%;padding:.375rem 2.25rem .375rem .75rem;-moz-padding-start:calc(0.75rem - 3px);font-size:1rem;font-weight:400;line-height:1.5;color:#212529;background-color:#fff;background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23343a40' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M2 5l6 6 6-6'/%3e%3c/svg%3e");background-repeat:no-repeat;background-position:right .75rem center;background-size:16px 12px;border:1px solid #ced4da;border-radius:.25rem;transition:border-color .15s ease-in-out,box-shadow .15s ease-in-out;-webkit-appearance:none;-moz-appearance:none;appearance:none}@media (prefers-reduced-motion:reduce){.form-select{transition:none}}.form-select:focus{border-color:#86b7fe;outline:0;box-shadow:0 0 0 .25rem rgba(13,110,253,.25)}.form-select[multiple],.form-select[size]:not([size="1"]){padding-right:.75rem;background-image:none}.form-select:disabled{background-color:#e9ecef}.form-select:-moz-focusring{color:transparent;text-shadow:0 0 0 #212529}.form-select-sm{padding-top:.25rem;padding-bottom:.25rem;padding-left:.5rem;font-size:.875rem}.form-select-lg{padding-top:.5rem;padding-bottom:.5rem;padding-left:1rem;font-size:1.25rem}.form-check{display:block;min-height:1.5rem;padding-left:1.5em;margin-bottom:.125rem}.form-check .form-check-input{float:left;margin-left:-1.5em}.form-check-input{width:1em;height:1em;margin-top:.25em;vertical-align:top;background-color:#fff;background-repeat:no-repeat;background-position:center;background-size:contain;border:1px solid rgba(0,0,0,.25);-webkit-appearance:none;-moz-appearance:none;appearance:none;-webkit-print-color-adjust:exact;color-adjust:exact}.form-check-input[type=checkbox]{border-radius:.25em}.form-check-input[type=radio]{border-radius:50%}.form-check-input:active{filter:brightness(90%)}.form-check-input:focus{border-color:#86b7fe;outline:0;box-shadow:0 0 0 .25rem rgba(13,110,253,.25)}.form-check-input:checked{background-color:#0d6efd;border-color:#0d6efd}.form-check-input:checked[type=checkbox]{background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3e%3cpath fill='none' stroke='%23fff' stroke-linecap='round' stroke-linejoin='round' stroke-width='3' d='M6 10l3 3l6-6'/%3e%3c/svg%3e")}.form-check-input:checked[type=radio]{background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='2' fill='%23fff'/%3e%3c/svg%3e")}.form-check-input[type=checkbox]:indeterminate{background-color:#0d6efd;border-color:#0d6efd;background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3e%3cpath fill='none' stroke='%23fff' stroke-linecap='round' stroke-linejoin='round' stroke-width='3' d='M6 10h8'/%3e%3c/svg%3e")}.form-check-input:disabled{pointer-events:none;filter:none;opacity:.5}.form-check-input:disabled~.form-check-label,.form-check-input[disabled]~.form-check-label{opacity:.5}.form-switch{padding-left:2.5em}.form-switch .form-check-input{width:2em;margin-left:-2.5em;background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='rgba%280, 0, 0, 0.25%29'/%3e%3c/svg%3e");background-position:left center;border-radius:2em;transition:background-position .15s ease-in-out}@media (prefers-reduced-motion:reduce){.form-switch .form-check-input{transition:none}}.form-switch .form-check-input:focus{background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='%2386b7fe'/%3e%3c/svg%3e")}.form-switch .form-check-input:checked{background-position:right center;background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='%23fff'/%3e%3c/svg%3e")}.form-check-inline{display:inline-block;margin-right:1rem}.btn-check{position:absolute;clip:rect(0,0,0,0);pointer-events:none}.btn-check:disabled+.btn,.btn-check[disabled]+.btn{pointer-events:none;filter:none;opacity:.65}.form-range{width:100%;height:1.5rem;padding:0;background-color:transparent;-webkit-appearance:none;-moz-appearance:none;appearance:none}.form-range:focus{outline:0}.form-range:focus::-webkit-slider-thumb{box-shadow:0 0 0 1px #fff,0 0 0 .25rem rgba(13,110,253,.25)}.form-range:focus::-moz-range-thumb{box-shadow:0 0 0 1px #fff,0 0 0 .25rem rgba(13,110,253,.25)}.form-range::-moz-focus-outer{border:0}.form-range::-webkit-slider-thumb{width:1rem;height:1rem;margin-top:-.25rem;background-color:#0d6efd;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){.form-range::-webkit-slider-thumb{-webkit-transition:none;transition:none}}.form-range::-webkit-slider-thumb:active{background-color:#b6d4fe}.form-range::-webkit-slider-runnable-track{width:100%;height:.5rem;color:transparent;cursor:pointer;background-color:#dee2e6;border-color:transparent;border-radius:1rem}.form-range::-moz-range-thumb{width:1rem;height:1rem;background-color:#0d6efd;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){.form-range::-moz-range-thumb{-moz-transition:none;transition:none}}.form-range::-moz-range-thumb:active{background-color:#b6d4fe}.form-range::-moz-range-track{width:100%;height:.5rem;color:transparent;cursor:pointer;background-color:#dee2e6;border-color:transparent;border-radius:1rem}.form-range:disabled{pointer-events:none}.form-range:disabled::-webkit-slider-thumb{background-color:#adb5bd}.form-range:disabled::-moz-range-thumb{background-color:#adb5bd}.form-floating{position:relative}.form-floating>.form-control,.form-floating>.form-select{height:calc(3.5rem + 2px);line-height:1.25}.form-floating>label{position:absolute;top:0;left:0;height:100%;padding:1rem .75rem;pointer-events:none;border:1px solid transparent;transform-origin:0 0;transition:opacity .1s ease-in-out,transform .1s ease-in-out}@media (prefers-reduced-motion:reduce){.form-floating>label{transition:none}}.form-floating>.form-control{padding:1rem .75rem}.form-floating>.form-control::-moz-placeholder{color:transparent}.form-floating>.form-control::placeholder{color:transparent}.form-floating>.form-control:not(:-moz-placeholder-shown){padding-top:1.625rem;padding-bottom:.625rem}.form-floating>.form-control:focus,.form-floating>.form-control:not(:placeholder-shown){padding-top:1.625rem;padding-bottom:.625rem}.form-floating>.form-control:-webkit-autofill{padding-top:1.625rem;padding-bottom:.625rem}.form-floating>.form-select{padding-top:1.625rem;padding-bottom:.625rem}.form-floating>.form-control:not(:-moz-placeholder-shown)~label{opacity:.65;transform:scale(.85) translateY(-.5rem) translateX(.15rem)}.form-floating>.form-control:focus~label,.form-floating>.form-control:not(:placeholder-shown)~label,.form-floating>.form-select~label{opacity:.65;transform:scale(.85) translateY(-.5rem) translateX(.15rem)}.form-floating>.form-control:-webkit-autofill~label{opacity:.65;transform:scale(.85) translateY(-.5rem) translateX(.15rem)}.input-group{position:relative;display:flex;flex-wrap:wrap;align-items:stretch;width:100%}.input-group>.form-control,.input-group>.form-select{position:relative;flex:1 1 auto;width:1%;min-width:0}.input-group>.form-control:focus,.input-group>.form-select:focus{z-index:3}.input-group .btn{position:relative;z-index:2}.input-group .btn:focus{z-index:3}.input-group-text{display:flex;align-items:center;padding:.375rem .75rem;font-size:1rem;font-weight:400;line-height:1.5;color:#212529;text-align:center;white-space:nowrap;background-color:#e9ecef;border:1px solid #ced4da;border-radius:.25rem}.input-group-lg>.btn,.input-group-lg>.form-control,.input-group-lg>.form-select,.input-group-lg>.input-group-text{padding:.5rem 1rem;font-size:1.25rem;border-radius:.3rem}.input-group-sm>.btn,.input-group-sm>.form-control,.input-group-sm>.form-select,.input-group-sm>.input-group-text{padding:.25rem .5rem;font-size:.875rem;border-radius:.2rem}.input-group-lg>.form-select,.input-group-sm>.form-select{padding-right:3rem}.input-group:not(.has-validation)>.dropdown-toggle:nth-last-child(n+3),.input-group:not(.has-validation)>:not(:last-child):not(.dropdown-toggle):not(.dropdown-menu){border-top-right-radius:0;border-bottom-right-radius:0}.input-group.has-validation>.dropdown-toggle:nth-last-child(n+4),.input-group.has-validation>:nth-last-child(n+3):not(.dropdown-toggle):not(.dropdown-menu){border-top-right-radius:0;border-bottom-right-radius:0}.input-group>:not(:first-child):not(.dropdown-menu):not(.valid-tooltip):not(.valid-feedback):not(.invalid-tooltip):not(.invalid-feedback){margin-left:-1px;border-top-left-radius:0;border-bottom-left-radius:0}.valid-feedback{display:none;width:100%;margin-top:.25rem;font-size:.875em;color:#198754}.valid-tooltip{position:absolute;top:100%;z-index:5;display:none;max-width:100%;padding:.25rem .5rem;margin-top:.1rem;font-size:.875rem;color:#fff;background-color:rgba(25,135,84,.9);border-radius:.25rem}.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:#198754;padding-right:calc(1.5em + .75rem);background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3e%3cpath fill='%23198754' 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:#198754;box-shadow:0 0 0 .25rem rgba(25,135,84,.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)}.form-select.is-valid,.was-validated .form-select:valid{border-color:#198754}.form-select.is-valid:not([multiple]):not([size]),.form-select.is-valid:not([multiple])[size="1"],.was-validated .form-select:valid:not([multiple]):not([size]),.was-validated .form-select:valid:not([multiple])[size="1"]{padding-right:4.125rem;background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23343a40' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M2 5l6 6 6-6'/%3e%3c/svg%3e"),url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3e%3cpath fill='%23198754' 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-position:right .75rem center,center right 2.25rem;background-size:16px 12px,calc(.75em + .375rem) calc(.75em + .375rem)}.form-select.is-valid:focus,.was-validated .form-select:valid:focus{border-color:#198754;box-shadow:0 0 0 .25rem rgba(25,135,84,.25)}.form-check-input.is-valid,.was-validated .form-check-input:valid{border-color:#198754}.form-check-input.is-valid:checked,.was-validated .form-check-input:valid:checked{background-color:#198754}.form-check-input.is-valid:focus,.was-validated .form-check-input:valid:focus{box-shadow:0 0 0 .25rem rgba(25,135,84,.25)}.form-check-input.is-valid~.form-check-label,.was-validated .form-check-input:valid~.form-check-label{color:#198754}.form-check-inline .form-check-input~.valid-feedback{margin-left:.5em}.input-group .form-control.is-valid,.input-group .form-select.is-valid,.was-validated .input-group .form-control:valid,.was-validated .input-group .form-select:valid{z-index:1}.input-group .form-control.is-valid:focus,.input-group .form-select.is-valid:focus,.was-validated .input-group .form-control:valid:focus,.was-validated .input-group .form-select:valid:focus{z-index:3}.invalid-feedback{display:none;width:100%;margin-top:.25rem;font-size:.875em;color:#dc3545}.invalid-tooltip{position:absolute;top:100%;z-index:5;display:none;max-width:100%;padding:.25rem .5rem;margin-top:.1rem;font-size:.875rem;color:#fff;background-color:rgba(220,53,69,.9);border-radius:.25rem}.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' viewBox='0 0 12 12' width='12' height='12' fill='none' stroke='%23dc3545'%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 .25rem 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)}.form-select.is-invalid,.was-validated .form-select:invalid{border-color:#dc3545}.form-select.is-invalid:not([multiple]):not([size]),.form-select.is-invalid:not([multiple])[size="1"],.was-validated .form-select:invalid:not([multiple]):not([size]),.was-validated .form-select:invalid:not([multiple])[size="1"]{padding-right:4.125rem;background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23343a40' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M2 5l6 6 6-6'/%3e%3c/svg%3e"),url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12' width='12' height='12' fill='none' stroke='%23dc3545'%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-position:right .75rem center,center right 2.25rem;background-size:16px 12px,calc(.75em + .375rem) calc(.75em + .375rem)}.form-select.is-invalid:focus,.was-validated .form-select:invalid:focus{border-color:#dc3545;box-shadow:0 0 0 .25rem rgba(220,53,69,.25)}.form-check-input.is-invalid,.was-validated .form-check-input:invalid{border-color:#dc3545}.form-check-input.is-invalid:checked,.was-validated .form-check-input:invalid:checked{background-color:#dc3545}.form-check-input.is-invalid:focus,.was-validated .form-check-input:invalid:focus{box-shadow:0 0 0 .25rem 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-inline .form-check-input~.invalid-feedback{margin-left:.5em}.input-group .form-control.is-invalid,.input-group .form-select.is-invalid,.was-validated .input-group .form-control:invalid,.was-validated .input-group .form-select:invalid{z-index:2}.input-group .form-control.is-invalid:focus,.input-group .form-select.is-invalid:focus,.was-validated .input-group .form-control:invalid:focus,.was-validated .input-group .form-select:invalid:focus{z-index:3}.btn{display:inline-block;font-weight:400;line-height:1.5;color:#212529;text-align:center;text-decoration:none;vertical-align:middle;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none;background-color:transparent;border:1px solid transparent;padding:.375rem .75rem;font-size:1rem;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}.btn-check:focus+.btn,.btn:focus{outline:0;box-shadow:0 0 0 .25rem rgba(13,110,253,.25)}.btn.disabled,.btn:disabled,fieldset:disabled .btn{pointer-events:none;opacity:.65}.btn-primary{color:#fff;background-color:#0d6efd;border-color:#0d6efd}.btn-primary:hover{color:#fff;background-color:#0b5ed7;border-color:#0a58ca}.btn-check:focus+.btn-primary,.btn-primary:focus{color:#fff;background-color:#0b5ed7;border-color:#0a58ca;box-shadow:0 0 0 .25rem rgba(49,132,253,.5)}.btn-check:active+.btn-primary,.btn-check:checked+.btn-primary,.btn-primary.active,.btn-primary:active,.show>.btn-primary.dropdown-toggle{color:#fff;background-color:#0a58ca;border-color:#0a53be}.btn-check:active+.btn-primary:focus,.btn-check:checked+.btn-primary:focus,.btn-primary.active:focus,.btn-primary:active:focus,.show>.btn-primary.dropdown-toggle:focus{box-shadow:0 0 0 .25rem rgba(49,132,253,.5)}.btn-primary.disabled,.btn-primary:disabled{color:#fff;background-color:#0d6efd;border-color:#0d6efd}.btn-secondary{color:#fff;background-color:#6c757d;border-color:#6c757d}.btn-secondary:hover{color:#fff;background-color:#5c636a;border-color:#565e64}.btn-check:focus+.btn-secondary,.btn-secondary:focus{color:#fff;background-color:#5c636a;border-color:#565e64;box-shadow:0 0 0 .25rem rgba(130,138,145,.5)}.btn-check:active+.btn-secondary,.btn-check:checked+.btn-secondary,.btn-secondary.active,.btn-secondary:active,.show>.btn-secondary.dropdown-toggle{color:#fff;background-color:#565e64;border-color:#51585e}.btn-check:active+.btn-secondary:focus,.btn-check:checked+.btn-secondary:focus,.btn-secondary.active:focus,.btn-secondary:active:focus,.show>.btn-secondary.dropdown-toggle:focus{box-shadow:0 0 0 .25rem rgba(130,138,145,.5)}.btn-secondary.disabled,.btn-secondary:disabled{color:#fff;background-color:#6c757d;border-color:#6c757d}.btn-success{color:#fff;background-color:#198754;border-color:#198754}.btn-success:hover{color:#fff;background-color:#157347;border-color:#146c43}.btn-check:focus+.btn-success,.btn-success:focus{color:#fff;background-color:#157347;border-color:#146c43;box-shadow:0 0 0 .25rem rgba(60,153,110,.5)}.btn-check:active+.btn-success,.btn-check:checked+.btn-success,.btn-success.active,.btn-success:active,.show>.btn-success.dropdown-toggle{color:#fff;background-color:#146c43;border-color:#13653f}.btn-check:active+.btn-success:focus,.btn-check:checked+.btn-success:focus,.btn-success.active:focus,.btn-success:active:focus,.show>.btn-success.dropdown-toggle:focus{box-shadow:0 0 0 .25rem rgba(60,153,110,.5)}.btn-success.disabled,.btn-success:disabled{color:#fff;background-color:#198754;border-color:#198754}.btn-info{color:#000;background-color:#0dcaf0;border-color:#0dcaf0}.btn-info:hover{color:#000;background-color:#31d2f2;border-color:#25cff2}.btn-check:focus+.btn-info,.btn-info:focus{color:#000;background-color:#31d2f2;border-color:#25cff2;box-shadow:0 0 0 .25rem rgba(11,172,204,.5)}.btn-check:active+.btn-info,.btn-check:checked+.btn-info,.btn-info.active,.btn-info:active,.show>.btn-info.dropdown-toggle{color:#000;background-color:#3dd5f3;border-color:#25cff2}.btn-check:active+.btn-info:focus,.btn-check:checked+.btn-info:focus,.btn-info.active:focus,.btn-info:active:focus,.show>.btn-info.dropdown-toggle:focus{box-shadow:0 0 0 .25rem rgba(11,172,204,.5)}.btn-info.disabled,.btn-info:disabled{color:#000;background-color:#0dcaf0;border-color:#0dcaf0}.btn-warning{color:#000;background-color:#ffc107;border-color:#ffc107}.btn-warning:hover{color:#000;background-color:#ffca2c;border-color:#ffc720}.btn-check:focus+.btn-warning,.btn-warning:focus{color:#000;background-color:#ffca2c;border-color:#ffc720;box-shadow:0 0 0 .25rem rgba(217,164,6,.5)}.btn-check:active+.btn-warning,.btn-check:checked+.btn-warning,.btn-warning.active,.btn-warning:active,.show>.btn-warning.dropdown-toggle{color:#000;background-color:#ffcd39;border-color:#ffc720}.btn-check:active+.btn-warning:focus,.btn-check:checked+.btn-warning:focus,.btn-warning.active:focus,.btn-warning:active:focus,.show>.btn-warning.dropdown-toggle:focus{box-shadow:0 0 0 .25rem rgba(217,164,6,.5)}.btn-warning.disabled,.btn-warning:disabled{color:#000;background-color:#ffc107;border-color:#ffc107}.btn-danger{color:#fff;background-color:#dc3545;border-color:#dc3545}.btn-danger:hover{color:#fff;background-color:#bb2d3b;border-color:#b02a37}.btn-check:focus+.btn-danger,.btn-danger:focus{color:#fff;background-color:#bb2d3b;border-color:#b02a37;box-shadow:0 0 0 .25rem rgba(225,83,97,.5)}.btn-check:active+.btn-danger,.btn-check:checked+.btn-danger,.btn-danger.active,.btn-danger:active,.show>.btn-danger.dropdown-toggle{color:#fff;background-color:#b02a37;border-color:#a52834}.btn-check:active+.btn-danger:focus,.btn-check:checked+.btn-danger:focus,.btn-danger.active:focus,.btn-danger:active:focus,.show>.btn-danger.dropdown-toggle:focus{box-shadow:0 0 0 .25rem rgba(225,83,97,.5)}.btn-danger.disabled,.btn-danger:disabled{color:#fff;background-color:#dc3545;border-color:#dc3545}.btn-light{color:#000;background-color:#f8f9fa;border-color:#f8f9fa}.btn-light:hover{color:#000;background-color:#f9fafb;border-color:#f9fafb}.btn-check:focus+.btn-light,.btn-light:focus{color:#000;background-color:#f9fafb;border-color:#f9fafb;box-shadow:0 0 0 .25rem rgba(211,212,213,.5)}.btn-check:active+.btn-light,.btn-check:checked+.btn-light,.btn-light.active,.btn-light:active,.show>.btn-light.dropdown-toggle{color:#000;background-color:#f9fafb;border-color:#f9fafb}.btn-check:active+.btn-light:focus,.btn-check:checked+.btn-light:focus,.btn-light.active:focus,.btn-light:active:focus,.show>.btn-light.dropdown-toggle:focus{box-shadow:0 0 0 .25rem rgba(211,212,213,.5)}.btn-light.disabled,.btn-light:disabled{color:#000;background-color:#f8f9fa;border-color:#f8f9fa}.btn-dark{color:#fff;background-color:#212529;border-color:#212529}.btn-dark:hover{color:#fff;background-color:#1c1f23;border-color:#1a1e21}.btn-check:focus+.btn-dark,.btn-dark:focus{color:#fff;background-color:#1c1f23;border-color:#1a1e21;box-shadow:0 0 0 .25rem rgba(66,70,73,.5)}.btn-check:active+.btn-dark,.btn-check:checked+.btn-dark,.btn-dark.active,.btn-dark:active,.show>.btn-dark.dropdown-toggle{color:#fff;background-color:#1a1e21;border-color:#191c1f}.btn-check:active+.btn-dark:focus,.btn-check:checked+.btn-dark:focus,.btn-dark.active:focus,.btn-dark:active:focus,.show>.btn-dark.dropdown-toggle:focus{box-shadow:0 0 0 .25rem rgba(66,70,73,.5)}.btn-dark.disabled,.btn-dark:disabled{color:#fff;background-color:#212529;border-color:#212529}.btn-outline-primary{color:#0d6efd;border-color:#0d6efd}.btn-outline-primary:hover{color:#fff;background-color:#0d6efd;border-color:#0d6efd}.btn-check:focus+.btn-outline-primary,.btn-outline-primary:focus{box-shadow:0 0 0 .25rem rgba(13,110,253,.5)}.btn-check:active+.btn-outline-primary,.btn-check:checked+.btn-outline-primary,.btn-outline-primary.active,.btn-outline-primary.dropdown-toggle.show,.btn-outline-primary:active{color:#fff;background-color:#0d6efd;border-color:#0d6efd}.btn-check:active+.btn-outline-primary:focus,.btn-check:checked+.btn-outline-primary:focus,.btn-outline-primary.active:focus,.btn-outline-primary.dropdown-toggle.show:focus,.btn-outline-primary:active:focus{box-shadow:0 0 0 .25rem rgba(13,110,253,.5)}.btn-outline-primary.disabled,.btn-outline-primary:disabled{color:#0d6efd;background-color:transparent}.btn-outline-secondary{color:#6c757d;border-color:#6c757d}.btn-outline-secondary:hover{color:#fff;background-color:#6c757d;border-color:#6c757d}.btn-check:focus+.btn-outline-secondary,.btn-outline-secondary:focus{box-shadow:0 0 0 .25rem rgba(108,117,125,.5)}.btn-check:active+.btn-outline-secondary,.btn-check:checked+.btn-outline-secondary,.btn-outline-secondary.active,.btn-outline-secondary.dropdown-toggle.show,.btn-outline-secondary:active{color:#fff;background-color:#6c757d;border-color:#6c757d}.btn-check:active+.btn-outline-secondary:focus,.btn-check:checked+.btn-outline-secondary:focus,.btn-outline-secondary.active:focus,.btn-outline-secondary.dropdown-toggle.show:focus,.btn-outline-secondary:active:focus{box-shadow:0 0 0 .25rem rgba(108,117,125,.5)}.btn-outline-secondary.disabled,.btn-outline-secondary:disabled{color:#6c757d;background-color:transparent}.btn-outline-success{color:#198754;border-color:#198754}.btn-outline-success:hover{color:#fff;background-color:#198754;border-color:#198754}.btn-check:focus+.btn-outline-success,.btn-outline-success:focus{box-shadow:0 0 0 .25rem rgba(25,135,84,.5)}.btn-check:active+.btn-outline-success,.btn-check:checked+.btn-outline-success,.btn-outline-success.active,.btn-outline-success.dropdown-toggle.show,.btn-outline-success:active{color:#fff;background-color:#198754;border-color:#198754}.btn-check:active+.btn-outline-success:focus,.btn-check:checked+.btn-outline-success:focus,.btn-outline-success.active:focus,.btn-outline-success.dropdown-toggle.show:focus,.btn-outline-success:active:focus{box-shadow:0 0 0 .25rem rgba(25,135,84,.5)}.btn-outline-success.disabled,.btn-outline-success:disabled{color:#198754;background-color:transparent}.btn-outline-info{color:#0dcaf0;border-color:#0dcaf0}.btn-outline-info:hover{color:#000;background-color:#0dcaf0;border-color:#0dcaf0}.btn-check:focus+.btn-outline-info,.btn-outline-info:focus{box-shadow:0 0 0 .25rem rgba(13,202,240,.5)}.btn-check:active+.btn-outline-info,.btn-check:checked+.btn-outline-info,.btn-outline-info.active,.btn-outline-info.dropdown-toggle.show,.btn-outline-info:active{color:#000;background-color:#0dcaf0;border-color:#0dcaf0}.btn-check:active+.btn-outline-info:focus,.btn-check:checked+.btn-outline-info:focus,.btn-outline-info.active:focus,.btn-outline-info.dropdown-toggle.show:focus,.btn-outline-info:active:focus{box-shadow:0 0 0 .25rem rgba(13,202,240,.5)}.btn-outline-info.disabled,.btn-outline-info:disabled{color:#0dcaf0;background-color:transparent}.btn-outline-warning{color:#ffc107;border-color:#ffc107}.btn-outline-warning:hover{color:#000;background-color:#ffc107;border-color:#ffc107}.btn-check:focus+.btn-outline-warning,.btn-outline-warning:focus{box-shadow:0 0 0 .25rem rgba(255,193,7,.5)}.btn-check:active+.btn-outline-warning,.btn-check:checked+.btn-outline-warning,.btn-outline-warning.active,.btn-outline-warning.dropdown-toggle.show,.btn-outline-warning:active{color:#000;background-color:#ffc107;border-color:#ffc107}.btn-check:active+.btn-outline-warning:focus,.btn-check:checked+.btn-outline-warning:focus,.btn-outline-warning.active:focus,.btn-outline-warning.dropdown-toggle.show:focus,.btn-outline-warning:active:focus{box-shadow:0 0 0 .25rem rgba(255,193,7,.5)}.btn-outline-warning.disabled,.btn-outline-warning:disabled{color:#ffc107;background-color:transparent}.btn-outline-danger{color:#dc3545;border-color:#dc3545}.btn-outline-danger:hover{color:#fff;background-color:#dc3545;border-color:#dc3545}.btn-check:focus+.btn-outline-danger,.btn-outline-danger:focus{box-shadow:0 0 0 .25rem rgba(220,53,69,.5)}.btn-check:active+.btn-outline-danger,.btn-check:checked+.btn-outline-danger,.btn-outline-danger.active,.btn-outline-danger.dropdown-toggle.show,.btn-outline-danger:active{color:#fff;background-color:#dc3545;border-color:#dc3545}.btn-check:active+.btn-outline-danger:focus,.btn-check:checked+.btn-outline-danger:focus,.btn-outline-danger.active:focus,.btn-outline-danger.dropdown-toggle.show:focus,.btn-outline-danger:active:focus{box-shadow:0 0 0 .25rem rgba(220,53,69,.5)}.btn-outline-danger.disabled,.btn-outline-danger:disabled{color:#dc3545;background-color:transparent}.btn-outline-light{color:#f8f9fa;border-color:#f8f9fa}.btn-outline-light:hover{color:#000;background-color:#f8f9fa;border-color:#f8f9fa}.btn-check:focus+.btn-outline-light,.btn-outline-light:focus{box-shadow:0 0 0 .25rem rgba(248,249,250,.5)}.btn-check:active+.btn-outline-light,.btn-check:checked+.btn-outline-light,.btn-outline-light.active,.btn-outline-light.dropdown-toggle.show,.btn-outline-light:active{color:#000;background-color:#f8f9fa;border-color:#f8f9fa}.btn-check:active+.btn-outline-light:focus,.btn-check:checked+.btn-outline-light:focus,.btn-outline-light.active:focus,.btn-outline-light.dropdown-toggle.show:focus,.btn-outline-light:active:focus{box-shadow:0 0 0 .25rem rgba(248,249,250,.5)}.btn-outline-light.disabled,.btn-outline-light:disabled{color:#f8f9fa;background-color:transparent}.btn-outline-dark{color:#212529;border-color:#212529}.btn-outline-dark:hover{color:#fff;background-color:#212529;border-color:#212529}.btn-check:focus+.btn-outline-dark,.btn-outline-dark:focus{box-shadow:0 0 0 .25rem rgba(33,37,41,.5)}.btn-check:active+.btn-outline-dark,.btn-check:checked+.btn-outline-dark,.btn-outline-dark.active,.btn-outline-dark.dropdown-toggle.show,.btn-outline-dark:active{color:#fff;background-color:#212529;border-color:#212529}.btn-check:active+.btn-outline-dark:focus,.btn-check:checked+.btn-outline-dark:focus,.btn-outline-dark.active:focus,.btn-outline-dark.dropdown-toggle.show:focus,.btn-outline-dark:active:focus{box-shadow:0 0 0 .25rem rgba(33,37,41,.5)}.btn-outline-dark.disabled,.btn-outline-dark:disabled{color:#212529;background-color:transparent}.btn-link{font-weight:400;color:#0d6efd;text-decoration:underline}.btn-link:hover{color:#0a58ca}.btn-link.disabled,.btn-link:disabled{color:#6c757d}.btn-group-lg>.btn,.btn-lg{padding:.5rem 1rem;font-size:1.25rem;border-radius:.3rem}.btn-group-sm>.btn,.btn-sm{padding:.25rem .5rem;font-size:.875rem;border-radius:.2rem}.fade{transition:opacity .15s linear}@media (prefers-reduced-motion:reduce){.fade{transition:none}}.fade:not(.show){opacity:0}.collapse:not(.show){display:none}.collapsing{height:0;overflow:hidden;transition:height .35s ease}@media (prefers-reduced-motion:reduce){.collapsing{transition:none}}.dropdown,.dropend,.dropstart,.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;z-index:1000;display:none;min-width:10rem;padding:.5rem 0;margin: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[data-bs-popper]{top:100%;left:0;margin-top:.125rem}.dropdown-menu-start{--bs-position:start}.dropdown-menu-start[data-bs-popper]{right:auto;left:0}.dropdown-menu-end{--bs-position:end}.dropdown-menu-end[data-bs-popper]{right:0;left:auto}@media (min-width:576px){.dropdown-menu-sm-start{--bs-position:start}.dropdown-menu-sm-start[data-bs-popper]{right:auto;left:0}.dropdown-menu-sm-end{--bs-position:end}.dropdown-menu-sm-end[data-bs-popper]{right:0;left:auto}}@media (min-width:768px){.dropdown-menu-md-start{--bs-position:start}.dropdown-menu-md-start[data-bs-popper]{right:auto;left:0}.dropdown-menu-md-end{--bs-position:end}.dropdown-menu-md-end[data-bs-popper]{right:0;left:auto}}@media (min-width:992px){.dropdown-menu-lg-start{--bs-position:start}.dropdown-menu-lg-start[data-bs-popper]{right:auto;left:0}.dropdown-menu-lg-end{--bs-position:end}.dropdown-menu-lg-end[data-bs-popper]{right:0;left:auto}}@media (min-width:1200px){.dropdown-menu-xl-start{--bs-position:start}.dropdown-menu-xl-start[data-bs-popper]{right:auto;left:0}.dropdown-menu-xl-end{--bs-position:end}.dropdown-menu-xl-end[data-bs-popper]{right:0;left:auto}}@media (min-width:1400px){.dropdown-menu-xxl-start{--bs-position:start}.dropdown-menu-xxl-start[data-bs-popper]{right:auto;left:0}.dropdown-menu-xxl-end{--bs-position:end}.dropdown-menu-xxl-end[data-bs-popper]{right:0;left:auto}}.dropup .dropdown-menu[data-bs-popper]{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}.dropend .dropdown-menu[data-bs-popper]{top:0;right:auto;left:100%;margin-top:0;margin-left:.125rem}.dropend .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}.dropend .dropdown-toggle:empty::after{margin-left:0}.dropend .dropdown-toggle::after{vertical-align:0}.dropstart .dropdown-menu[data-bs-popper]{top:0;right:100%;left:auto;margin-top:0;margin-right:.125rem}.dropstart .dropdown-toggle::after{display:inline-block;margin-left:.255em;vertical-align:.255em;content:""}.dropstart .dropdown-toggle::after{display:none}.dropstart .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}.dropstart .dropdown-toggle:empty::after{margin-left:0}.dropstart .dropdown-toggle::before{vertical-align:0}.dropdown-divider{height:0;margin:.5rem 0;overflow:hidden;border-top:1px solid rgba(0,0,0,.15)}.dropdown-item{display:block;width:100%;padding:.25rem 1rem;clear:both;font-weight:400;color:#212529;text-align:inherit;text-decoration:none;white-space:nowrap;background-color:transparent;border:0}.dropdown-item:focus,.dropdown-item:hover{color:#1e2125;background-color:#e9ecef}.dropdown-item.active,.dropdown-item:active{color:#fff;text-decoration:none;background-color:#0d6efd}.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 1rem;margin-bottom:0;font-size:.875rem;color:#6c757d;white-space:nowrap}.dropdown-item-text{display:block;padding:.25rem 1rem;color:#212529}.dropdown-menu-dark{color:#dee2e6;background-color:#343a40;border-color:rgba(0,0,0,.15)}.dropdown-menu-dark .dropdown-item{color:#dee2e6}.dropdown-menu-dark .dropdown-item:focus,.dropdown-menu-dark .dropdown-item:hover{color:#fff;background-color:rgba(255,255,255,.15)}.dropdown-menu-dark .dropdown-item.active,.dropdown-menu-dark .dropdown-item:active{color:#fff;background-color:#0d6efd}.dropdown-menu-dark .dropdown-item.disabled,.dropdown-menu-dark .dropdown-item:disabled{color:#adb5bd}.dropdown-menu-dark .dropdown-divider{border-color:rgba(0,0,0,.15)}.dropdown-menu-dark .dropdown-item-text{color:#dee2e6}.dropdown-menu-dark .dropdown-header{color:#adb5bd}.btn-group,.btn-group-vertical{position:relative;display:inline-flex;vertical-align:middle}.btn-group-vertical>.btn,.btn-group>.btn{position:relative;flex:1 1 auto}.btn-group-vertical>.btn-check:checked+.btn,.btn-group-vertical>.btn-check:focus+.btn,.btn-group-vertical>.btn.active,.btn-group-vertical>.btn:active,.btn-group-vertical>.btn:focus,.btn-group-vertical>.btn:hover,.btn-group>.btn-check:checked+.btn,.btn-group>.btn-check:focus+.btn,.btn-group>.btn.active,.btn-group>.btn:active,.btn-group>.btn:focus,.btn-group>.btn:hover{z-index:1}.btn-toolbar{display:flex;flex-wrap:wrap;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:nth-child(n+3),.btn-group>:not(.btn-check)+.btn{border-top-left-radius:0;border-bottom-left-radius:0}.dropdown-toggle-split{padding-right:.5625rem;padding-left:.5625rem}.dropdown-toggle-split::after,.dropend .dropdown-toggle-split::after,.dropup .dropdown-toggle-split::after{margin-left:0}.dropstart .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{flex-direction:column;align-items:flex-start;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~.btn{border-top-left-radius:0;border-top-right-radius:0}.nav{display:flex;flex-wrap:wrap;padding-left:0;margin-bottom:0;list-style:none}.nav-link{display:block;padding:.5rem 1rem;color:#0d6efd;text-decoration:none;transition:color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out}@media (prefers-reduced-motion:reduce){.nav-link{transition:none}}.nav-link:focus,.nav-link:hover{color:#0a58ca}.nav-link.disabled{color:#6c757d;pointer-events:none;cursor:default}.nav-tabs{border-bottom:1px solid #dee2e6}.nav-tabs .nav-link{margin-bottom:-1px;background:0 0;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;isolation:isolate}.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{background:0 0;border:0;border-radius:.25rem}.nav-pills .nav-link.active,.nav-pills .show>.nav-link{color:#fff;background-color:#0d6efd}.nav-fill .nav-item,.nav-fill>.nav-link{flex:1 1 auto;text-align:center}.nav-justified .nav-item,.nav-justified>.nav-link{flex-basis:0;flex-grow:1;text-align:center}.nav-fill .nav-item .nav-link,.nav-justified .nav-item .nav-link{width:100%}.tab-content>.tab-pane{display:none}.tab-content>.active{display:block}.navbar{position:relative;display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;padding-top:.5rem;padding-bottom:.5rem}.navbar>.container,.navbar>.container-fluid,.navbar>.container-lg,.navbar>.container-md,.navbar>.container-sm,.navbar>.container-xl,.navbar>.container-xxl{display:flex;flex-wrap:inherit;align-items:center;justify-content:space-between}.navbar-brand{padding-top:.3125rem;padding-bottom:.3125rem;margin-right:1rem;font-size:1.25rem;text-decoration:none;white-space:nowrap}.navbar-nav{display:flex;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}.navbar-text{padding-top:.5rem;padding-bottom:.5rem}.navbar-collapse{flex-basis:100%;flex-grow:1;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;transition:box-shadow .15s ease-in-out}@media (prefers-reduced-motion:reduce){.navbar-toggler{transition:none}}.navbar-toggler:hover{text-decoration:none}.navbar-toggler:focus{text-decoration:none;outline:0;box-shadow:0 0 0 .25rem}.navbar-toggler-icon{display:inline-block;width:1.5em;height:1.5em;vertical-align:middle;background-repeat:no-repeat;background-position:center;background-size:100%}.navbar-nav-scroll{max-height:var(--bs-scroll-height,75vh);overflow-y:auto}@media (min-width:576px){.navbar-expand-sm{flex-wrap:nowrap;justify-content:flex-start}.navbar-expand-sm .navbar-nav{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 .navbar-nav-scroll{overflow:visible}.navbar-expand-sm .navbar-collapse{display:flex!important;flex-basis:auto}.navbar-expand-sm .navbar-toggler{display:none}}@media (min-width:768px){.navbar-expand-md{flex-wrap:nowrap;justify-content:flex-start}.navbar-expand-md .navbar-nav{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 .navbar-nav-scroll{overflow:visible}.navbar-expand-md .navbar-collapse{display:flex!important;flex-basis:auto}.navbar-expand-md .navbar-toggler{display:none}}@media (min-width:992px){.navbar-expand-lg{flex-wrap:nowrap;justify-content:flex-start}.navbar-expand-lg .navbar-nav{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 .navbar-nav-scroll{overflow:visible}.navbar-expand-lg .navbar-collapse{display:flex!important;flex-basis:auto}.navbar-expand-lg .navbar-toggler{display:none}}@media (min-width:1200px){.navbar-expand-xl{flex-wrap:nowrap;justify-content:flex-start}.navbar-expand-xl .navbar-nav{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 .navbar-nav-scroll{overflow:visible}.navbar-expand-xl .navbar-collapse{display:flex!important;flex-basis:auto}.navbar-expand-xl .navbar-toggler{display:none}}@media (min-width:1400px){.navbar-expand-xxl{flex-wrap:nowrap;justify-content:flex-start}.navbar-expand-xxl .navbar-nav{flex-direction:row}.navbar-expand-xxl .navbar-nav .dropdown-menu{position:absolute}.navbar-expand-xxl .navbar-nav .nav-link{padding-right:.5rem;padding-left:.5rem}.navbar-expand-xxl .navbar-nav-scroll{overflow:visible}.navbar-expand-xxl .navbar-collapse{display:flex!important;flex-basis:auto}.navbar-expand-xxl .navbar-toggler{display:none}}.navbar-expand{flex-wrap:nowrap;justify-content:flex-start}.navbar-expand .navbar-nav{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 .navbar-nav-scroll{overflow:visible}.navbar-expand .navbar-collapse{display:flex!important;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,.55)}.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 .nav-link.active,.navbar-light .navbar-nav .show>.nav-link{color:rgba(0,0,0,.9)}.navbar-light .navbar-toggler{color:rgba(0,0,0,.55);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' viewBox='0 0 30 30'%3e%3cpath stroke='rgba%280, 0, 0, 0.55%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,.55)}.navbar-light .navbar-text a,.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,.55)}.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 .nav-link.active,.navbar-dark .navbar-nav .show>.nav-link{color:#fff}.navbar-dark .navbar-toggler{color:rgba(255,255,255,.55);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' viewBox='0 0 30 30'%3e%3cpath stroke='rgba%28255, 255, 255, 0.55%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,.55)}.navbar-dark .navbar-text a,.navbar-dark .navbar-text a:focus,.navbar-dark .navbar-text a:hover{color:#fff}.card{position:relative;display:flex;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-bottom-left-radius:calc(.25rem - 1px)}.card>.card-header+.list-group,.card>.list-group+.card-footer{border-top:0}.card-body{flex:1 1 auto;padding:1rem 1rem}.card-title{margin-bottom:.5rem}.card-subtitle{margin-top:-.25rem;margin-bottom:0}.card-text:last-child{margin-bottom:0}.card-link:hover{text-decoration:none}.card-link+.card-link{margin-left:1rem}.card-header{padding:.5rem 1rem;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:.5rem 1rem;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:-.5rem;margin-bottom:-.5rem;margin-left:-.5rem;border-bottom:0}.card-header-pills{margin-right:-.5rem;margin-left:-.5rem}.card-img-overlay{position:absolute;top:0;right:0;bottom:0;left:0;padding:1rem;border-radius:calc(.25rem - 1px)}.card-img,.card-img-bottom,.card-img-top{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-group>.card{margin-bottom:.75rem}@media (min-width:576px){.card-group{display:flex;flex-flow:row wrap}.card-group>.card{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}}.accordion-button{position:relative;display:flex;align-items:center;width:100%;padding:1rem 1.25rem;font-size:1rem;color:#212529;text-align:left;background-color:#fff;border:0;border-radius:0;overflow-anchor:none;transition:color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out,border-radius .15s ease}@media (prefers-reduced-motion:reduce){.accordion-button{transition:none}}.accordion-button:not(.collapsed){color:#0c63e4;background-color:#e7f1ff;box-shadow:inset 0 -1px 0 rgba(0,0,0,.125)}.accordion-button:not(.collapsed)::after{background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%230c63e4'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e");transform:rotate(-180deg)}.accordion-button::after{flex-shrink:0;width:1.25rem;height:1.25rem;margin-left:auto;content:"";background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23212529'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e");background-repeat:no-repeat;background-size:1.25rem;transition:transform .2s ease-in-out}@media (prefers-reduced-motion:reduce){.accordion-button::after{transition:none}}.accordion-button:hover{z-index:2}.accordion-button:focus{z-index:3;border-color:#86b7fe;outline:0;box-shadow:0 0 0 .25rem rgba(13,110,253,.25)}.accordion-header{margin-bottom:0}.accordion-item{background-color:#fff;border:1px solid rgba(0,0,0,.125)}.accordion-item:first-of-type{border-top-left-radius:.25rem;border-top-right-radius:.25rem}.accordion-item:first-of-type .accordion-button{border-top-left-radius:calc(.25rem - 1px);border-top-right-radius:calc(.25rem - 1px)}.accordion-item:not(:first-of-type){border-top:0}.accordion-item:last-of-type{border-bottom-right-radius:.25rem;border-bottom-left-radius:.25rem}.accordion-item:last-of-type .accordion-button.collapsed{border-bottom-right-radius:calc(.25rem - 1px);border-bottom-left-radius:calc(.25rem - 1px)}.accordion-item:last-of-type .accordion-collapse{border-bottom-right-radius:.25rem;border-bottom-left-radius:.25rem}.accordion-body{padding:1rem 1.25rem}.accordion-flush .accordion-collapse{border-width:0}.accordion-flush .accordion-item{border-right:0;border-left:0;border-radius:0}.accordion-flush .accordion-item:first-child{border-top:0}.accordion-flush .accordion-item:last-child{border-bottom:0}.accordion-flush .accordion-item .accordion-button{border-radius:0}.breadcrumb{display:flex;flex-wrap:wrap;padding:0 0;margin-bottom:1rem;list-style:none}.breadcrumb-item+.breadcrumb-item{padding-left:.5rem}.breadcrumb-item+.breadcrumb-item::before{float:left;padding-right:.5rem;color:#6c757d;content:var(--bs-breadcrumb-divider, "/")}.breadcrumb-item.active{color:#6c757d}.pagination{display:flex;padding-left:0;list-style:none}.page-link{position:relative;display:block;color:#0d6efd;text-decoration:none;background-color:#fff;border:1px solid #dee2e6;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){.page-link{transition:none}}.page-link:hover{z-index:2;color:#0a58ca;background-color:#e9ecef;border-color:#dee2e6}.page-link:focus{z-index:3;color:#0a58ca;background-color:#e9ecef;outline:0;box-shadow:0 0 0 .25rem rgba(13,110,253,.25)}.page-item:not(:first-child) .page-link{margin-left:-1px}.page-item.active .page-link{z-index:3;color:#fff;background-color:#0d6efd;border-color:#0d6efd}.page-item.disabled .page-link{color:#6c757d;pointer-events:none;background-color:#fff;border-color:#dee2e6}.page-link{padding:.375rem .75rem}.page-item:first-child .page-link{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}.pagination-lg .page-link{padding:.75rem 1.5rem;font-size:1.25rem}.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}.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:.35em .65em;font-size:.75em;font-weight:700;line-height:1;color:#fff;text-align:center;white-space:nowrap;vertical-align:baseline;border-radius:.25rem}.badge:empty{display:none}.btn .badge{position:relative;top:-1px}.alert{position:relative;padding:1rem 1rem;margin-bottom:1rem;border:1px solid transparent;border-radius:.25rem}.alert-heading{color:inherit}.alert-link{font-weight:700}.alert-dismissible{padding-right:3rem}.alert-dismissible .btn-close{position:absolute;top:0;right:0;z-index:2;padding:1.25rem 1rem}.alert-primary{color:#084298;background-color:#cfe2ff;border-color:#b6d4fe}.alert-primary .alert-link{color:#06357a}.alert-secondary{color:#41464b;background-color:#e2e3e5;border-color:#d3d6d8}.alert-secondary .alert-link{color:#34383c}.alert-success{color:#0f5132;background-color:#d1e7dd;border-color:#badbcc}.alert-success .alert-link{color:#0c4128}.alert-info{color:#055160;background-color:#cff4fc;border-color:#b6effb}.alert-info .alert-link{color:#04414d}.alert-warning{color:#664d03;background-color:#fff3cd;border-color:#ffecb5}.alert-warning .alert-link{color:#523e02}.alert-danger{color:#842029;background-color:#f8d7da;border-color:#f5c2c7}.alert-danger .alert-link{color:#6a1a21}.alert-light{color:#636464;background-color:#fefefe;border-color:#fdfdfe}.alert-light .alert-link{color:#4f5050}.alert-dark{color:#141619;background-color:#d3d3d4;border-color:#bcbebf}.alert-dark .alert-link{color:#101214}@-webkit-keyframes progress-bar-stripes{0%{background-position-x:1rem}}@keyframes progress-bar-stripes{0%{background-position-x:1rem}}.progress{display:flex;height:1rem;overflow:hidden;font-size:.75rem;background-color:#e9ecef;border-radius:.25rem}.progress-bar{display:flex;flex-direction:column;justify-content:center;overflow:hidden;color:#fff;text-align:center;white-space:nowrap;background-color:#0d6efd;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}}.list-group{display:flex;flex-direction:column;padding-left:0;margin-bottom:0;border-radius:.25rem}.list-group-numbered{list-style-type:none;counter-reset:section}.list-group-numbered>li::before{content:counters(section, ".") ". ";counter-increment:section}.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:.5rem 1rem;color:#212529;text-decoration:none;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:#0d6efd;border-color:#0d6efd}.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{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{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{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{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{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}}@media (min-width:1400px){.list-group-horizontal-xxl{flex-direction:row}.list-group-horizontal-xxl>.list-group-item:first-child{border-bottom-left-radius:.25rem;border-top-right-radius:0}.list-group-horizontal-xxl>.list-group-item:last-child{border-top-right-radius:.25rem;border-bottom-left-radius:0}.list-group-horizontal-xxl>.list-group-item.active{margin-top:0}.list-group-horizontal-xxl>.list-group-item+.list-group-item{border-top-width:1px;border-left-width:0}.list-group-horizontal-xxl>.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:#084298;background-color:#cfe2ff}.list-group-item-primary.list-group-item-action:focus,.list-group-item-primary.list-group-item-action:hover{color:#084298;background-color:#bacbe6}.list-group-item-primary.list-group-item-action.active{color:#fff;background-color:#084298;border-color:#084298}.list-group-item-secondary{color:#41464b;background-color:#e2e3e5}.list-group-item-secondary.list-group-item-action:focus,.list-group-item-secondary.list-group-item-action:hover{color:#41464b;background-color:#cbccce}.list-group-item-secondary.list-group-item-action.active{color:#fff;background-color:#41464b;border-color:#41464b}.list-group-item-success{color:#0f5132;background-color:#d1e7dd}.list-group-item-success.list-group-item-action:focus,.list-group-item-success.list-group-item-action:hover{color:#0f5132;background-color:#bcd0c7}.list-group-item-success.list-group-item-action.active{color:#fff;background-color:#0f5132;border-color:#0f5132}.list-group-item-info{color:#055160;background-color:#cff4fc}.list-group-item-info.list-group-item-action:focus,.list-group-item-info.list-group-item-action:hover{color:#055160;background-color:#badce3}.list-group-item-info.list-group-item-action.active{color:#fff;background-color:#055160;border-color:#055160}.list-group-item-warning{color:#664d03;background-color:#fff3cd}.list-group-item-warning.list-group-item-action:focus,.list-group-item-warning.list-group-item-action:hover{color:#664d03;background-color:#e6dbb9}.list-group-item-warning.list-group-item-action.active{color:#fff;background-color:#664d03;border-color:#664d03}.list-group-item-danger{color:#842029;background-color:#f8d7da}.list-group-item-danger.list-group-item-action:focus,.list-group-item-danger.list-group-item-action:hover{color:#842029;background-color:#dfc2c4}.list-group-item-danger.list-group-item-action.active{color:#fff;background-color:#842029;border-color:#842029}.list-group-item-light{color:#636464;background-color:#fefefe}.list-group-item-light.list-group-item-action:focus,.list-group-item-light.list-group-item-action:hover{color:#636464;background-color:#e5e5e5}.list-group-item-light.list-group-item-action.active{color:#fff;background-color:#636464;border-color:#636464}.list-group-item-dark{color:#141619;background-color:#d3d3d4}.list-group-item-dark.list-group-item-action:focus,.list-group-item-dark.list-group-item-action:hover{color:#141619;background-color:#bebebf}.list-group-item-dark.list-group-item-action.active{color:#fff;background-color:#141619;border-color:#141619}.btn-close{box-sizing:content-box;width:1em;height:1em;padding:.25em .25em;color:#000;background:transparent url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23000'%3e%3cpath d='M.293.293a1 1 0 011.414 0L8 6.586 14.293.293a1 1 0 111.414 1.414L9.414 8l6.293 6.293a1 1 0 01-1.414 1.414L8 9.414l-6.293 6.293a1 1 0 01-1.414-1.414L6.586 8 .293 1.707a1 1 0 010-1.414z'/%3e%3c/svg%3e") center/1em auto no-repeat;border:0;border-radius:.25rem;opacity:.5}.btn-close:hover{color:#000;text-decoration:none;opacity:.75}.btn-close:focus{outline:0;box-shadow:0 0 0 .25rem rgba(13,110,253,.25);opacity:1}.btn-close.disabled,.btn-close:disabled{pointer-events:none;-webkit-user-select:none;-moz-user-select:none;user-select:none;opacity:.25}.btn-close-white{filter:invert(1) grayscale(100%) brightness(200%)}.toast{width:350px;max-width:100%;font-size:.875rem;pointer-events:auto;background-color:rgba(255,255,255,.85);background-clip:padding-box;border:1px solid rgba(0,0,0,.1);box-shadow:0 .5rem 1rem rgba(0,0,0,.15);border-radius:.25rem}.toast:not(.showing):not(.show){opacity:0}.toast.hide{display:none}.toast-container{width:-webkit-max-content;width:-moz-max-content;width:max-content;max-width:100%;pointer-events:none}.toast-container>:not(:last-child){margin-bottom:.75rem}.toast-header{display:flex;align-items:center;padding:.5rem .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-header .btn-close{margin-right:-.375rem;margin-left:.75rem}.toast-body{padding:.75rem;word-wrap:break-word}.modal{position:fixed;top:0;left:0;z-index:1060;display:none;width:100%;height:100%;overflow-x:hidden;overflow-y:auto;outline:0}.modal-dialog{position:relative;width:auto;margin:.5rem;pointer-events:none}.modal.fade .modal-dialog{transition:transform .3s ease-out;transform:translate(0,-50px)}@media (prefers-reduced-motion:reduce){.modal.fade .modal-dialog{transition:none}}.modal.show .modal-dialog{transform:none}.modal.modal-static .modal-dialog{transform:scale(1.02)}.modal-dialog-scrollable{height:calc(100% - 1rem)}.modal-dialog-scrollable .modal-content{max-height:100%;overflow:hidden}.modal-dialog-scrollable .modal-body{overflow-y:auto}.modal-dialog-centered{display:flex;align-items:center;min-height:calc(100% - 1rem)}.modal-content{position:relative;display:flex;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:flex;flex-shrink:0;align-items:center;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 .btn-close{padding:.5rem .5rem;margin:-.5rem -.5rem -.5rem auto}.modal-title{margin-bottom:0;line-height:1.5}.modal-body{position:relative;flex:1 1 auto;padding:1rem}.modal-footer{display:flex;flex-wrap:wrap;flex-shrink:0;align-items:center;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}@media (min-width:576px){.modal-dialog{max-width:500px;margin:1.75rem auto}.modal-dialog-scrollable{height:calc(100% - 3.5rem)}.modal-dialog-centered{min-height:calc(100% - 3.5rem)}.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}}.modal-fullscreen{width:100vw;max-width:none;height:100%;margin:0}.modal-fullscreen .modal-content{height:100%;border:0;border-radius:0}.modal-fullscreen .modal-header{border-radius:0}.modal-fullscreen .modal-body{overflow-y:auto}.modal-fullscreen .modal-footer{border-radius:0}@media (max-width:575.98px){.modal-fullscreen-sm-down{width:100vw;max-width:none;height:100%;margin:0}.modal-fullscreen-sm-down .modal-content{height:100%;border:0;border-radius:0}.modal-fullscreen-sm-down .modal-header{border-radius:0}.modal-fullscreen-sm-down .modal-body{overflow-y:auto}.modal-fullscreen-sm-down .modal-footer{border-radius:0}}@media (max-width:767.98px){.modal-fullscreen-md-down{width:100vw;max-width:none;height:100%;margin:0}.modal-fullscreen-md-down .modal-content{height:100%;border:0;border-radius:0}.modal-fullscreen-md-down .modal-header{border-radius:0}.modal-fullscreen-md-down .modal-body{overflow-y:auto}.modal-fullscreen-md-down .modal-footer{border-radius:0}}@media (max-width:991.98px){.modal-fullscreen-lg-down{width:100vw;max-width:none;height:100%;margin:0}.modal-fullscreen-lg-down .modal-content{height:100%;border:0;border-radius:0}.modal-fullscreen-lg-down .modal-header{border-radius:0}.modal-fullscreen-lg-down .modal-body{overflow-y:auto}.modal-fullscreen-lg-down .modal-footer{border-radius:0}}@media (max-width:1199.98px){.modal-fullscreen-xl-down{width:100vw;max-width:none;height:100%;margin:0}.modal-fullscreen-xl-down .modal-content{height:100%;border:0;border-radius:0}.modal-fullscreen-xl-down .modal-header{border-radius:0}.modal-fullscreen-xl-down .modal-body{overflow-y:auto}.modal-fullscreen-xl-down .modal-footer{border-radius:0}}@media (max-width:1399.98px){.modal-fullscreen-xxl-down{width:100vw;max-width:none;height:100%;margin:0}.modal-fullscreen-xxl-down .modal-content{height:100%;border:0;border-radius:0}.modal-fullscreen-xxl-down .modal-header{border-radius:0}.modal-fullscreen-xxl-down .modal-body{overflow-y:auto}.modal-fullscreen-xxl-down .modal-footer{border-radius:0}}.tooltip{position:absolute;z-index:1080;display:block;margin:0;font-family:var(--bs-font-sans-serif);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 .tooltip-arrow{position:absolute;display:block;width:.8rem;height:.4rem}.tooltip .tooltip-arrow::before{position:absolute;content:"";border-color:transparent;border-style:solid}.bs-tooltip-auto[data-popper-placement^=top],.bs-tooltip-top{padding:.4rem 0}.bs-tooltip-auto[data-popper-placement^=top] .tooltip-arrow,.bs-tooltip-top .tooltip-arrow{bottom:0}.bs-tooltip-auto[data-popper-placement^=top] .tooltip-arrow::before,.bs-tooltip-top .tooltip-arrow::before{top:-1px;border-width:.4rem .4rem 0;border-top-color:#000}.bs-tooltip-auto[data-popper-placement^=right],.bs-tooltip-end{padding:0 .4rem}.bs-tooltip-auto[data-popper-placement^=right] .tooltip-arrow,.bs-tooltip-end .tooltip-arrow{left:0;width:.4rem;height:.8rem}.bs-tooltip-auto[data-popper-placement^=right] .tooltip-arrow::before,.bs-tooltip-end .tooltip-arrow::before{right:-1px;border-width:.4rem .4rem .4rem 0;border-right-color:#000}.bs-tooltip-auto[data-popper-placement^=bottom],.bs-tooltip-bottom{padding:.4rem 0}.bs-tooltip-auto[data-popper-placement^=bottom] .tooltip-arrow,.bs-tooltip-bottom .tooltip-arrow{top:0}.bs-tooltip-auto[data-popper-placement^=bottom] .tooltip-arrow::before,.bs-tooltip-bottom .tooltip-arrow::before{bottom:-1px;border-width:0 .4rem .4rem;border-bottom-color:#000}.bs-tooltip-auto[data-popper-placement^=left],.bs-tooltip-start{padding:0 .4rem}.bs-tooltip-auto[data-popper-placement^=left] .tooltip-arrow,.bs-tooltip-start .tooltip-arrow{right:0;width:.4rem;height:.8rem}.bs-tooltip-auto[data-popper-placement^=left] .tooltip-arrow::before,.bs-tooltip-start .tooltip-arrow::before{left:-1px;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:1070;display:block;max-width:276px;font-family:var(--bs-font-sans-serif);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 .popover-arrow{position:absolute;display:block;width:1rem;height:.5rem}.popover .popover-arrow::after,.popover .popover-arrow::before{position:absolute;display:block;content:"";border-color:transparent;border-style:solid}.bs-popover-auto[data-popper-placement^=top]>.popover-arrow,.bs-popover-top>.popover-arrow{bottom:calc(-.5rem - 1px)}.bs-popover-auto[data-popper-placement^=top]>.popover-arrow::before,.bs-popover-top>.popover-arrow::before{bottom:0;border-width:.5rem .5rem 0;border-top-color:rgba(0,0,0,.25)}.bs-popover-auto[data-popper-placement^=top]>.popover-arrow::after,.bs-popover-top>.popover-arrow::after{bottom:1px;border-width:.5rem .5rem 0;border-top-color:#fff}.bs-popover-auto[data-popper-placement^=right]>.popover-arrow,.bs-popover-end>.popover-arrow{left:calc(-.5rem - 1px);width:.5rem;height:1rem}.bs-popover-auto[data-popper-placement^=right]>.popover-arrow::before,.bs-popover-end>.popover-arrow::before{left:0;border-width:.5rem .5rem .5rem 0;border-right-color:rgba(0,0,0,.25)}.bs-popover-auto[data-popper-placement^=right]>.popover-arrow::after,.bs-popover-end>.popover-arrow::after{left:1px;border-width:.5rem .5rem .5rem 0;border-right-color:#fff}.bs-popover-auto[data-popper-placement^=bottom]>.popover-arrow,.bs-popover-bottom>.popover-arrow{top:calc(-.5rem - 1px)}.bs-popover-auto[data-popper-placement^=bottom]>.popover-arrow::before,.bs-popover-bottom>.popover-arrow::before{top:0;border-width:0 .5rem .5rem .5rem;border-bottom-color:rgba(0,0,0,.25)}.bs-popover-auto[data-popper-placement^=bottom]>.popover-arrow::after,.bs-popover-bottom>.popover-arrow::after{top:1px;border-width:0 .5rem .5rem .5rem;border-bottom-color:#fff}.bs-popover-auto[data-popper-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 #f0f0f0}.bs-popover-auto[data-popper-placement^=left]>.popover-arrow,.bs-popover-start>.popover-arrow{right:calc(-.5rem - 1px);width:.5rem;height:1rem}.bs-popover-auto[data-popper-placement^=left]>.popover-arrow::before,.bs-popover-start>.popover-arrow::before{right:0;border-width:.5rem 0 .5rem .5rem;border-left-color:rgba(0,0,0,.25)}.bs-popover-auto[data-popper-placement^=left]>.popover-arrow::after,.bs-popover-start>.popover-arrow::after{right:1px;border-width:.5rem 0 .5rem .5rem;border-left-color:#fff}.popover-header{padding:.5rem 1rem;margin-bottom:0;font-size:1rem;background-color:#f0f0f0;border-bottom:1px solid rgba(0,0,0,.2);border-top-left-radius:calc(.3rem - 1px);border-top-right-radius:calc(.3rem - 1px)}.popover-header:empty{display:none}.popover-body{padding:1rem 1rem;color:#212529}.carousel{position:relative}.carousel.pointer-event{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:transform .6s ease-in-out}@media (prefers-reduced-motion:reduce){.carousel-item{transition:none}}.carousel-item-next,.carousel-item-prev,.carousel-item.active{display:block}.active.carousel-item-end,.carousel-item-next:not(.carousel-item-start){transform:translateX(100%)}.active.carousel-item-start,.carousel-item-prev:not(.carousel-item-end){transform:translateX(-100%)}.carousel-fade .carousel-item{opacity:0;transition-property:opacity;transform:none}.carousel-fade .carousel-item-next.carousel-item-start,.carousel-fade .carousel-item-prev.carousel-item-end,.carousel-fade .carousel-item.active{z-index:1;opacity:1}.carousel-fade .active.carousel-item-end,.carousel-fade .active.carousel-item-start{z-index:0;opacity:0;transition:opacity 0s .6s}@media (prefers-reduced-motion:reduce){.carousel-fade .active.carousel-item-end,.carousel-fade .active.carousel-item-start{transition:none}}.carousel-control-next,.carousel-control-prev{position:absolute;top:0;bottom:0;z-index:1;display:flex;align-items:center;justify-content:center;width:15%;padding:0;color:#fff;text-align:center;background:0 0;border:0;opacity:.5;transition:opacity .15s ease}@media (prefers-reduced-motion:reduce){.carousel-control-next,.carousel-control-prev{transition:none}}.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:2rem;height:2rem;background-repeat:no-repeat;background-position:50%;background-size:100% 100%}.carousel-control-prev-icon{background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23fff'%3e%3cpath d='M11.354 1.646a.5.5 0 0 1 0 .708L5.707 8l5.647 5.646a.5.5 0 0 1-.708.708l-6-6a.5.5 0 0 1 0-.708l6-6a.5.5 0 0 1 .708 0z'/%3e%3c/svg%3e")}.carousel-control-next-icon{background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23fff'%3e%3cpath d='M4.646 1.646a.5.5 0 0 1 .708 0l6 6a.5.5 0 0 1 0 .708l-6 6a.5.5 0 0 1-.708-.708L10.293 8 4.646 2.354a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e")}.carousel-indicators{position:absolute;right:0;bottom:0;left:0;z-index:2;display:flex;justify-content:center;padding:0;margin-right:15%;margin-bottom:1rem;margin-left:15%;list-style:none}.carousel-indicators [data-bs-target]{box-sizing:content-box;flex:0 1 auto;width:30px;height:3px;padding:0;margin-right:3px;margin-left:3px;text-indent:-999px;cursor:pointer;background-color:#fff;background-clip:padding-box;border:0;border-top:10px solid transparent;border-bottom:10px solid transparent;opacity:.5;transition:opacity .6s ease}@media (prefers-reduced-motion:reduce){.carousel-indicators [data-bs-target]{transition:none}}.carousel-indicators .active{opacity:1}.carousel-caption{position:absolute;right:15%;bottom:1.25rem;left:15%;padding-top:1.25rem;padding-bottom:1.25rem;color:#fff;text-align:center}.carousel-dark .carousel-control-next-icon,.carousel-dark .carousel-control-prev-icon{filter:invert(1) grayscale(100)}.carousel-dark .carousel-indicators [data-bs-target]{background-color:#000}.carousel-dark .carousel-caption{color:#000}@-webkit-keyframes spinner-border{to{transform:rotate(360deg)}}@keyframes spinner-border{to{transform:rotate(360deg)}}.spinner-border{display:inline-block;width:2rem;height:2rem;vertical-align:-.125em;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%{transform:scale(0)}50%{opacity:1;transform:none}}@keyframes spinner-grow{0%{transform:scale(0)}50%{opacity:1;transform:none}}.spinner-grow{display:inline-block;width:2rem;height:2rem;vertical-align:-.125em;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}}.offcanvas{position:fixed;bottom:0;z-index:1050;display:flex;flex-direction:column;max-width:100%;visibility:hidden;background-color:#fff;background-clip:padding-box;outline:0;transition:transform .3s ease-in-out}@media (prefers-reduced-motion:reduce){.offcanvas{transition:none}}.offcanvas-header{display:flex;align-items:center;justify-content:space-between;padding:1rem 1rem}.offcanvas-header .btn-close{padding:.5rem .5rem;margin-top:-.5rem;margin-right:-.5rem;margin-bottom:-.5rem}.offcanvas-title{margin-bottom:0;line-height:1.5}.offcanvas-body{flex-grow:1;padding:1rem 1rem;overflow-y:auto}.offcanvas-start{top:0;left:0;width:400px;border-right:1px solid rgba(0,0,0,.2);transform:translateX(-100%)}.offcanvas-end{top:0;right:0;width:400px;border-left:1px solid rgba(0,0,0,.2);transform:translateX(100%)}.offcanvas-top{top:0;right:0;left:0;height:30vh;max-height:100%;border-bottom:1px solid rgba(0,0,0,.2);transform:translateY(-100%)}.offcanvas-bottom{right:0;left:0;height:30vh;max-height:100%;border-top:1px solid rgba(0,0,0,.2);transform:translateY(100%)}.offcanvas.show{transform:none}.clearfix::after{display:block;clear:both;content:""}.link-primary{color:#0d6efd}.link-primary:focus,.link-primary:hover{color:#0a58ca}.link-secondary{color:#6c757d}.link-secondary:focus,.link-secondary:hover{color:#565e64}.link-success{color:#198754}.link-success:focus,.link-success:hover{color:#146c43}.link-info{color:#0dcaf0}.link-info:focus,.link-info:hover{color:#3dd5f3}.link-warning{color:#ffc107}.link-warning:focus,.link-warning:hover{color:#ffcd39}.link-danger{color:#dc3545}.link-danger:focus,.link-danger:hover{color:#b02a37}.link-light{color:#f8f9fa}.link-light:focus,.link-light:hover{color:#f9fafb}.link-dark{color:#212529}.link-dark:focus,.link-dark:hover{color:#1a1e21}.ratio{position:relative;width:100%}.ratio::before{display:block;padding-top:var(--bs-aspect-ratio);content:""}.ratio>*{position:absolute;top:0;left:0;width:100%;height:100%}.ratio-1x1{--bs-aspect-ratio:100%}.ratio-4x3{--bs-aspect-ratio:calc(3 / 4 * 100%)}.ratio-16x9{--bs-aspect-ratio:calc(9 / 16 * 100%)}.ratio-21x9{--bs-aspect-ratio:calc(9 / 21 * 100%)}.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}.sticky-top{position:-webkit-sticky;position:sticky;top:0;z-index:1020}@media (min-width:576px){.sticky-sm-top{position:-webkit-sticky;position:sticky;top:0;z-index:1020}}@media (min-width:768px){.sticky-md-top{position:-webkit-sticky;position:sticky;top:0;z-index:1020}}@media (min-width:992px){.sticky-lg-top{position:-webkit-sticky;position:sticky;top:0;z-index:1020}}@media (min-width:1200px){.sticky-xl-top{position:-webkit-sticky;position:sticky;top:0;z-index:1020}}@media (min-width:1400px){.sticky-xxl-top{position:-webkit-sticky;position:sticky;top:0;z-index:1020}}.visually-hidden,.visually-hidden-focusable:not(:focus):not(:focus-within){position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}.stretched-link::after{position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;content:""}.text-truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.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}.float-start{float:left!important}.float-end{float:right!important}.float-none{float:none!important}.overflow-auto{overflow:auto!important}.overflow-hidden{overflow:hidden!important}.overflow-visible{overflow:visible!important}.overflow-scroll{overflow:scroll!important}.d-inline{display:inline!important}.d-inline-block{display:inline-block!important}.d-block{display:block!important}.d-grid{display:grid!important}.d-table{display:table!important}.d-table-row{display:table-row!important}.d-table-cell{display:table-cell!important}.d-flex{display:flex!important}.d-inline-flex{display:inline-flex!important}.d-none{display:none!important}.shadow{box-shadow:0 .5rem 1rem rgba(0,0,0,.15)!important}.shadow-sm{box-shadow:0 .125rem .25rem rgba(0,0,0,.075)!important}.shadow-lg{box-shadow:0 1rem 3rem rgba(0,0,0,.175)!important}.shadow-none{box-shadow:none!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}.top-0{top:0!important}.top-50{top:50%!important}.top-100{top:100%!important}.bottom-0{bottom:0!important}.bottom-50{bottom:50%!important}.bottom-100{bottom:100%!important}.start-0{left:0!important}.start-50{left:50%!important}.start-100{left:100%!important}.end-0{right:0!important}.end-50{right:50%!important}.end-100{right:100%!important}.translate-middle{transform:translate(-50%,-50%)!important}.translate-middle-x{transform:translateX(-50%)!important}.translate-middle-y{transform:translateY(-50%)!important}.border{border:1px solid #dee2e6!important}.border-0{border:0!important}.border-top{border-top:1px solid #dee2e6!important}.border-top-0{border-top:0!important}.border-end{border-right:1px solid #dee2e6!important}.border-end-0{border-right:0!important}.border-bottom{border-bottom:1px solid #dee2e6!important}.border-bottom-0{border-bottom:0!important}.border-start{border-left:1px solid #dee2e6!important}.border-start-0{border-left:0!important}.border-primary{border-color:#0d6efd!important}.border-secondary{border-color:#6c757d!important}.border-success{border-color:#198754!important}.border-info{border-color:#0dcaf0!important}.border-warning{border-color:#ffc107!important}.border-danger{border-color:#dc3545!important}.border-light{border-color:#f8f9fa!important}.border-dark{border-color:#212529!important}.border-white{border-color:#fff!important}.border-1{border-width:1px!important}.border-2{border-width:2px!important}.border-3{border-width:3px!important}.border-4{border-width:4px!important}.border-5{border-width:5px!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}.mw-100{max-width:100%!important}.vw-100{width:100vw!important}.min-vw-100{min-width:100vw!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}.mh-100{max-height:100%!important}.vh-100{height:100vh!important}.min-vh-100{min-height:100vh!important}.flex-fill{flex:1 1 auto!important}.flex-row{flex-direction:row!important}.flex-column{flex-direction:column!important}.flex-row-reverse{flex-direction:row-reverse!important}.flex-column-reverse{flex-direction:column-reverse!important}.flex-grow-0{flex-grow:0!important}.flex-grow-1{flex-grow:1!important}.flex-shrink-0{flex-shrink:0!important}.flex-shrink-1{flex-shrink:1!important}.flex-wrap{flex-wrap:wrap!important}.flex-nowrap{flex-wrap:nowrap!important}.flex-wrap-reverse{flex-wrap:wrap-reverse!important}.gap-0{gap:0!important}.gap-1{gap:.25rem!important}.gap-2{gap:.5rem!important}.gap-3{gap:1rem!important}.gap-4{gap:1.5rem!important}.gap-5{gap:3rem!important}.justify-content-start{justify-content:flex-start!important}.justify-content-end{justify-content:flex-end!important}.justify-content-center{justify-content:center!important}.justify-content-between{justify-content:space-between!important}.justify-content-around{justify-content:space-around!important}.justify-content-evenly{justify-content:space-evenly!important}.align-items-start{align-items:flex-start!important}.align-items-end{align-items:flex-end!important}.align-items-center{align-items:center!important}.align-items-baseline{align-items:baseline!important}.align-items-stretch{align-items:stretch!important}.align-content-start{align-content:flex-start!important}.align-content-end{align-content:flex-end!important}.align-content-center{align-content:center!important}.align-content-between{align-content:space-between!important}.align-content-around{align-content:space-around!important}.align-content-stretch{align-content:stretch!important}.align-self-auto{align-self:auto!important}.align-self-start{align-self:flex-start!important}.align-self-end{align-self:flex-end!important}.align-self-center{align-self:center!important}.align-self-baseline{align-self:baseline!important}.align-self-stretch{align-self:stretch!important}.order-first{order:-1!important}.order-0{order:0!important}.order-1{order:1!important}.order-2{order:2!important}.order-3{order:3!important}.order-4{order:4!important}.order-5{order:5!important}.order-last{order:6!important}.m-0{margin:0!important}.m-1{margin:.25rem!important}.m-2{margin:.5rem!important}.m-3{margin:1rem!important}.m-4{margin:1.5rem!important}.m-5{margin:3rem!important}.m-auto{margin:auto!important}.mx-0{margin-right:0!important;margin-left:0!important}.mx-1{margin-right:.25rem!important;margin-left:.25rem!important}.mx-2{margin-right:.5rem!important;margin-left:.5rem!important}.mx-3{margin-right:1rem!important;margin-left:1rem!important}.mx-4{margin-right:1.5rem!important;margin-left:1.5rem!important}.mx-5{margin-right:3rem!important;margin-left:3rem!important}.mx-auto{margin-right:auto!important;margin-left:auto!important}.my-0{margin-top:0!important;margin-bottom:0!important}.my-1{margin-top:.25rem!important;margin-bottom:.25rem!important}.my-2{margin-top:.5rem!important;margin-bottom:.5rem!important}.my-3{margin-top:1rem!important;margin-bottom:1rem!important}.my-4{margin-top:1.5rem!important;margin-bottom:1.5rem!important}.my-5{margin-top:3rem!important;margin-bottom:3rem!important}.my-auto{margin-top:auto!important;margin-bottom:auto!important}.mt-0{margin-top:0!important}.mt-1{margin-top:.25rem!important}.mt-2{margin-top:.5rem!important}.mt-3{margin-top:1rem!important}.mt-4{margin-top:1.5rem!important}.mt-5{margin-top:3rem!important}.mt-auto{margin-top:auto!important}.me-0{margin-right:0!important}.me-1{margin-right:.25rem!important}.me-2{margin-right:.5rem!important}.me-3{margin-right:1rem!important}.me-4{margin-right:1.5rem!important}.me-5{margin-right:3rem!important}.me-auto{margin-right:auto!important}.mb-0{margin-bottom:0!important}.mb-1{margin-bottom:.25rem!important}.mb-2{margin-bottom:.5rem!important}.mb-3{margin-bottom:1rem!important}.mb-4{margin-bottom:1.5rem!important}.mb-5{margin-bottom:3rem!important}.mb-auto{margin-bottom:auto!important}.ms-0{margin-left:0!important}.ms-1{margin-left:.25rem!important}.ms-2{margin-left:.5rem!important}.ms-3{margin-left:1rem!important}.ms-4{margin-left:1.5rem!important}.ms-5{margin-left:3rem!important}.ms-auto{margin-left:auto!important}.p-0{padding:0!important}.p-1{padding:.25rem!important}.p-2{padding:.5rem!important}.p-3{padding:1rem!important}.p-4{padding:1.5rem!important}.p-5{padding:3rem!important}.px-0{padding-right:0!important;padding-left:0!important}.px-1{padding-right:.25rem!important;padding-left:.25rem!important}.px-2{padding-right:.5rem!important;padding-left:.5rem!important}.px-3{padding-right:1rem!important;padding-left:1rem!important}.px-4{padding-right:1.5rem!important;padding-left:1.5rem!important}.px-5{padding-right:3rem!important;padding-left:3rem!important}.py-0{padding-top:0!important;padding-bottom:0!important}.py-1{padding-top:.25rem!important;padding-bottom:.25rem!important}.py-2{padding-top:.5rem!important;padding-bottom:.5rem!important}.py-3{padding-top:1rem!important;padding-bottom:1rem!important}.py-4{padding-top:1.5rem!important;padding-bottom:1.5rem!important}.py-5{padding-top:3rem!important;padding-bottom:3rem!important}.pt-0{padding-top:0!important}.pt-1{padding-top:.25rem!important}.pt-2{padding-top:.5rem!important}.pt-3{padding-top:1rem!important}.pt-4{padding-top:1.5rem!important}.pt-5{padding-top:3rem!important}.pe-0{padding-right:0!important}.pe-1{padding-right:.25rem!important}.pe-2{padding-right:.5rem!important}.pe-3{padding-right:1rem!important}.pe-4{padding-right:1.5rem!important}.pe-5{padding-right:3rem!important}.pb-0{padding-bottom:0!important}.pb-1{padding-bottom:.25rem!important}.pb-2{padding-bottom:.5rem!important}.pb-3{padding-bottom:1rem!important}.pb-4{padding-bottom:1.5rem!important}.pb-5{padding-bottom:3rem!important}.ps-0{padding-left:0!important}.ps-1{padding-left:.25rem!important}.ps-2{padding-left:.5rem!important}.ps-3{padding-left:1rem!important}.ps-4{padding-left:1.5rem!important}.ps-5{padding-left:3rem!important}.font-monospace{font-family:var(--bs-font-monospace)!important}.fs-1{font-size:calc(1.375rem + 1.5vw)!important}.fs-2{font-size:calc(1.325rem + .9vw)!important}.fs-3{font-size:calc(1.3rem + .6vw)!important}.fs-4{font-size:calc(1.275rem + .3vw)!important}.fs-5{font-size:1.25rem!important}.fs-6{font-size:1rem!important}.fst-italic{font-style:italic!important}.fst-normal{font-style:normal!important}.fw-light{font-weight:300!important}.fw-lighter{font-weight:lighter!important}.fw-normal{font-weight:400!important}.fw-bold{font-weight:700!important}.fw-bolder{font-weight:bolder!important}.lh-1{line-height:1!important}.lh-sm{line-height:1.25!important}.lh-base{line-height:1.5!important}.lh-lg{line-height:2!important}.text-start{text-align:left!important}.text-end{text-align:right!important}.text-center{text-align:center!important}.text-decoration-none{text-decoration:none!important}.text-decoration-underline{text-decoration:underline!important}.text-decoration-line-through{text-decoration:line-through!important}.text-lowercase{text-transform:lowercase!important}.text-uppercase{text-transform:uppercase!important}.text-capitalize{text-transform:capitalize!important}.text-wrap{white-space:normal!important}.text-nowrap{white-space:nowrap!important}.text-break{word-wrap:break-word!important;word-break:break-word!important}.text-primary{color:#0d6efd!important}.text-secondary{color:#6c757d!important}.text-success{color:#198754!important}.text-info{color:#0dcaf0!important}.text-warning{color:#ffc107!important}.text-danger{color:#dc3545!important}.text-light{color:#f8f9fa!important}.text-dark{color:#212529!important}.text-white{color:#fff!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-reset{color:inherit!important}.bg-primary{background-color:#0d6efd!important}.bg-secondary{background-color:#6c757d!important}.bg-success{background-color:#198754!important}.bg-info{background-color:#0dcaf0!important}.bg-warning{background-color:#ffc107!important}.bg-danger{background-color:#dc3545!important}.bg-light{background-color:#f8f9fa!important}.bg-dark{background-color:#212529!important}.bg-body{background-color:#fff!important}.bg-white{background-color:#fff!important}.bg-transparent{background-color:transparent!important}.bg-gradient{background-image:var(--bs-gradient)!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;user-select:auto!important}.user-select-none{-webkit-user-select:none!important;-moz-user-select:none!important;user-select:none!important}.pe-none{pointer-events:none!important}.pe-auto{pointer-events:auto!important}.rounded{border-radius:.25rem!important}.rounded-0{border-radius:0!important}.rounded-1{border-radius:.2rem!important}.rounded-2{border-radius:.25rem!important}.rounded-3{border-radius:.3rem!important}.rounded-circle{border-radius:50%!important}.rounded-pill{border-radius:50rem!important}.rounded-top{border-top-left-radius:.25rem!important;border-top-right-radius:.25rem!important}.rounded-end{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-start{border-bottom-left-radius:.25rem!important;border-top-left-radius:.25rem!important}.visible{visibility:visible!important}.invisible{visibility:hidden!important}@media (min-width:576px){.float-sm-start{float:left!important}.float-sm-end{float:right!important}.float-sm-none{float:none!important}.d-sm-inline{display:inline!important}.d-sm-inline-block{display:inline-block!important}.d-sm-block{display:block!important}.d-sm-grid{display:grid!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:flex!important}.d-sm-inline-flex{display:inline-flex!important}.d-sm-none{display:none!important}.flex-sm-fill{flex:1 1 auto!important}.flex-sm-row{flex-direction:row!important}.flex-sm-column{flex-direction:column!important}.flex-sm-row-reverse{flex-direction:row-reverse!important}.flex-sm-column-reverse{flex-direction:column-reverse!important}.flex-sm-grow-0{flex-grow:0!important}.flex-sm-grow-1{flex-grow:1!important}.flex-sm-shrink-0{flex-shrink:0!important}.flex-sm-shrink-1{flex-shrink:1!important}.flex-sm-wrap{flex-wrap:wrap!important}.flex-sm-nowrap{flex-wrap:nowrap!important}.flex-sm-wrap-reverse{flex-wrap:wrap-reverse!important}.gap-sm-0{gap:0!important}.gap-sm-1{gap:.25rem!important}.gap-sm-2{gap:.5rem!important}.gap-sm-3{gap:1rem!important}.gap-sm-4{gap:1.5rem!important}.gap-sm-5{gap:3rem!important}.justify-content-sm-start{justify-content:flex-start!important}.justify-content-sm-end{justify-content:flex-end!important}.justify-content-sm-center{justify-content:center!important}.justify-content-sm-between{justify-content:space-between!important}.justify-content-sm-around{justify-content:space-around!important}.justify-content-sm-evenly{justify-content:space-evenly!important}.align-items-sm-start{align-items:flex-start!important}.align-items-sm-end{align-items:flex-end!important}.align-items-sm-center{align-items:center!important}.align-items-sm-baseline{align-items:baseline!important}.align-items-sm-stretch{align-items:stretch!important}.align-content-sm-start{align-content:flex-start!important}.align-content-sm-end{align-content:flex-end!important}.align-content-sm-center{align-content:center!important}.align-content-sm-between{align-content:space-between!important}.align-content-sm-around{align-content:space-around!important}.align-content-sm-stretch{align-content:stretch!important}.align-self-sm-auto{align-self:auto!important}.align-self-sm-start{align-self:flex-start!important}.align-self-sm-end{align-self:flex-end!important}.align-self-sm-center{align-self:center!important}.align-self-sm-baseline{align-self:baseline!important}.align-self-sm-stretch{align-self:stretch!important}.order-sm-first{order:-1!important}.order-sm-0{order:0!important}.order-sm-1{order:1!important}.order-sm-2{order:2!important}.order-sm-3{order:3!important}.order-sm-4{order:4!important}.order-sm-5{order:5!important}.order-sm-last{order:6!important}.m-sm-0{margin:0!important}.m-sm-1{margin:.25rem!important}.m-sm-2{margin:.5rem!important}.m-sm-3{margin:1rem!important}.m-sm-4{margin:1.5rem!important}.m-sm-5{margin:3rem!important}.m-sm-auto{margin:auto!important}.mx-sm-0{margin-right:0!important;margin-left:0!important}.mx-sm-1{margin-right:.25rem!important;margin-left:.25rem!important}.mx-sm-2{margin-right:.5rem!important;margin-left:.5rem!important}.mx-sm-3{margin-right:1rem!important;margin-left:1rem!important}.mx-sm-4{margin-right:1.5rem!important;margin-left:1.5rem!important}.mx-sm-5{margin-right:3rem!important;margin-left:3rem!important}.mx-sm-auto{margin-right:auto!important;margin-left:auto!important}.my-sm-0{margin-top:0!important;margin-bottom:0!important}.my-sm-1{margin-top:.25rem!important;margin-bottom:.25rem!important}.my-sm-2{margin-top:.5rem!important;margin-bottom:.5rem!important}.my-sm-3{margin-top:1rem!important;margin-bottom:1rem!important}.my-sm-4{margin-top:1.5rem!important;margin-bottom:1.5rem!important}.my-sm-5{margin-top:3rem!important;margin-bottom:3rem!important}.my-sm-auto{margin-top:auto!important;margin-bottom:auto!important}.mt-sm-0{margin-top:0!important}.mt-sm-1{margin-top:.25rem!important}.mt-sm-2{margin-top:.5rem!important}.mt-sm-3{margin-top:1rem!important}.mt-sm-4{margin-top:1.5rem!important}.mt-sm-5{margin-top:3rem!important}.mt-sm-auto{margin-top:auto!important}.me-sm-0{margin-right:0!important}.me-sm-1{margin-right:.25rem!important}.me-sm-2{margin-right:.5rem!important}.me-sm-3{margin-right:1rem!important}.me-sm-4{margin-right:1.5rem!important}.me-sm-5{margin-right:3rem!important}.me-sm-auto{margin-right:auto!important}.mb-sm-0{margin-bottom:0!important}.mb-sm-1{margin-bottom:.25rem!important}.mb-sm-2{margin-bottom:.5rem!important}.mb-sm-3{margin-bottom:1rem!important}.mb-sm-4{margin-bottom:1.5rem!important}.mb-sm-5{margin-bottom:3rem!important}.mb-sm-auto{margin-bottom:auto!important}.ms-sm-0{margin-left:0!important}.ms-sm-1{margin-left:.25rem!important}.ms-sm-2{margin-left:.5rem!important}.ms-sm-3{margin-left:1rem!important}.ms-sm-4{margin-left:1.5rem!important}.ms-sm-5{margin-left:3rem!important}.ms-sm-auto{margin-left:auto!important}.p-sm-0{padding:0!important}.p-sm-1{padding:.25rem!important}.p-sm-2{padding:.5rem!important}.p-sm-3{padding:1rem!important}.p-sm-4{padding:1.5rem!important}.p-sm-5{padding:3rem!important}.px-sm-0{padding-right:0!important;padding-left:0!important}.px-sm-1{padding-right:.25rem!important;padding-left:.25rem!important}.px-sm-2{padding-right:.5rem!important;padding-left:.5rem!important}.px-sm-3{padding-right:1rem!important;padding-left:1rem!important}.px-sm-4{padding-right:1.5rem!important;padding-left:1.5rem!important}.px-sm-5{padding-right:3rem!important;padding-left:3rem!important}.py-sm-0{padding-top:0!important;padding-bottom:0!important}.py-sm-1{padding-top:.25rem!important;padding-bottom:.25rem!important}.py-sm-2{padding-top:.5rem!important;padding-bottom:.5rem!important}.py-sm-3{padding-top:1rem!important;padding-bottom:1rem!important}.py-sm-4{padding-top:1.5rem!important;padding-bottom:1.5rem!important}.py-sm-5{padding-top:3rem!important;padding-bottom:3rem!important}.pt-sm-0{padding-top:0!important}.pt-sm-1{padding-top:.25rem!important}.pt-sm-2{padding-top:.5rem!important}.pt-sm-3{padding-top:1rem!important}.pt-sm-4{padding-top:1.5rem!important}.pt-sm-5{padding-top:3rem!important}.pe-sm-0{padding-right:0!important}.pe-sm-1{padding-right:.25rem!important}.pe-sm-2{padding-right:.5rem!important}.pe-sm-3{padding-right:1rem!important}.pe-sm-4{padding-right:1.5rem!important}.pe-sm-5{padding-right:3rem!important}.pb-sm-0{padding-bottom:0!important}.pb-sm-1{padding-bottom:.25rem!important}.pb-sm-2{padding-bottom:.5rem!important}.pb-sm-3{padding-bottom:1rem!important}.pb-sm-4{padding-bottom:1.5rem!important}.pb-sm-5{padding-bottom:3rem!important}.ps-sm-0{padding-left:0!important}.ps-sm-1{padding-left:.25rem!important}.ps-sm-2{padding-left:.5rem!important}.ps-sm-3{padding-left:1rem!important}.ps-sm-4{padding-left:1.5rem!important}.ps-sm-5{padding-left:3rem!important}.text-sm-start{text-align:left!important}.text-sm-end{text-align:right!important}.text-sm-center{text-align:center!important}}@media (min-width:768px){.float-md-start{float:left!important}.float-md-end{float:right!important}.float-md-none{float:none!important}.d-md-inline{display:inline!important}.d-md-inline-block{display:inline-block!important}.d-md-block{display:block!important}.d-md-grid{display:grid!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:flex!important}.d-md-inline-flex{display:inline-flex!important}.d-md-none{display:none!important}.flex-md-fill{flex:1 1 auto!important}.flex-md-row{flex-direction:row!important}.flex-md-column{flex-direction:column!important}.flex-md-row-reverse{flex-direction:row-reverse!important}.flex-md-column-reverse{flex-direction:column-reverse!important}.flex-md-grow-0{flex-grow:0!important}.flex-md-grow-1{flex-grow:1!important}.flex-md-shrink-0{flex-shrink:0!important}.flex-md-shrink-1{flex-shrink:1!important}.flex-md-wrap{flex-wrap:wrap!important}.flex-md-nowrap{flex-wrap:nowrap!important}.flex-md-wrap-reverse{flex-wrap:wrap-reverse!important}.gap-md-0{gap:0!important}.gap-md-1{gap:.25rem!important}.gap-md-2{gap:.5rem!important}.gap-md-3{gap:1rem!important}.gap-md-4{gap:1.5rem!important}.gap-md-5{gap:3rem!important}.justify-content-md-start{justify-content:flex-start!important}.justify-content-md-end{justify-content:flex-end!important}.justify-content-md-center{justify-content:center!important}.justify-content-md-between{justify-content:space-between!important}.justify-content-md-around{justify-content:space-around!important}.justify-content-md-evenly{justify-content:space-evenly!important}.align-items-md-start{align-items:flex-start!important}.align-items-md-end{align-items:flex-end!important}.align-items-md-center{align-items:center!important}.align-items-md-baseline{align-items:baseline!important}.align-items-md-stretch{align-items:stretch!important}.align-content-md-start{align-content:flex-start!important}.align-content-md-end{align-content:flex-end!important}.align-content-md-center{align-content:center!important}.align-content-md-between{align-content:space-between!important}.align-content-md-around{align-content:space-around!important}.align-content-md-stretch{align-content:stretch!important}.align-self-md-auto{align-self:auto!important}.align-self-md-start{align-self:flex-start!important}.align-self-md-end{align-self:flex-end!important}.align-self-md-center{align-self:center!important}.align-self-md-baseline{align-self:baseline!important}.align-self-md-stretch{align-self:stretch!important}.order-md-first{order:-1!important}.order-md-0{order:0!important}.order-md-1{order:1!important}.order-md-2{order:2!important}.order-md-3{order:3!important}.order-md-4{order:4!important}.order-md-5{order:5!important}.order-md-last{order:6!important}.m-md-0{margin:0!important}.m-md-1{margin:.25rem!important}.m-md-2{margin:.5rem!important}.m-md-3{margin:1rem!important}.m-md-4{margin:1.5rem!important}.m-md-5{margin:3rem!important}.m-md-auto{margin:auto!important}.mx-md-0{margin-right:0!important;margin-left:0!important}.mx-md-1{margin-right:.25rem!important;margin-left:.25rem!important}.mx-md-2{margin-right:.5rem!important;margin-left:.5rem!important}.mx-md-3{margin-right:1rem!important;margin-left:1rem!important}.mx-md-4{margin-right:1.5rem!important;margin-left:1.5rem!important}.mx-md-5{margin-right:3rem!important;margin-left:3rem!important}.mx-md-auto{margin-right:auto!important;margin-left:auto!important}.my-md-0{margin-top:0!important;margin-bottom:0!important}.my-md-1{margin-top:.25rem!important;margin-bottom:.25rem!important}.my-md-2{margin-top:.5rem!important;margin-bottom:.5rem!important}.my-md-3{margin-top:1rem!important;margin-bottom:1rem!important}.my-md-4{margin-top:1.5rem!important;margin-bottom:1.5rem!important}.my-md-5{margin-top:3rem!important;margin-bottom:3rem!important}.my-md-auto{margin-top:auto!important;margin-bottom:auto!important}.mt-md-0{margin-top:0!important}.mt-md-1{margin-top:.25rem!important}.mt-md-2{margin-top:.5rem!important}.mt-md-3{margin-top:1rem!important}.mt-md-4{margin-top:1.5rem!important}.mt-md-5{margin-top:3rem!important}.mt-md-auto{margin-top:auto!important}.me-md-0{margin-right:0!important}.me-md-1{margin-right:.25rem!important}.me-md-2{margin-right:.5rem!important}.me-md-3{margin-right:1rem!important}.me-md-4{margin-right:1.5rem!important}.me-md-5{margin-right:3rem!important}.me-md-auto{margin-right:auto!important}.mb-md-0{margin-bottom:0!important}.mb-md-1{margin-bottom:.25rem!important}.mb-md-2{margin-bottom:.5rem!important}.mb-md-3{margin-bottom:1rem!important}.mb-md-4{margin-bottom:1.5rem!important}.mb-md-5{margin-bottom:3rem!important}.mb-md-auto{margin-bottom:auto!important}.ms-md-0{margin-left:0!important}.ms-md-1{margin-left:.25rem!important}.ms-md-2{margin-left:.5rem!important}.ms-md-3{margin-left:1rem!important}.ms-md-4{margin-left:1.5rem!important}.ms-md-5{margin-left:3rem!important}.ms-md-auto{margin-left:auto!important}.p-md-0{padding:0!important}.p-md-1{padding:.25rem!important}.p-md-2{padding:.5rem!important}.p-md-3{padding:1rem!important}.p-md-4{padding:1.5rem!important}.p-md-5{padding:3rem!important}.px-md-0{padding-right:0!important;padding-left:0!important}.px-md-1{padding-right:.25rem!important;padding-left:.25rem!important}.px-md-2{padding-right:.5rem!important;padding-left:.5rem!important}.px-md-3{padding-right:1rem!important;padding-left:1rem!important}.px-md-4{padding-right:1.5rem!important;padding-left:1.5rem!important}.px-md-5{padding-right:3rem!important;padding-left:3rem!important}.py-md-0{padding-top:0!important;padding-bottom:0!important}.py-md-1{padding-top:.25rem!important;padding-bottom:.25rem!important}.py-md-2{padding-top:.5rem!important;padding-bottom:.5rem!important}.py-md-3{padding-top:1rem!important;padding-bottom:1rem!important}.py-md-4{padding-top:1.5rem!important;padding-bottom:1.5rem!important}.py-md-5{padding-top:3rem!important;padding-bottom:3rem!important}.pt-md-0{padding-top:0!important}.pt-md-1{padding-top:.25rem!important}.pt-md-2{padding-top:.5rem!important}.pt-md-3{padding-top:1rem!important}.pt-md-4{padding-top:1.5rem!important}.pt-md-5{padding-top:3rem!important}.pe-md-0{padding-right:0!important}.pe-md-1{padding-right:.25rem!important}.pe-md-2{padding-right:.5rem!important}.pe-md-3{padding-right:1rem!important}.pe-md-4{padding-right:1.5rem!important}.pe-md-5{padding-right:3rem!important}.pb-md-0{padding-bottom:0!important}.pb-md-1{padding-bottom:.25rem!important}.pb-md-2{padding-bottom:.5rem!important}.pb-md-3{padding-bottom:1rem!important}.pb-md-4{padding-bottom:1.5rem!important}.pb-md-5{padding-bottom:3rem!important}.ps-md-0{padding-left:0!important}.ps-md-1{padding-left:.25rem!important}.ps-md-2{padding-left:.5rem!important}.ps-md-3{padding-left:1rem!important}.ps-md-4{padding-left:1.5rem!important}.ps-md-5{padding-left:3rem!important}.text-md-start{text-align:left!important}.text-md-end{text-align:right!important}.text-md-center{text-align:center!important}}@media (min-width:992px){.float-lg-start{float:left!important}.float-lg-end{float:right!important}.float-lg-none{float:none!important}.d-lg-inline{display:inline!important}.d-lg-inline-block{display:inline-block!important}.d-lg-block{display:block!important}.d-lg-grid{display:grid!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:flex!important}.d-lg-inline-flex{display:inline-flex!important}.d-lg-none{display:none!important}.flex-lg-fill{flex:1 1 auto!important}.flex-lg-row{flex-direction:row!important}.flex-lg-column{flex-direction:column!important}.flex-lg-row-reverse{flex-direction:row-reverse!important}.flex-lg-column-reverse{flex-direction:column-reverse!important}.flex-lg-grow-0{flex-grow:0!important}.flex-lg-grow-1{flex-grow:1!important}.flex-lg-shrink-0{flex-shrink:0!important}.flex-lg-shrink-1{flex-shrink:1!important}.flex-lg-wrap{flex-wrap:wrap!important}.flex-lg-nowrap{flex-wrap:nowrap!important}.flex-lg-wrap-reverse{flex-wrap:wrap-reverse!important}.gap-lg-0{gap:0!important}.gap-lg-1{gap:.25rem!important}.gap-lg-2{gap:.5rem!important}.gap-lg-3{gap:1rem!important}.gap-lg-4{gap:1.5rem!important}.gap-lg-5{gap:3rem!important}.justify-content-lg-start{justify-content:flex-start!important}.justify-content-lg-end{justify-content:flex-end!important}.justify-content-lg-center{justify-content:center!important}.justify-content-lg-between{justify-content:space-between!important}.justify-content-lg-around{justify-content:space-around!important}.justify-content-lg-evenly{justify-content:space-evenly!important}.align-items-lg-start{align-items:flex-start!important}.align-items-lg-end{align-items:flex-end!important}.align-items-lg-center{align-items:center!important}.align-items-lg-baseline{align-items:baseline!important}.align-items-lg-stretch{align-items:stretch!important}.align-content-lg-start{align-content:flex-start!important}.align-content-lg-end{align-content:flex-end!important}.align-content-lg-center{align-content:center!important}.align-content-lg-between{align-content:space-between!important}.align-content-lg-around{align-content:space-around!important}.align-content-lg-stretch{align-content:stretch!important}.align-self-lg-auto{align-self:auto!important}.align-self-lg-start{align-self:flex-start!important}.align-self-lg-end{align-self:flex-end!important}.align-self-lg-center{align-self:center!important}.align-self-lg-baseline{align-self:baseline!important}.align-self-lg-stretch{align-self:stretch!important}.order-lg-first{order:-1!important}.order-lg-0{order:0!important}.order-lg-1{order:1!important}.order-lg-2{order:2!important}.order-lg-3{order:3!important}.order-lg-4{order:4!important}.order-lg-5{order:5!important}.order-lg-last{order:6!important}.m-lg-0{margin:0!important}.m-lg-1{margin:.25rem!important}.m-lg-2{margin:.5rem!important}.m-lg-3{margin:1rem!important}.m-lg-4{margin:1.5rem!important}.m-lg-5{margin:3rem!important}.m-lg-auto{margin:auto!important}.mx-lg-0{margin-right:0!important;margin-left:0!important}.mx-lg-1{margin-right:.25rem!important;margin-left:.25rem!important}.mx-lg-2{margin-right:.5rem!important;margin-left:.5rem!important}.mx-lg-3{margin-right:1rem!important;margin-left:1rem!important}.mx-lg-4{margin-right:1.5rem!important;margin-left:1.5rem!important}.mx-lg-5{margin-right:3rem!important;margin-left:3rem!important}.mx-lg-auto{margin-right:auto!important;margin-left:auto!important}.my-lg-0{margin-top:0!important;margin-bottom:0!important}.my-lg-1{margin-top:.25rem!important;margin-bottom:.25rem!important}.my-lg-2{margin-top:.5rem!important;margin-bottom:.5rem!important}.my-lg-3{margin-top:1rem!important;margin-bottom:1rem!important}.my-lg-4{margin-top:1.5rem!important;margin-bottom:1.5rem!important}.my-lg-5{margin-top:3rem!important;margin-bottom:3rem!important}.my-lg-auto{margin-top:auto!important;margin-bottom:auto!important}.mt-lg-0{margin-top:0!important}.mt-lg-1{margin-top:.25rem!important}.mt-lg-2{margin-top:.5rem!important}.mt-lg-3{margin-top:1rem!important}.mt-lg-4{margin-top:1.5rem!important}.mt-lg-5{margin-top:3rem!important}.mt-lg-auto{margin-top:auto!important}.me-lg-0{margin-right:0!important}.me-lg-1{margin-right:.25rem!important}.me-lg-2{margin-right:.5rem!important}.me-lg-3{margin-right:1rem!important}.me-lg-4{margin-right:1.5rem!important}.me-lg-5{margin-right:3rem!important}.me-lg-auto{margin-right:auto!important}.mb-lg-0{margin-bottom:0!important}.mb-lg-1{margin-bottom:.25rem!important}.mb-lg-2{margin-bottom:.5rem!important}.mb-lg-3{margin-bottom:1rem!important}.mb-lg-4{margin-bottom:1.5rem!important}.mb-lg-5{margin-bottom:3rem!important}.mb-lg-auto{margin-bottom:auto!important}.ms-lg-0{margin-left:0!important}.ms-lg-1{margin-left:.25rem!important}.ms-lg-2{margin-left:.5rem!important}.ms-lg-3{margin-left:1rem!important}.ms-lg-4{margin-left:1.5rem!important}.ms-lg-5{margin-left:3rem!important}.ms-lg-auto{margin-left:auto!important}.p-lg-0{padding:0!important}.p-lg-1{padding:.25rem!important}.p-lg-2{padding:.5rem!important}.p-lg-3{padding:1rem!important}.p-lg-4{padding:1.5rem!important}.p-lg-5{padding:3rem!important}.px-lg-0{padding-right:0!important;padding-left:0!important}.px-lg-1{padding-right:.25rem!important;padding-left:.25rem!important}.px-lg-2{padding-right:.5rem!important;padding-left:.5rem!important}.px-lg-3{padding-right:1rem!important;padding-left:1rem!important}.px-lg-4{padding-right:1.5rem!important;padding-left:1.5rem!important}.px-lg-5{padding-right:3rem!important;padding-left:3rem!important}.py-lg-0{padding-top:0!important;padding-bottom:0!important}.py-lg-1{padding-top:.25rem!important;padding-bottom:.25rem!important}.py-lg-2{padding-top:.5rem!important;padding-bottom:.5rem!important}.py-lg-3{padding-top:1rem!important;padding-bottom:1rem!important}.py-lg-4{padding-top:1.5rem!important;padding-bottom:1.5rem!important}.py-lg-5{padding-top:3rem!important;padding-bottom:3rem!important}.pt-lg-0{padding-top:0!important}.pt-lg-1{padding-top:.25rem!important}.pt-lg-2{padding-top:.5rem!important}.pt-lg-3{padding-top:1rem!important}.pt-lg-4{padding-top:1.5rem!important}.pt-lg-5{padding-top:3rem!important}.pe-lg-0{padding-right:0!important}.pe-lg-1{padding-right:.25rem!important}.pe-lg-2{padding-right:.5rem!important}.pe-lg-3{padding-right:1rem!important}.pe-lg-4{padding-right:1.5rem!important}.pe-lg-5{padding-right:3rem!important}.pb-lg-0{padding-bottom:0!important}.pb-lg-1{padding-bottom:.25rem!important}.pb-lg-2{padding-bottom:.5rem!important}.pb-lg-3{padding-bottom:1rem!important}.pb-lg-4{padding-bottom:1.5rem!important}.pb-lg-5{padding-bottom:3rem!important}.ps-lg-0{padding-left:0!important}.ps-lg-1{padding-left:.25rem!important}.ps-lg-2{padding-left:.5rem!important}.ps-lg-3{padding-left:1rem!important}.ps-lg-4{padding-left:1.5rem!important}.ps-lg-5{padding-left:3rem!important}.text-lg-start{text-align:left!important}.text-lg-end{text-align:right!important}.text-lg-center{text-align:center!important}}@media (min-width:1200px){.float-xl-start{float:left!important}.float-xl-end{float:right!important}.float-xl-none{float:none!important}.d-xl-inline{display:inline!important}.d-xl-inline-block{display:inline-block!important}.d-xl-block{display:block!important}.d-xl-grid{display:grid!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:flex!important}.d-xl-inline-flex{display:inline-flex!important}.d-xl-none{display:none!important}.flex-xl-fill{flex:1 1 auto!important}.flex-xl-row{flex-direction:row!important}.flex-xl-column{flex-direction:column!important}.flex-xl-row-reverse{flex-direction:row-reverse!important}.flex-xl-column-reverse{flex-direction:column-reverse!important}.flex-xl-grow-0{flex-grow:0!important}.flex-xl-grow-1{flex-grow:1!important}.flex-xl-shrink-0{flex-shrink:0!important}.flex-xl-shrink-1{flex-shrink:1!important}.flex-xl-wrap{flex-wrap:wrap!important}.flex-xl-nowrap{flex-wrap:nowrap!important}.flex-xl-wrap-reverse{flex-wrap:wrap-reverse!important}.gap-xl-0{gap:0!important}.gap-xl-1{gap:.25rem!important}.gap-xl-2{gap:.5rem!important}.gap-xl-3{gap:1rem!important}.gap-xl-4{gap:1.5rem!important}.gap-xl-5{gap:3rem!important}.justify-content-xl-start{justify-content:flex-start!important}.justify-content-xl-end{justify-content:flex-end!important}.justify-content-xl-center{justify-content:center!important}.justify-content-xl-between{justify-content:space-between!important}.justify-content-xl-around{justify-content:space-around!important}.justify-content-xl-evenly{justify-content:space-evenly!important}.align-items-xl-start{align-items:flex-start!important}.align-items-xl-end{align-items:flex-end!important}.align-items-xl-center{align-items:center!important}.align-items-xl-baseline{align-items:baseline!important}.align-items-xl-stretch{align-items:stretch!important}.align-content-xl-start{align-content:flex-start!important}.align-content-xl-end{align-content:flex-end!important}.align-content-xl-center{align-content:center!important}.align-content-xl-between{align-content:space-between!important}.align-content-xl-around{align-content:space-around!important}.align-content-xl-stretch{align-content:stretch!important}.align-self-xl-auto{align-self:auto!important}.align-self-xl-start{align-self:flex-start!important}.align-self-xl-end{align-self:flex-end!important}.align-self-xl-center{align-self:center!important}.align-self-xl-baseline{align-self:baseline!important}.align-self-xl-stretch{align-self:stretch!important}.order-xl-first{order:-1!important}.order-xl-0{order:0!important}.order-xl-1{order:1!important}.order-xl-2{order:2!important}.order-xl-3{order:3!important}.order-xl-4{order:4!important}.order-xl-5{order:5!important}.order-xl-last{order:6!important}.m-xl-0{margin:0!important}.m-xl-1{margin:.25rem!important}.m-xl-2{margin:.5rem!important}.m-xl-3{margin:1rem!important}.m-xl-4{margin:1.5rem!important}.m-xl-5{margin:3rem!important}.m-xl-auto{margin:auto!important}.mx-xl-0{margin-right:0!important;margin-left:0!important}.mx-xl-1{margin-right:.25rem!important;margin-left:.25rem!important}.mx-xl-2{margin-right:.5rem!important;margin-left:.5rem!important}.mx-xl-3{margin-right:1rem!important;margin-left:1rem!important}.mx-xl-4{margin-right:1.5rem!important;margin-left:1.5rem!important}.mx-xl-5{margin-right:3rem!important;margin-left:3rem!important}.mx-xl-auto{margin-right:auto!important;margin-left:auto!important}.my-xl-0{margin-top:0!important;margin-bottom:0!important}.my-xl-1{margin-top:.25rem!important;margin-bottom:.25rem!important}.my-xl-2{margin-top:.5rem!important;margin-bottom:.5rem!important}.my-xl-3{margin-top:1rem!important;margin-bottom:1rem!important}.my-xl-4{margin-top:1.5rem!important;margin-bottom:1.5rem!important}.my-xl-5{margin-top:3rem!important;margin-bottom:3rem!important}.my-xl-auto{margin-top:auto!important;margin-bottom:auto!important}.mt-xl-0{margin-top:0!important}.mt-xl-1{margin-top:.25rem!important}.mt-xl-2{margin-top:.5rem!important}.mt-xl-3{margin-top:1rem!important}.mt-xl-4{margin-top:1.5rem!important}.mt-xl-5{margin-top:3rem!important}.mt-xl-auto{margin-top:auto!important}.me-xl-0{margin-right:0!important}.me-xl-1{margin-right:.25rem!important}.me-xl-2{margin-right:.5rem!important}.me-xl-3{margin-right:1rem!important}.me-xl-4{margin-right:1.5rem!important}.me-xl-5{margin-right:3rem!important}.me-xl-auto{margin-right:auto!important}.mb-xl-0{margin-bottom:0!important}.mb-xl-1{margin-bottom:.25rem!important}.mb-xl-2{margin-bottom:.5rem!important}.mb-xl-3{margin-bottom:1rem!important}.mb-xl-4{margin-bottom:1.5rem!important}.mb-xl-5{margin-bottom:3rem!important}.mb-xl-auto{margin-bottom:auto!important}.ms-xl-0{margin-left:0!important}.ms-xl-1{margin-left:.25rem!important}.ms-xl-2{margin-left:.5rem!important}.ms-xl-3{margin-left:1rem!important}.ms-xl-4{margin-left:1.5rem!important}.ms-xl-5{margin-left:3rem!important}.ms-xl-auto{margin-left:auto!important}.p-xl-0{padding:0!important}.p-xl-1{padding:.25rem!important}.p-xl-2{padding:.5rem!important}.p-xl-3{padding:1rem!important}.p-xl-4{padding:1.5rem!important}.p-xl-5{padding:3rem!important}.px-xl-0{padding-right:0!important;padding-left:0!important}.px-xl-1{padding-right:.25rem!important;padding-left:.25rem!important}.px-xl-2{padding-right:.5rem!important;padding-left:.5rem!important}.px-xl-3{padding-right:1rem!important;padding-left:1rem!important}.px-xl-4{padding-right:1.5rem!important;padding-left:1.5rem!important}.px-xl-5{padding-right:3rem!important;padding-left:3rem!important}.py-xl-0{padding-top:0!important;padding-bottom:0!important}.py-xl-1{padding-top:.25rem!important;padding-bottom:.25rem!important}.py-xl-2{padding-top:.5rem!important;padding-bottom:.5rem!important}.py-xl-3{padding-top:1rem!important;padding-bottom:1rem!important}.py-xl-4{padding-top:1.5rem!important;padding-bottom:1.5rem!important}.py-xl-5{padding-top:3rem!important;padding-bottom:3rem!important}.pt-xl-0{padding-top:0!important}.pt-xl-1{padding-top:.25rem!important}.pt-xl-2{padding-top:.5rem!important}.pt-xl-3{padding-top:1rem!important}.pt-xl-4{padding-top:1.5rem!important}.pt-xl-5{padding-top:3rem!important}.pe-xl-0{padding-right:0!important}.pe-xl-1{padding-right:.25rem!important}.pe-xl-2{padding-right:.5rem!important}.pe-xl-3{padding-right:1rem!important}.pe-xl-4{padding-right:1.5rem!important}.pe-xl-5{padding-right:3rem!important}.pb-xl-0{padding-bottom:0!important}.pb-xl-1{padding-bottom:.25rem!important}.pb-xl-2{padding-bottom:.5rem!important}.pb-xl-3{padding-bottom:1rem!important}.pb-xl-4{padding-bottom:1.5rem!important}.pb-xl-5{padding-bottom:3rem!important}.ps-xl-0{padding-left:0!important}.ps-xl-1{padding-left:.25rem!important}.ps-xl-2{padding-left:.5rem!important}.ps-xl-3{padding-left:1rem!important}.ps-xl-4{padding-left:1.5rem!important}.ps-xl-5{padding-left:3rem!important}.text-xl-start{text-align:left!important}.text-xl-end{text-align:right!important}.text-xl-center{text-align:center!important}}@media (min-width:1400px){.float-xxl-start{float:left!important}.float-xxl-end{float:right!important}.float-xxl-none{float:none!important}.d-xxl-inline{display:inline!important}.d-xxl-inline-block{display:inline-block!important}.d-xxl-block{display:block!important}.d-xxl-grid{display:grid!important}.d-xxl-table{display:table!important}.d-xxl-table-row{display:table-row!important}.d-xxl-table-cell{display:table-cell!important}.d-xxl-flex{display:flex!important}.d-xxl-inline-flex{display:inline-flex!important}.d-xxl-none{display:none!important}.flex-xxl-fill{flex:1 1 auto!important}.flex-xxl-row{flex-direction:row!important}.flex-xxl-column{flex-direction:column!important}.flex-xxl-row-reverse{flex-direction:row-reverse!important}.flex-xxl-column-reverse{flex-direction:column-reverse!important}.flex-xxl-grow-0{flex-grow:0!important}.flex-xxl-grow-1{flex-grow:1!important}.flex-xxl-shrink-0{flex-shrink:0!important}.flex-xxl-shrink-1{flex-shrink:1!important}.flex-xxl-wrap{flex-wrap:wrap!important}.flex-xxl-nowrap{flex-wrap:nowrap!important}.flex-xxl-wrap-reverse{flex-wrap:wrap-reverse!important}.gap-xxl-0{gap:0!important}.gap-xxl-1{gap:.25rem!important}.gap-xxl-2{gap:.5rem!important}.gap-xxl-3{gap:1rem!important}.gap-xxl-4{gap:1.5rem!important}.gap-xxl-5{gap:3rem!important}.justify-content-xxl-start{justify-content:flex-start!important}.justify-content-xxl-end{justify-content:flex-end!important}.justify-content-xxl-center{justify-content:center!important}.justify-content-xxl-between{justify-content:space-between!important}.justify-content-xxl-around{justify-content:space-around!important}.justify-content-xxl-evenly{justify-content:space-evenly!important}.align-items-xxl-start{align-items:flex-start!important}.align-items-xxl-end{align-items:flex-end!important}.align-items-xxl-center{align-items:center!important}.align-items-xxl-baseline{align-items:baseline!important}.align-items-xxl-stretch{align-items:stretch!important}.align-content-xxl-start{align-content:flex-start!important}.align-content-xxl-end{align-content:flex-end!important}.align-content-xxl-center{align-content:center!important}.align-content-xxl-between{align-content:space-between!important}.align-content-xxl-around{align-content:space-around!important}.align-content-xxl-stretch{align-content:stretch!important}.align-self-xxl-auto{align-self:auto!important}.align-self-xxl-start{align-self:flex-start!important}.align-self-xxl-end{align-self:flex-end!important}.align-self-xxl-center{align-self:center!important}.align-self-xxl-baseline{align-self:baseline!important}.align-self-xxl-stretch{align-self:stretch!important}.order-xxl-first{order:-1!important}.order-xxl-0{order:0!important}.order-xxl-1{order:1!important}.order-xxl-2{order:2!important}.order-xxl-3{order:3!important}.order-xxl-4{order:4!important}.order-xxl-5{order:5!important}.order-xxl-last{order:6!important}.m-xxl-0{margin:0!important}.m-xxl-1{margin:.25rem!important}.m-xxl-2{margin:.5rem!important}.m-xxl-3{margin:1rem!important}.m-xxl-4{margin:1.5rem!important}.m-xxl-5{margin:3rem!important}.m-xxl-auto{margin:auto!important}.mx-xxl-0{margin-right:0!important;margin-left:0!important}.mx-xxl-1{margin-right:.25rem!important;margin-left:.25rem!important}.mx-xxl-2{margin-right:.5rem!important;margin-left:.5rem!important}.mx-xxl-3{margin-right:1rem!important;margin-left:1rem!important}.mx-xxl-4{margin-right:1.5rem!important;margin-left:1.5rem!important}.mx-xxl-5{margin-right:3rem!important;margin-left:3rem!important}.mx-xxl-auto{margin-right:auto!important;margin-left:auto!important}.my-xxl-0{margin-top:0!important;margin-bottom:0!important}.my-xxl-1{margin-top:.25rem!important;margin-bottom:.25rem!important}.my-xxl-2{margin-top:.5rem!important;margin-bottom:.5rem!important}.my-xxl-3{margin-top:1rem!important;margin-bottom:1rem!important}.my-xxl-4{margin-top:1.5rem!important;margin-bottom:1.5rem!important}.my-xxl-5{margin-top:3rem!important;margin-bottom:3rem!important}.my-xxl-auto{margin-top:auto!important;margin-bottom:auto!important}.mt-xxl-0{margin-top:0!important}.mt-xxl-1{margin-top:.25rem!important}.mt-xxl-2{margin-top:.5rem!important}.mt-xxl-3{margin-top:1rem!important}.mt-xxl-4{margin-top:1.5rem!important}.mt-xxl-5{margin-top:3rem!important}.mt-xxl-auto{margin-top:auto!important}.me-xxl-0{margin-right:0!important}.me-xxl-1{margin-right:.25rem!important}.me-xxl-2{margin-right:.5rem!important}.me-xxl-3{margin-right:1rem!important}.me-xxl-4{margin-right:1.5rem!important}.me-xxl-5{margin-right:3rem!important}.me-xxl-auto{margin-right:auto!important}.mb-xxl-0{margin-bottom:0!important}.mb-xxl-1{margin-bottom:.25rem!important}.mb-xxl-2{margin-bottom:.5rem!important}.mb-xxl-3{margin-bottom:1rem!important}.mb-xxl-4{margin-bottom:1.5rem!important}.mb-xxl-5{margin-bottom:3rem!important}.mb-xxl-auto{margin-bottom:auto!important}.ms-xxl-0{margin-left:0!important}.ms-xxl-1{margin-left:.25rem!important}.ms-xxl-2{margin-left:.5rem!important}.ms-xxl-3{margin-left:1rem!important}.ms-xxl-4{margin-left:1.5rem!important}.ms-xxl-5{margin-left:3rem!important}.ms-xxl-auto{margin-left:auto!important}.p-xxl-0{padding:0!important}.p-xxl-1{padding:.25rem!important}.p-xxl-2{padding:.5rem!important}.p-xxl-3{padding:1rem!important}.p-xxl-4{padding:1.5rem!important}.p-xxl-5{padding:3rem!important}.px-xxl-0{padding-right:0!important;padding-left:0!important}.px-xxl-1{padding-right:.25rem!important;padding-left:.25rem!important}.px-xxl-2{padding-right:.5rem!important;padding-left:.5rem!important}.px-xxl-3{padding-right:1rem!important;padding-left:1rem!important}.px-xxl-4{padding-right:1.5rem!important;padding-left:1.5rem!important}.px-xxl-5{padding-right:3rem!important;padding-left:3rem!important}.py-xxl-0{padding-top:0!important;padding-bottom:0!important}.py-xxl-1{padding-top:.25rem!important;padding-bottom:.25rem!important}.py-xxl-2{padding-top:.5rem!important;padding-bottom:.5rem!important}.py-xxl-3{padding-top:1rem!important;padding-bottom:1rem!important}.py-xxl-4{padding-top:1.5rem!important;padding-bottom:1.5rem!important}.py-xxl-5{padding-top:3rem!important;padding-bottom:3rem!important}.pt-xxl-0{padding-top:0!important}.pt-xxl-1{padding-top:.25rem!important}.pt-xxl-2{padding-top:.5rem!important}.pt-xxl-3{padding-top:1rem!important}.pt-xxl-4{padding-top:1.5rem!important}.pt-xxl-5{padding-top:3rem!important}.pe-xxl-0{padding-right:0!important}.pe-xxl-1{padding-right:.25rem!important}.pe-xxl-2{padding-right:.5rem!important}.pe-xxl-3{padding-right:1rem!important}.pe-xxl-4{padding-right:1.5rem!important}.pe-xxl-5{padding-right:3rem!important}.pb-xxl-0{padding-bottom:0!important}.pb-xxl-1{padding-bottom:.25rem!important}.pb-xxl-2{padding-bottom:.5rem!important}.pb-xxl-3{padding-bottom:1rem!important}.pb-xxl-4{padding-bottom:1.5rem!important}.pb-xxl-5{padding-bottom:3rem!important}.ps-xxl-0{padding-left:0!important}.ps-xxl-1{padding-left:.25rem!important}.ps-xxl-2{padding-left:.5rem!important}.ps-xxl-3{padding-left:1rem!important}.ps-xxl-4{padding-left:1.5rem!important}.ps-xxl-5{padding-left:3rem!important}.text-xxl-start{text-align:left!important}.text-xxl-end{text-align:right!important}.text-xxl-center{text-align:center!important}}@media (min-width:1200px){.fs-1{font-size:2.5rem!important}.fs-2{font-size:2rem!important}.fs-3{font-size:1.75rem!important}.fs-4{font-size:1.5rem!important}}@media print{.d-print-inline{display:inline!important}.d-print-inline-block{display:inline-block!important}.d-print-block{display:block!important}.d-print-grid{display:grid!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:flex!important}.d-print-inline-flex{display:inline-flex!important}.d-print-none{display:none!important}}


/* Gencyo – Digital Agency, SEO & IT Solutions HTML Template

Template Name: Gencyo
Version: 1.0.0
License: copyright commercial

/************ TABLE OF CONTENTS ***************
1. Fonts
2. Reset
3. Global Settings
4. Main Header / TWO / Three / Four / Five
5. Sticky Header
6. Mobile Menu
7. Section Title
8. Page Title
9. Main Slider
10. Banner Section / Two / Three / Four
11. Features Section / Two / Three / Four / Five / Six
12. About Section / Two / Three / Four / Five / Six
13. Services Section / Two / Three / Four / Five
14. Map Section
15. Call To Action / Two / Three / Four / Five
16. Locations Section / Two
17. Offer Section / Two / Three / Four
18. FAQ's Sectiom / Two
19. Work Section
20. Fun Fact Section / Two
21. Project Section / Two / Three
22. Testimonial Section / Two / Three / Four
23. Why Choose Us / Two / Three
24. Industries Section
25. Pricing Section
26. team Section / Two
27. Contact Sectiom / Two / Three / Four
28. News Section / Two
29. Clients Section
30. Main Footer
**********************************************/

/* inlined animate.css */
/*!
 * animate.css -https://daneden.github.io/animate.css/
 * Version - 3.7.2
 * Licensed under the MIT license - http://opensource.org/licenses/MIT
 *
 * Copyright (c) 2019 Daniel Eden
 */
@-webkit-keyframes bounce {
    0%,20%,53%,80%,to {
        -webkit-animation-timing-function: cubic-bezier(.215,.61,.355,1);
        animation-timing-function: cubic-bezier(.215,.61,.355,1);
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }

    40%,43% {
        -webkit-animation-timing-function: cubic-bezier(.755,.05,.855,.06);
        animation-timing-function: cubic-bezier(.755,.05,.855,.06);
        -webkit-transform: translate3d(0,-30px,0);
        transform: translate3d(0,-30px,0)
    }

    70% {
        -webkit-animation-timing-function: cubic-bezier(.755,.05,.855,.06);
        animation-timing-function: cubic-bezier(.755,.05,.855,.06);
        -webkit-transform: translate3d(0,-15px,0);
        transform: translate3d(0,-15px,0)
    }

    90% {
        -webkit-transform: translate3d(0,-4px,0);
        transform: translate3d(0,-4px,0)
    }
}

@keyframes bounce {
    0%,20%,53%,80%,to {
        -webkit-animation-timing-function: cubic-bezier(.215,.61,.355,1);
        animation-timing-function: cubic-bezier(.215,.61,.355,1);
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }

    40%,43% {
        -webkit-animation-timing-function: cubic-bezier(.755,.05,.855,.06);
        animation-timing-function: cubic-bezier(.755,.05,.855,.06);
        -webkit-transform: translate3d(0,-30px,0);
        transform: translate3d(0,-30px,0)
    }

    70% {
        -webkit-animation-timing-function: cubic-bezier(.755,.05,.855,.06);
        animation-timing-function: cubic-bezier(.755,.05,.855,.06);
        -webkit-transform: translate3d(0,-15px,0);
        transform: translate3d(0,-15px,0)
    }

    90% {
        -webkit-transform: translate3d(0,-4px,0);
        transform: translate3d(0,-4px,0)
    }
}

.bounce {
    -webkit-animation-name: bounce;
    animation-name: bounce;
    -webkit-transform-origin: center bottom;
    transform-origin: center bottom
}

@-webkit-keyframes flash {
    0%,50%,to {
        opacity: 1
    }

    25%,75% {
        opacity: 0
    }
}

@keyframes flash {
    0%,50%,to {
        opacity: 1
    }

    25%,75% {
        opacity: 0
    }
}

.flash {
    -webkit-animation-name: flash;
    animation-name: flash
}

@-webkit-keyframes pulse {
    0% {
        -webkit-transform: scaleX(1);
        transform: scaleX(1)
    }

    50% {
        -webkit-transform: scale3d(1.05,1.05,1.05);
        transform: scale3d(1.05,1.05,1.05)
    }

    to {
        -webkit-transform: scaleX(1);
        transform: scaleX(1)
    }
}

@keyframes pulse {
    0% {
        -webkit-transform: scaleX(1);
        transform: scaleX(1)
    }

    50% {
        -webkit-transform: scale3d(1.05,1.05,1.05);
        transform: scale3d(1.05,1.05,1.05)
    }

    to {
        -webkit-transform: scaleX(1);
        transform: scaleX(1)
    }
}

.pulse {
    -webkit-animation-name: pulse;
    animation-name: pulse
}

@-webkit-keyframes rubberBand {
    0% {
        -webkit-transform: scaleX(1);
        transform: scaleX(1)
    }

    30% {
        -webkit-transform: scale3d(1.25,.75,1);
        transform: scale3d(1.25,.75,1)
    }

    40% {
        -webkit-transform: scale3d(.75,1.25,1);
        transform: scale3d(.75,1.25,1)
    }

    50% {
        -webkit-transform: scale3d(1.15,.85,1);
        transform: scale3d(1.15,.85,1)
    }

    65% {
        -webkit-transform: scale3d(.95,1.05,1);
        transform: scale3d(.95,1.05,1)
    }

    75% {
        -webkit-transform: scale3d(1.05,.95,1);
        transform: scale3d(1.05,.95,1)
    }

    to {
        -webkit-transform: scaleX(1);
        transform: scaleX(1)
    }
}

@keyframes rubberBand {
    0% {
        -webkit-transform: scaleX(1);
        transform: scaleX(1)
    }

    30% {
        -webkit-transform: scale3d(1.25,.75,1);
        transform: scale3d(1.25,.75,1)
    }

    40% {
        -webkit-transform: scale3d(.75,1.25,1);
        transform: scale3d(.75,1.25,1)
    }

    50% {
        -webkit-transform: scale3d(1.15,.85,1);
        transform: scale3d(1.15,.85,1)
    }

    65% {
        -webkit-transform: scale3d(.95,1.05,1);
        transform: scale3d(.95,1.05,1)
    }

    75% {
        -webkit-transform: scale3d(1.05,.95,1);
        transform: scale3d(1.05,.95,1)
    }

    to {
        -webkit-transform: scaleX(1);
        transform: scaleX(1)
    }
}

.rubberBand {
    -webkit-animation-name: rubberBand;
    animation-name: rubberBand
}

@-webkit-keyframes shake {
    0%,to {
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }

    10%,30%,50%,70%,90% {
        -webkit-transform: translate3d(-10px,0,0);
        transform: translate3d(-10px,0,0)
    }

    20%,40%,60%,80% {
        -webkit-transform: translate3d(10px,0,0);
        transform: translate3d(10px,0,0)
    }
}

@keyframes shake {
    0%,to {
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }

    10%,30%,50%,70%,90% {
        -webkit-transform: translate3d(-10px,0,0);
        transform: translate3d(-10px,0,0)
    }

    20%,40%,60%,80% {
        -webkit-transform: translate3d(10px,0,0);
        transform: translate3d(10px,0,0)
    }
}

.shake {
    -webkit-animation-name: shake;
    animation-name: shake
}

@-webkit-keyframes headShake {
    0% {
        -webkit-transform: translateX(0);
        transform: translateX(0)
    }

    6.5% {
        -webkit-transform: translateX(-6px) rotateY(-9deg);
        transform: translateX(-6px) rotateY(-9deg)
    }

    18.5% {
        -webkit-transform: translateX(5px) rotateY(7deg);
        transform: translateX(5px) rotateY(7deg)
    }

    31.5% {
        -webkit-transform: translateX(-3px) rotateY(-5deg);
        transform: translateX(-3px) rotateY(-5deg)
    }

    43.5% {
        -webkit-transform: translateX(2px) rotateY(3deg);
        transform: translateX(2px) rotateY(3deg)
    }

    50% {
        -webkit-transform: translateX(0);
        transform: translateX(0)
    }
}

@keyframes headShake {
    0% {
        -webkit-transform: translateX(0);
        transform: translateX(0)
    }

    6.5% {
        -webkit-transform: translateX(-6px) rotateY(-9deg);
        transform: translateX(-6px) rotateY(-9deg)
    }

    18.5% {
        -webkit-transform: translateX(5px) rotateY(7deg);
        transform: translateX(5px) rotateY(7deg)
    }

    31.5% {
        -webkit-transform: translateX(-3px) rotateY(-5deg);
        transform: translateX(-3px) rotateY(-5deg)
    }

    43.5% {
        -webkit-transform: translateX(2px) rotateY(3deg);
        transform: translateX(2px) rotateY(3deg)
    }

    50% {
        -webkit-transform: translateX(0);
        transform: translateX(0)
    }
}

.headShake {
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
    -webkit-animation-name: headShake;
    animation-name: headShake
}

@-webkit-keyframes swing {
    20% {
        -webkit-transform: rotate(15deg);
        transform: rotate(15deg)
    }

    40% {
        -webkit-transform: rotate(-10deg);
        transform: rotate(-10deg)
    }

    60% {
        -webkit-transform: rotate(5deg);
        transform: rotate(5deg)
    }

    80% {
        -webkit-transform: rotate(-5deg);
        transform: rotate(-5deg)
    }

    to {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg)
    }
}

@keyframes swing {
    20% {
        -webkit-transform: rotate(15deg);
        transform: rotate(15deg)
    }

    40% {
        -webkit-transform: rotate(-10deg);
        transform: rotate(-10deg)
    }

    60% {
        -webkit-transform: rotate(5deg);
        transform: rotate(5deg)
    }

    80% {
        -webkit-transform: rotate(-5deg);
        transform: rotate(-5deg)
    }

    to {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg)
    }
}

.swing {
    -webkit-transform-origin: top center;
    transform-origin: top center;
    -webkit-animation-name: swing;
    animation-name: swing
}

@-webkit-keyframes tada {
    0% {
        -webkit-transform: scaleX(1);
        transform: scaleX(1)
    }

    10%,20% {
        -webkit-transform: scale3d(.9,.9,.9) rotate(-3deg);
        transform: scale3d(.9,.9,.9) rotate(-3deg)
    }

    30%,50%,70%,90% {
        -webkit-transform: scale3d(1.1,1.1,1.1) rotate(3deg);
        transform: scale3d(1.1,1.1,1.1) rotate(3deg)
    }

    40%,60%,80% {
        -webkit-transform: scale3d(1.1,1.1,1.1) rotate(-3deg);
        transform: scale3d(1.1,1.1,1.1) rotate(-3deg)
    }

    to {
        -webkit-transform: scaleX(1);
        transform: scaleX(1)
    }
}

@keyframes tada {
    0% {
        -webkit-transform: scaleX(1);
        transform: scaleX(1)
    }

    10%,20% {
        -webkit-transform: scale3d(.9,.9,.9) rotate(-3deg);
        transform: scale3d(.9,.9,.9) rotate(-3deg)
    }

    30%,50%,70%,90% {
        -webkit-transform: scale3d(1.1,1.1,1.1) rotate(3deg);
        transform: scale3d(1.1,1.1,1.1) rotate(3deg)
    }

    40%,60%,80% {
        -webkit-transform: scale3d(1.1,1.1,1.1) rotate(-3deg);
        transform: scale3d(1.1,1.1,1.1) rotate(-3deg)
    }

    to {
        -webkit-transform: scaleX(1);
        transform: scaleX(1)
    }
}

.tada {
    -webkit-animation-name: tada;
    animation-name: tada
}

@-webkit-keyframes wobble {
    0% {
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }

    15% {
        -webkit-transform: translate3d(-25%,0,0) rotate(-5deg);
        transform: translate3d(-25%,0,0) rotate(-5deg)
    }

    30% {
        -webkit-transform: translate3d(20%,0,0) rotate(3deg);
        transform: translate3d(20%,0,0) rotate(3deg)
    }

    45% {
        -webkit-transform: translate3d(-15%,0,0) rotate(-3deg);
        transform: translate3d(-15%,0,0) rotate(-3deg)
    }

    60% {
        -webkit-transform: translate3d(10%,0,0) rotate(2deg);
        transform: translate3d(10%,0,0) rotate(2deg)
    }

    75% {
        -webkit-transform: translate3d(-5%,0,0) rotate(-1deg);
        transform: translate3d(-5%,0,0) rotate(-1deg)
    }

    to {
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
}

@keyframes wobble {
    0% {
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }

    15% {
        -webkit-transform: translate3d(-25%,0,0) rotate(-5deg);
        transform: translate3d(-25%,0,0) rotate(-5deg)
    }

    30% {
        -webkit-transform: translate3d(20%,0,0) rotate(3deg);
        transform: translate3d(20%,0,0) rotate(3deg)
    }

    45% {
        -webkit-transform: translate3d(-15%,0,0) rotate(-3deg);
        transform: translate3d(-15%,0,0) rotate(-3deg)
    }

    60% {
        -webkit-transform: translate3d(10%,0,0) rotate(2deg);
        transform: translate3d(10%,0,0) rotate(2deg)
    }

    75% {
        -webkit-transform: translate3d(-5%,0,0) rotate(-1deg);
        transform: translate3d(-5%,0,0) rotate(-1deg)
    }

    to {
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
}

.wobble {
    -webkit-animation-name: wobble;
    animation-name: wobble
}

@-webkit-keyframes jello {
    0%,11.1%,to {
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }

    22.2% {
        -webkit-transform: skewX(-12.5deg) skewY(-12.5deg);
        transform: skewX(-12.5deg) skewY(-12.5deg)
    }

    33.3% {
        -webkit-transform: skewX(6.25deg) skewY(6.25deg);
        transform: skewX(6.25deg) skewY(6.25deg)
    }

    44.4% {
        -webkit-transform: skewX(-3.125deg) skewY(-3.125deg);
        transform: skewX(-3.125deg) skewY(-3.125deg)
    }

    55.5% {
        -webkit-transform: skewX(1.5625deg) skewY(1.5625deg);
        transform: skewX(1.5625deg) skewY(1.5625deg)
    }

    66.6% {
        -webkit-transform: skewX(-.78125deg) skewY(-.78125deg);
        transform: skewX(-.78125deg) skewY(-.78125deg)
    }

    77.7% {
        -webkit-transform: skewX(.390625deg) skewY(.390625deg);
        transform: skewX(.390625deg) skewY(.390625deg)
    }

    88.8% {
        -webkit-transform: skewX(-.1953125deg) skewY(-.1953125deg);
        transform: skewX(-.1953125deg) skewY(-.1953125deg)
    }
}

@keyframes jello {
    0%,11.1%,to {
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }

    22.2% {
        -webkit-transform: skewX(-12.5deg) skewY(-12.5deg);
        transform: skewX(-12.5deg) skewY(-12.5deg)
    }

    33.3% {
        -webkit-transform: skewX(6.25deg) skewY(6.25deg);
        transform: skewX(6.25deg) skewY(6.25deg)
    }

    44.4% {
        -webkit-transform: skewX(-3.125deg) skewY(-3.125deg);
        transform: skewX(-3.125deg) skewY(-3.125deg)
    }

    55.5% {
        -webkit-transform: skewX(1.5625deg) skewY(1.5625deg);
        transform: skewX(1.5625deg) skewY(1.5625deg)
    }

    66.6% {
        -webkit-transform: skewX(-.78125deg) skewY(-.78125deg);
        transform: skewX(-.78125deg) skewY(-.78125deg)
    }

    77.7% {
        -webkit-transform: skewX(.390625deg) skewY(.390625deg);
        transform: skewX(.390625deg) skewY(.390625deg)
    }

    88.8% {
        -webkit-transform: skewX(-.1953125deg) skewY(-.1953125deg);
        transform: skewX(-.1953125deg) skewY(-.1953125deg)
    }
}

.jello {
    -webkit-animation-name: jello;
    animation-name: jello;
    -webkit-transform-origin: center;
    transform-origin: center
}

@-webkit-keyframes heartBeat {
    0% {
        -webkit-transform: scale(1);
        transform: scale(1)
    }

    14% {
        -webkit-transform: scale(1.3);
        transform: scale(1.3)
    }

    28% {
        -webkit-transform: scale(1);
        transform: scale(1)
    }

    42% {
        -webkit-transform: scale(1.3);
        transform: scale(1.3)
    }

    70% {
        -webkit-transform: scale(1);
        transform: scale(1)
    }
}

@keyframes heartBeat {
    0% {
        -webkit-transform: scale(1);
        transform: scale(1)
    }

    14% {
        -webkit-transform: scale(1.3);
        transform: scale(1.3)
    }

    28% {
        -webkit-transform: scale(1);
        transform: scale(1)
    }

    42% {
        -webkit-transform: scale(1.3);
        transform: scale(1.3)
    }

    70% {
        -webkit-transform: scale(1);
        transform: scale(1)
    }
}

.heartBeat {
    -webkit-animation-name: heartBeat;
    animation-name: heartBeat;
    -webkit-animation-duration: 1.3s;
    animation-duration: 1.3s;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out
}

@-webkit-keyframes bounceIn {
    0%,20%,40%,60%,80%,to {
        -webkit-animation-timing-function: cubic-bezier(.215,.61,.355,1);
        animation-timing-function: cubic-bezier(.215,.61,.355,1)
    }

    0% {
        opacity: 0;
        -webkit-transform: scale3d(.3,.3,.3);
        transform: scale3d(.3,.3,.3)
    }

    20% {
        -webkit-transform: scale3d(1.1,1.1,1.1);
        transform: scale3d(1.1,1.1,1.1)
    }

    40% {
        -webkit-transform: scale3d(.9,.9,.9);
        transform: scale3d(.9,.9,.9)
    }

    60% {
        opacity: 1;
        -webkit-transform: scale3d(1.03,1.03,1.03);
        transform: scale3d(1.03,1.03,1.03)
    }

    80% {
        -webkit-transform: scale3d(.97,.97,.97);
        transform: scale3d(.97,.97,.97)
    }

    to {
        opacity: 1;
        -webkit-transform: scaleX(1);
        transform: scaleX(1)
    }
}

@keyframes bounceIn {
    0%,20%,40%,60%,80%,to {
        -webkit-animation-timing-function: cubic-bezier(.215,.61,.355,1);
        animation-timing-function: cubic-bezier(.215,.61,.355,1)
    }

    0% {
        opacity: 0;
        -webkit-transform: scale3d(.3,.3,.3);
        transform: scale3d(.3,.3,.3)
    }

    20% {
        -webkit-transform: scale3d(1.1,1.1,1.1);
        transform: scale3d(1.1,1.1,1.1)
    }

    40% {
        -webkit-transform: scale3d(.9,.9,.9);
        transform: scale3d(.9,.9,.9)
    }

    60% {
        opacity: 1;
        -webkit-transform: scale3d(1.03,1.03,1.03);
        transform: scale3d(1.03,1.03,1.03)
    }

    80% {
        -webkit-transform: scale3d(.97,.97,.97);
        transform: scale3d(.97,.97,.97)
    }

    to {
        opacity: 1;
        -webkit-transform: scaleX(1);
        transform: scaleX(1)
    }
}

.bounceIn {
    -webkit-animation-duration: .75s;
    animation-duration: .75s;
    -webkit-animation-name: bounceIn;
    animation-name: bounceIn
}

@-webkit-keyframes bounceInDown {
    0%,60%,75%,90%,to {
        -webkit-animation-timing-function: cubic-bezier(.215,.61,.355,1);
        animation-timing-function: cubic-bezier(.215,.61,.355,1)
    }

    0% {
        opacity: 0;
        -webkit-transform: translate3d(0,-3000px,0);
        transform: translate3d(0,-3000px,0)
    }

    60% {
        opacity: 1;
        -webkit-transform: translate3d(0,25px,0);
        transform: translate3d(0,25px,0)
    }

    75% {
        -webkit-transform: translate3d(0,-10px,0);
        transform: translate3d(0,-10px,0)
    }

    90% {
        -webkit-transform: translate3d(0,5px,0);
        transform: translate3d(0,5px,0)
    }

    to {
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
}

@keyframes bounceInDown {
    0%,60%,75%,90%,to {
        -webkit-animation-timing-function: cubic-bezier(.215,.61,.355,1);
        animation-timing-function: cubic-bezier(.215,.61,.355,1)
    }

    0% {
        opacity: 0;
        -webkit-transform: translate3d(0,-3000px,0);
        transform: translate3d(0,-3000px,0)
    }

    60% {
        opacity: 1;
        -webkit-transform: translate3d(0,25px,0);
        transform: translate3d(0,25px,0)
    }

    75% {
        -webkit-transform: translate3d(0,-10px,0);
        transform: translate3d(0,-10px,0)
    }

    90% {
        -webkit-transform: translate3d(0,5px,0);
        transform: translate3d(0,5px,0)
    }

    to {
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
}

.bounceInDown {
    -webkit-animation-name: bounceInDown;
    animation-name: bounceInDown
}

@-webkit-keyframes bounceInLeft {
    0%,60%,75%,90%,to {
        -webkit-animation-timing-function: cubic-bezier(.215,.61,.355,1);
        animation-timing-function: cubic-bezier(.215,.61,.355,1)
    }

    0% {
        opacity: 0;
        -webkit-transform: translate3d(-3000px,0,0);
        transform: translate3d(-3000px,0,0)
    }

    60% {
        opacity: 1;
        -webkit-transform: translate3d(25px,0,0);
        transform: translate3d(25px,0,0)
    }

    75% {
        -webkit-transform: translate3d(-10px,0,0);
        transform: translate3d(-10px,0,0)
    }

    90% {
        -webkit-transform: translate3d(5px,0,0);
        transform: translate3d(5px,0,0)
    }

    to {
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
}

@keyframes bounceInLeft {
    0%,60%,75%,90%,to {
        -webkit-animation-timing-function: cubic-bezier(.215,.61,.355,1);
        animation-timing-function: cubic-bezier(.215,.61,.355,1)
    }

    0% {
        opacity: 0;
        -webkit-transform: translate3d(-3000px,0,0);
        transform: translate3d(-3000px,0,0)
    }

    60% {
        opacity: 1;
        -webkit-transform: translate3d(25px,0,0);
        transform: translate3d(25px,0,0)
    }

    75% {
        -webkit-transform: translate3d(-10px,0,0);
        transform: translate3d(-10px,0,0)
    }

    90% {
        -webkit-transform: translate3d(5px,0,0);
        transform: translate3d(5px,0,0)
    }

    to {
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
}

.bounceInLeft {
    -webkit-animation-name: bounceInLeft;
    animation-name: bounceInLeft
}

@-webkit-keyframes bounceInRight {
    0%,60%,75%,90%,to {
        -webkit-animation-timing-function: cubic-bezier(.215,.61,.355,1);
        animation-timing-function: cubic-bezier(.215,.61,.355,1)
    }

    0% {
        opacity: 0;
        -webkit-transform: translate3d(3000px,0,0);
        transform: translate3d(3000px,0,0)
    }

    60% {
        opacity: 1;
        -webkit-transform: translate3d(-25px,0,0);
        transform: translate3d(-25px,0,0)
    }

    75% {
        -webkit-transform: translate3d(10px,0,0);
        transform: translate3d(10px,0,0)
    }

    90% {
        -webkit-transform: translate3d(-5px,0,0);
        transform: translate3d(-5px,0,0)
    }

    to {
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
}

@keyframes bounceInRight {
    0%,60%,75%,90%,to {
        -webkit-animation-timing-function: cubic-bezier(.215,.61,.355,1);
        animation-timing-function: cubic-bezier(.215,.61,.355,1)
    }

    0% {
        opacity: 0;
        -webkit-transform: translate3d(3000px,0,0);
        transform: translate3d(3000px,0,0)
    }

    60% {
        opacity: 1;
        -webkit-transform: translate3d(-25px,0,0);
        transform: translate3d(-25px,0,0)
    }

    75% {
        -webkit-transform: translate3d(10px,0,0);
        transform: translate3d(10px,0,0)
    }

    90% {
        -webkit-transform: translate3d(-5px,0,0);
        transform: translate3d(-5px,0,0)
    }

    to {
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
}

.bounceInRight {
    -webkit-animation-name: bounceInRight;
    animation-name: bounceInRight
}

@-webkit-keyframes bounceInUp {
    0%,60%,75%,90%,to {
        -webkit-animation-timing-function: cubic-bezier(.215,.61,.355,1);
        animation-timing-function: cubic-bezier(.215,.61,.355,1)
    }

    0% {
        opacity: 0;
        -webkit-transform: translate3d(0,3000px,0);
        transform: translate3d(0,3000px,0)
    }

    60% {
        opacity: 1;
        -webkit-transform: translate3d(0,-20px,0);
        transform: translate3d(0,-20px,0)
    }

    75% {
        -webkit-transform: translate3d(0,10px,0);
        transform: translate3d(0,10px,0)
    }

    90% {
        -webkit-transform: translate3d(0,-5px,0);
        transform: translate3d(0,-5px,0)
    }

    to {
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
}

@keyframes bounceInUp {
    0%,60%,75%,90%,to {
        -webkit-animation-timing-function: cubic-bezier(.215,.61,.355,1);
        animation-timing-function: cubic-bezier(.215,.61,.355,1)
    }

    0% {
        opacity: 0;
        -webkit-transform: translate3d(0,3000px,0);
        transform: translate3d(0,3000px,0)
    }

    60% {
        opacity: 1;
        -webkit-transform: translate3d(0,-20px,0);
        transform: translate3d(0,-20px,0)
    }

    75% {
        -webkit-transform: translate3d(0,10px,0);
        transform: translate3d(0,10px,0)
    }

    90% {
        -webkit-transform: translate3d(0,-5px,0);
        transform: translate3d(0,-5px,0)
    }

    to {
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
}

.bounceInUp {
    -webkit-animation-name: bounceInUp;
    animation-name: bounceInUp
}

@-webkit-keyframes bounceOut {
    20% {
        -webkit-transform: scale3d(.9,.9,.9);
        transform: scale3d(.9,.9,.9)
    }

    50%,55% {
        opacity: 1;
        -webkit-transform: scale3d(1.1,1.1,1.1);
        transform: scale3d(1.1,1.1,1.1)
    }

    to {
        opacity: 0;
        -webkit-transform: scale3d(.3,.3,.3);
        transform: scale3d(.3,.3,.3)
    }
}

@keyframes bounceOut {
    20% {
        -webkit-transform: scale3d(.9,.9,.9);
        transform: scale3d(.9,.9,.9)
    }

    50%,55% {
        opacity: 1;
        -webkit-transform: scale3d(1.1,1.1,1.1);
        transform: scale3d(1.1,1.1,1.1)
    }

    to {
        opacity: 0;
        -webkit-transform: scale3d(.3,.3,.3);
        transform: scale3d(.3,.3,.3)
    }
}

.bounceOut {
    -webkit-animation-duration: .75s;
    animation-duration: .75s;
    -webkit-animation-name: bounceOut;
    animation-name: bounceOut
}

@-webkit-keyframes bounceOutDown {
    20% {
        -webkit-transform: translate3d(0,10px,0);
        transform: translate3d(0,10px,0)
    }

    40%,45% {
        opacity: 1;
        -webkit-transform: translate3d(0,-20px,0);
        transform: translate3d(0,-20px,0)
    }

    to {
        opacity: 0;
        -webkit-transform: translate3d(0,2000px,0);
        transform: translate3d(0,2000px,0)
    }
}

@keyframes bounceOutDown {
    20% {
        -webkit-transform: translate3d(0,10px,0);
        transform: translate3d(0,10px,0)
    }

    40%,45% {
        opacity: 1;
        -webkit-transform: translate3d(0,-20px,0);
        transform: translate3d(0,-20px,0)
    }

    to {
        opacity: 0;
        -webkit-transform: translate3d(0,2000px,0);
        transform: translate3d(0,2000px,0)
    }
}

.bounceOutDown {
    -webkit-animation-name: bounceOutDown;
    animation-name: bounceOutDown
}

@-webkit-keyframes bounceOutLeft {
    20% {
        opacity: 1;
        -webkit-transform: translate3d(20px,0,0);
        transform: translate3d(20px,0,0)
    }

    to {
        opacity: 0;
        -webkit-transform: translate3d(-2000px,0,0);
        transform: translate3d(-2000px,0,0)
    }
}

@keyframes bounceOutLeft {
    20% {
        opacity: 1;
        -webkit-transform: translate3d(20px,0,0);
        transform: translate3d(20px,0,0)
    }

    to {
        opacity: 0;
        -webkit-transform: translate3d(-2000px,0,0);
        transform: translate3d(-2000px,0,0)
    }
}

.bounceOutLeft {
    -webkit-animation-name: bounceOutLeft;
    animation-name: bounceOutLeft
}

@-webkit-keyframes bounceOutRight {
    20% {
        opacity: 1;
        -webkit-transform: translate3d(-20px,0,0);
        transform: translate3d(-20px,0,0)
    }

    to {
        opacity: 0;
        -webkit-transform: translate3d(2000px,0,0);
        transform: translate3d(2000px,0,0)
    }
}

@keyframes bounceOutRight {
    20% {
        opacity: 1;
        -webkit-transform: translate3d(-20px,0,0);
        transform: translate3d(-20px,0,0)
    }

    to {
        opacity: 0;
        -webkit-transform: translate3d(2000px,0,0);
        transform: translate3d(2000px,0,0)
    }
}

.bounceOutRight {
    -webkit-animation-name: bounceOutRight;
    animation-name: bounceOutRight
}

@-webkit-keyframes bounceOutUp {
    20% {
        -webkit-transform: translate3d(0,-10px,0);
        transform: translate3d(0,-10px,0)
    }

    40%,45% {
        opacity: 1;
        -webkit-transform: translate3d(0,20px,0);
        transform: translate3d(0,20px,0)
    }

    to {
        opacity: 0;
        -webkit-transform: translate3d(0,-2000px,0);
        transform: translate3d(0,-2000px,0)
    }
}

@keyframes bounceOutUp {
    20% {
        -webkit-transform: translate3d(0,-10px,0);
        transform: translate3d(0,-10px,0)
    }

    40%,45% {
        opacity: 1;
        -webkit-transform: translate3d(0,20px,0);
        transform: translate3d(0,20px,0)
    }

    to {
        opacity: 0;
        -webkit-transform: translate3d(0,-2000px,0);
        transform: translate3d(0,-2000px,0)
    }
}

.bounceOutUp {
    -webkit-animation-name: bounceOutUp;
    animation-name: bounceOutUp
}

@-webkit-keyframes fadeIn {
    0% {
        opacity: 0
    }

    to {
        opacity: 1
    }
}

@keyframes fadeIn {
    0% {
        opacity: 0
    }

    to {
        opacity: 1
    }
}

.fadeIn {
    -webkit-animation-name: fadeIn;
    animation-name: fadeIn
}

@-webkit-keyframes fadeInDown {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(0,-100%,0);
        transform: translate3d(0,-100%,0)
    }

    to {
        opacity: 1;
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
}

@keyframes fadeInDown {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(0,-100%,0);
        transform: translate3d(0,-100%,0)
    }

    to {
        opacity: 1;
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
}

.fadeInDown {
    -webkit-animation-name: fadeInDown;
    animation-name: fadeInDown
}

@-webkit-keyframes fadeInDownBig {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(0,-2000px,0);
        transform: translate3d(0,-2000px,0)
    }

    to {
        opacity: 1;
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
}

@keyframes fadeInDownBig {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(0,-2000px,0);
        transform: translate3d(0,-2000px,0)
    }

    to {
        opacity: 1;
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
}

.fadeInDownBig {
    -webkit-animation-name: fadeInDownBig;
    animation-name: fadeInDownBig
}

@-webkit-keyframes fadeInLeft {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(-100%,0,0);
        transform: translate3d(-100%,0,0)
    }

    to {
        opacity: 1;
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
}

@keyframes fadeInLeft {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(-100%,0,0);
        transform: translate3d(-100%,0,0)
    }

    to {
        opacity: 1;
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
}

.fadeInLeft {
    -webkit-animation-name: fadeInLeft;
    animation-name: fadeInLeft
}

@-webkit-keyframes fadeInLeftBig {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(-2000px,0,0);
        transform: translate3d(-2000px,0,0)
    }

    to {
        opacity: 1;
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
}

@keyframes fadeInLeftBig {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(-2000px,0,0);
        transform: translate3d(-2000px,0,0)
    }

    to {
        opacity: 1;
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
}

.fadeInLeftBig {
    -webkit-animation-name: fadeInLeftBig;
    animation-name: fadeInLeftBig
}

@-webkit-keyframes fadeInRight {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(100%,0,0);
        transform: translate3d(100%,0,0)
    }

    to {
        opacity: 1;
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
}

@keyframes fadeInRight {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(100%,0,0);
        transform: translate3d(100%,0,0)
    }

    to {
        opacity: 1;
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
}

.fadeInRight {
    -webkit-animation-name: fadeInRight;
    animation-name: fadeInRight
}

@-webkit-keyframes fadeInRightBig {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(2000px,0,0);
        transform: translate3d(2000px,0,0)
    }

    to {
        opacity: 1;
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
}

@keyframes fadeInRightBig {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(2000px,0,0);
        transform: translate3d(2000px,0,0)
    }

    to {
        opacity: 1;
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
}

.fadeInRightBig {
    -webkit-animation-name: fadeInRightBig;
    animation-name: fadeInRightBig
}

@-webkit-keyframes fadeInUp {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(0,100%,0);
        transform: translate3d(0,100%,0)
    }

    to {
        opacity: 1;
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
}

@keyframes fadeInUp {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(0,100%,0);
        transform: translate3d(0,100%,0)
    }

    to {
        opacity: 1;
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
}

.fadeInUp {
    -webkit-animation-name: fadeInUp;
    animation-name: fadeInUp
}

@-webkit-keyframes fadeInUpBig {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(0,2000px,0);
        transform: translate3d(0,2000px,0)
    }

    to {
        opacity: 1;
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
}

@keyframes fadeInUpBig {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(0,2000px,0);
        transform: translate3d(0,2000px,0)
    }

    to {
        opacity: 1;
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
}

.fadeInUpBig {
    -webkit-animation-name: fadeInUpBig;
    animation-name: fadeInUpBig
}

@-webkit-keyframes fadeOut {
    0% {
        opacity: 1
    }

    to {
        opacity: 0
    }
}

@keyframes fadeOut {
    0% {
        opacity: 1
    }

    to {
        opacity: 0
    }
}

.fadeOut {
    -webkit-animation-name: fadeOut;
    animation-name: fadeOut
}

@-webkit-keyframes fadeOutDown {
    0% {
        opacity: 1
    }

    to {
        opacity: 0;
        -webkit-transform: translate3d(0,100%,0);
        transform: translate3d(0,100%,0)
    }
}

@keyframes fadeOutDown {
    0% {
        opacity: 1
    }

    to {
        opacity: 0;
        -webkit-transform: translate3d(0,100%,0);
        transform: translate3d(0,100%,0)
    }
}

.fadeOutDown {
    -webkit-animation-name: fadeOutDown;
    animation-name: fadeOutDown
}

@-webkit-keyframes fadeOutDownBig {
    0% {
        opacity: 1
    }

    to {
        opacity: 0;
        -webkit-transform: translate3d(0,2000px,0);
        transform: translate3d(0,2000px,0)
    }
}

@keyframes fadeOutDownBig {
    0% {
        opacity: 1
    }

    to {
        opacity: 0;
        -webkit-transform: translate3d(0,2000px,0);
        transform: translate3d(0,2000px,0)
    }
}

.fadeOutDownBig {
    -webkit-animation-name: fadeOutDownBig;
    animation-name: fadeOutDownBig
}

@-webkit-keyframes fadeOutLeft {
    0% {
        opacity: 1
    }

    to {
        opacity: 0;
        -webkit-transform: translate3d(-100%,0,0);
        transform: translate3d(-100%,0,0)
    }
}

@keyframes fadeOutLeft {
    0% {
        opacity: 1
    }

    to {
        opacity: 0;
        -webkit-transform: translate3d(-100%,0,0);
        transform: translate3d(-100%,0,0)
    }
}

.fadeOutLeft {
    -webkit-animation-name: fadeOutLeft;
    animation-name: fadeOutLeft
}

@-webkit-keyframes fadeOutLeftBig {
    0% {
        opacity: 1
    }

    to {
        opacity: 0;
        -webkit-transform: translate3d(-2000px,0,0);
        transform: translate3d(-2000px,0,0)
    }
}

@keyframes fadeOutLeftBig {
    0% {
        opacity: 1
    }

    to {
        opacity: 0;
        -webkit-transform: translate3d(-2000px,0,0);
        transform: translate3d(-2000px,0,0)
    }
}

.fadeOutLeftBig {
    -webkit-animation-name: fadeOutLeftBig;
    animation-name: fadeOutLeftBig
}

@-webkit-keyframes fadeOutRight {
    0% {
        opacity: 1
    }

    to {
        opacity: 0;
        -webkit-transform: translate3d(100%,0,0);
        transform: translate3d(100%,0,0)
    }
}

@keyframes fadeOutRight {
    0% {
        opacity: 1
    }

    to {
        opacity: 0;
        -webkit-transform: translate3d(100%,0,0);
        transform: translate3d(100%,0,0)
    }
}

.fadeOutRight {
    -webkit-animation-name: fadeOutRight;
    animation-name: fadeOutRight
}

@-webkit-keyframes fadeOutRightBig {
    0% {
        opacity: 1
    }

    to {
        opacity: 0;
        -webkit-transform: translate3d(2000px,0,0);
        transform: translate3d(2000px,0,0)
    }
}

@keyframes fadeOutRightBig {
    0% {
        opacity: 1
    }

    to {
        opacity: 0;
        -webkit-transform: translate3d(2000px,0,0);
        transform: translate3d(2000px,0,0)
    }
}

.fadeOutRightBig {
    -webkit-animation-name: fadeOutRightBig;
    animation-name: fadeOutRightBig
}

@-webkit-keyframes fadeOutUp {
    0% {
        opacity: 1
    }

    to {
        opacity: 0;
        -webkit-transform: translate3d(0,-100%,0);
        transform: translate3d(0,-100%,0)
    }
}

@keyframes fadeOutUp {
    0% {
        opacity: 1
    }

    to {
        opacity: 0;
        -webkit-transform: translate3d(0,-100%,0);
        transform: translate3d(0,-100%,0)
    }
}

.fadeOutUp {
    -webkit-animation-name: fadeOutUp;
    animation-name: fadeOutUp
}

@-webkit-keyframes fadeOutUpBig {
    0% {
        opacity: 1
    }

    to {
        opacity: 0;
        -webkit-transform: translate3d(0,-2000px,0);
        transform: translate3d(0,-2000px,0)
    }
}

@keyframes fadeOutUpBig {
    0% {
        opacity: 1
    }

    to {
        opacity: 0;
        -webkit-transform: translate3d(0,-2000px,0);
        transform: translate3d(0,-2000px,0)
    }
}

.fadeOutUpBig {
    -webkit-animation-name: fadeOutUpBig;
    animation-name: fadeOutUpBig
}

@-webkit-keyframes flip {
    0% {
        -webkit-transform: perspective(400px) scaleX(1) translateZ(0) rotateY(-1turn);
        transform: perspective(400px) scaleX(1) translateZ(0) rotateY(-1turn);
        -webkit-animation-timing-function: ease-out;
        animation-timing-function: ease-out
    }

    40% {
        -webkit-transform: perspective(400px) scaleX(1) translateZ(150px) rotateY(-190deg);
        transform: perspective(400px) scaleX(1) translateZ(150px) rotateY(-190deg);
        -webkit-animation-timing-function: ease-out;
        animation-timing-function: ease-out
    }

    50% {
        -webkit-transform: perspective(400px) scaleX(1) translateZ(150px) rotateY(-170deg);
        transform: perspective(400px) scaleX(1) translateZ(150px) rotateY(-170deg);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in
    }

    80% {
        -webkit-transform: perspective(400px) scale3d(.95,.95,.95) translateZ(0) rotateY(0deg);
        transform: perspective(400px) scale3d(.95,.95,.95) translateZ(0) rotateY(0deg);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in
    }

    to {
        -webkit-transform: perspective(400px) scaleX(1) translateZ(0) rotateY(0deg);
        transform: perspective(400px) scaleX(1) translateZ(0) rotateY(0deg);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in
    }
}

@keyframes flip {
    0% {
        -webkit-transform: perspective(400px) scaleX(1) translateZ(0) rotateY(-1turn);
        transform: perspective(400px) scaleX(1) translateZ(0) rotateY(-1turn);
        -webkit-animation-timing-function: ease-out;
        animation-timing-function: ease-out
    }

    40% {
        -webkit-transform: perspective(400px) scaleX(1) translateZ(150px) rotateY(-190deg);
        transform: perspective(400px) scaleX(1) translateZ(150px) rotateY(-190deg);
        -webkit-animation-timing-function: ease-out;
        animation-timing-function: ease-out
    }

    50% {
        -webkit-transform: perspective(400px) scaleX(1) translateZ(150px) rotateY(-170deg);
        transform: perspective(400px) scaleX(1) translateZ(150px) rotateY(-170deg);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in
    }

    80% {
        -webkit-transform: perspective(400px) scale3d(.95,.95,.95) translateZ(0) rotateY(0deg);
        transform: perspective(400px) scale3d(.95,.95,.95) translateZ(0) rotateY(0deg);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in
    }

    to {
        -webkit-transform: perspective(400px) scaleX(1) translateZ(0) rotateY(0deg);
        transform: perspective(400px) scaleX(1) translateZ(0) rotateY(0deg);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in
    }
}

.animated.flip {
    -webkit-backface-visibility: visible;
    backface-visibility: visible;
    -webkit-animation-name: flip;
    animation-name: flip
}

@-webkit-keyframes flipInX {
    0% {
        -webkit-transform: perspective(400px) rotateX(90deg);
        transform: perspective(400px) rotateX(90deg);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in;
        opacity: 0
    }

    40% {
        -webkit-transform: perspective(400px) rotateX(-20deg);
        transform: perspective(400px) rotateX(-20deg);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in
    }

    60% {
        -webkit-transform: perspective(400px) rotateX(10deg);
        transform: perspective(400px) rotateX(10deg);
        opacity: 1
    }

    80% {
        -webkit-transform: perspective(400px) rotateX(-5deg);
        transform: perspective(400px) rotateX(-5deg)
    }

    to {
        -webkit-transform: perspective(400px);
        transform: perspective(400px)
    }
}

@keyframes flipInX {
    0% {
        -webkit-transform: perspective(400px) rotateX(90deg);
        transform: perspective(400px) rotateX(90deg);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in;
        opacity: 0
    }

    40% {
        -webkit-transform: perspective(400px) rotateX(-20deg);
        transform: perspective(400px) rotateX(-20deg);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in
    }

    60% {
        -webkit-transform: perspective(400px) rotateX(10deg);
        transform: perspective(400px) rotateX(10deg);
        opacity: 1
    }

    80% {
        -webkit-transform: perspective(400px) rotateX(-5deg);
        transform: perspective(400px) rotateX(-5deg)
    }

    to {
        -webkit-transform: perspective(400px);
        transform: perspective(400px)
    }
}

.flipInX {
    -webkit-backface-visibility: visible!important;
    backface-visibility: visible!important;
    -webkit-animation-name: flipInX;
    animation-name: flipInX
}

@-webkit-keyframes flipInY {
    0% {
        -webkit-transform: perspective(400px) rotateY(90deg);
        transform: perspective(400px) rotateY(90deg);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in;
        opacity: 0
    }

    40% {
        -webkit-transform: perspective(400px) rotateY(-20deg);
        transform: perspective(400px) rotateY(-20deg);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in
    }

    60% {
        -webkit-transform: perspective(400px) rotateY(10deg);
        transform: perspective(400px) rotateY(10deg);
        opacity: 1
    }

    80% {
        -webkit-transform: perspective(400px) rotateY(-5deg);
        transform: perspective(400px) rotateY(-5deg)
    }

    to {
        -webkit-transform: perspective(400px);
        transform: perspective(400px)
    }
}

@keyframes flipInY {
    0% {
        -webkit-transform: perspective(400px) rotateY(90deg);
        transform: perspective(400px) rotateY(90deg);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in;
        opacity: 0
    }

    40% {
        -webkit-transform: perspective(400px) rotateY(-20deg);
        transform: perspective(400px) rotateY(-20deg);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in
    }

    60% {
        -webkit-transform: perspective(400px) rotateY(10deg);
        transform: perspective(400px) rotateY(10deg);
        opacity: 1
    }

    80% {
        -webkit-transform: perspective(400px) rotateY(-5deg);
        transform: perspective(400px) rotateY(-5deg)
    }

    to {
        -webkit-transform: perspective(400px);
        transform: perspective(400px)
    }
}

.flipInY {
    -webkit-backface-visibility: visible!important;
    backface-visibility: visible!important;
    -webkit-animation-name: flipInY;
    animation-name: flipInY
}

@-webkit-keyframes flipOutX {
    0% {
        -webkit-transform: perspective(400px);
        transform: perspective(400px)
    }

    30% {
        -webkit-transform: perspective(400px) rotateX(-20deg);
        transform: perspective(400px) rotateX(-20deg);
        opacity: 1
    }

    to {
        -webkit-transform: perspective(400px) rotateX(90deg);
        transform: perspective(400px) rotateX(90deg);
        opacity: 0
    }
}

@keyframes flipOutX {
    0% {
        -webkit-transform: perspective(400px);
        transform: perspective(400px)
    }

    30% {
        -webkit-transform: perspective(400px) rotateX(-20deg);
        transform: perspective(400px) rotateX(-20deg);
        opacity: 1
    }

    to {
        -webkit-transform: perspective(400px) rotateX(90deg);
        transform: perspective(400px) rotateX(90deg);
        opacity: 0
    }
}

.flipOutX {
    -webkit-animation-duration: .75s;
    animation-duration: .75s;
    -webkit-animation-name: flipOutX;
    animation-name: flipOutX;
    -webkit-backface-visibility: visible!important;
    backface-visibility: visible!important
}

@-webkit-keyframes flipOutY {
    0% {
        -webkit-transform: perspective(400px);
        transform: perspective(400px)
    }

    30% {
        -webkit-transform: perspective(400px) rotateY(-15deg);
        transform: perspective(400px) rotateY(-15deg);
        opacity: 1
    }

    to {
        -webkit-transform: perspective(400px) rotateY(90deg);
        transform: perspective(400px) rotateY(90deg);
        opacity: 0
    }
}

@keyframes flipOutY {
    0% {
        -webkit-transform: perspective(400px);
        transform: perspective(400px)
    }

    30% {
        -webkit-transform: perspective(400px) rotateY(-15deg);
        transform: perspective(400px) rotateY(-15deg);
        opacity: 1
    }

    to {
        -webkit-transform: perspective(400px) rotateY(90deg);
        transform: perspective(400px) rotateY(90deg);
        opacity: 0
    }
}

.flipOutY {
    -webkit-animation-duration: .75s;
    animation-duration: .75s;
    -webkit-backface-visibility: visible!important;
    backface-visibility: visible!important;
    -webkit-animation-name: flipOutY;
    animation-name: flipOutY
}

@-webkit-keyframes lightSpeedIn {
    0% {
        -webkit-transform: translate3d(100%,0,0) skewX(-30deg);
        transform: translate3d(100%,0,0) skewX(-30deg);
        opacity: 0
    }

    60% {
        -webkit-transform: skewX(20deg);
        transform: skewX(20deg);
        opacity: 1
    }

    80% {
        -webkit-transform: skewX(-5deg);
        transform: skewX(-5deg)
    }

    to {
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
}

@keyframes lightSpeedIn {
    0% {
        -webkit-transform: translate3d(100%,0,0) skewX(-30deg);
        transform: translate3d(100%,0,0) skewX(-30deg);
        opacity: 0
    }

    60% {
        -webkit-transform: skewX(20deg);
        transform: skewX(20deg);
        opacity: 1
    }

    80% {
        -webkit-transform: skewX(-5deg);
        transform: skewX(-5deg)
    }

    to {
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
}

.lightSpeedIn {
    -webkit-animation-name: lightSpeedIn;
    animation-name: lightSpeedIn;
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out
}

@-webkit-keyframes lightSpeedOut {
    0% {
        opacity: 1
    }

    to {
        -webkit-transform: translate3d(100%,0,0) skewX(30deg);
        transform: translate3d(100%,0,0) skewX(30deg);
        opacity: 0
    }
}

@keyframes lightSpeedOut {
    0% {
        opacity: 1
    }

    to {
        -webkit-transform: translate3d(100%,0,0) skewX(30deg);
        transform: translate3d(100%,0,0) skewX(30deg);
        opacity: 0
    }
}

.lightSpeedOut {
    -webkit-animation-name: lightSpeedOut;
    animation-name: lightSpeedOut;
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in
}

@-webkit-keyframes rotateIn {
    0% {
        -webkit-transform-origin: center;
        transform-origin: center;
        -webkit-transform: rotate(-200deg);
        transform: rotate(-200deg);
        opacity: 0
    }

    to {
        -webkit-transform-origin: center;
        transform-origin: center;
        -webkit-transform: translateZ(0);
        transform: translateZ(0);
        opacity: 1
    }
}

@keyframes rotateIn {
    0% {
        -webkit-transform-origin: center;
        transform-origin: center;
        -webkit-transform: rotate(-200deg);
        transform: rotate(-200deg);
        opacity: 0
    }

    to {
        -webkit-transform-origin: center;
        transform-origin: center;
        -webkit-transform: translateZ(0);
        transform: translateZ(0);
        opacity: 1
    }
}

.rotateIn {
    -webkit-animation-name: rotateIn;
    animation-name: rotateIn
}

@-webkit-keyframes rotateInDownLeft {
    0% {
        -webkit-transform-origin: left bottom;
        transform-origin: left bottom;
        -webkit-transform: rotate(-45deg);
        transform: rotate(-45deg);
        opacity: 0
    }

    to {
        -webkit-transform-origin: left bottom;
        transform-origin: left bottom;
        -webkit-transform: translateZ(0);
        transform: translateZ(0);
        opacity: 1
    }
}

@keyframes rotateInDownLeft {
    0% {
        -webkit-transform-origin: left bottom;
        transform-origin: left bottom;
        -webkit-transform: rotate(-45deg);
        transform: rotate(-45deg);
        opacity: 0
    }

    to {
        -webkit-transform-origin: left bottom;
        transform-origin: left bottom;
        -webkit-transform: translateZ(0);
        transform: translateZ(0);
        opacity: 1
    }
}

.rotateInDownLeft {
    -webkit-animation-name: rotateInDownLeft;
    animation-name: rotateInDownLeft
}

@-webkit-keyframes rotateInDownRight {
    0% {
        -webkit-transform-origin: right bottom;
        transform-origin: right bottom;
        -webkit-transform: rotate(45deg);
        transform: rotate(45deg);
        opacity: 0
    }

    to {
        -webkit-transform-origin: right bottom;
        transform-origin: right bottom;
        -webkit-transform: translateZ(0);
        transform: translateZ(0);
        opacity: 1
    }
}

@keyframes rotateInDownRight {
    0% {
        -webkit-transform-origin: right bottom;
        transform-origin: right bottom;
        -webkit-transform: rotate(45deg);
        transform: rotate(45deg);
        opacity: 0
    }

    to {
        -webkit-transform-origin: right bottom;
        transform-origin: right bottom;
        -webkit-transform: translateZ(0);
        transform: translateZ(0);
        opacity: 1
    }
}

.rotateInDownRight {
    -webkit-animation-name: rotateInDownRight;
    animation-name: rotateInDownRight
}

@-webkit-keyframes rotateInUpLeft {
    0% {
        -webkit-transform-origin: left bottom;
        transform-origin: left bottom;
        -webkit-transform: rotate(45deg);
        transform: rotate(45deg);
        opacity: 0
    }

    to {
        -webkit-transform-origin: left bottom;
        transform-origin: left bottom;
        -webkit-transform: translateZ(0);
        transform: translateZ(0);
        opacity: 1
    }
}

@keyframes rotateInUpLeft {
    0% {
        -webkit-transform-origin: left bottom;
        transform-origin: left bottom;
        -webkit-transform: rotate(45deg);
        transform: rotate(45deg);
        opacity: 0
    }

    to {
        -webkit-transform-origin: left bottom;
        transform-origin: left bottom;
        -webkit-transform: translateZ(0);
        transform: translateZ(0);
        opacity: 1
    }
}

.rotateInUpLeft {
    -webkit-animation-name: rotateInUpLeft;
    animation-name: rotateInUpLeft
}

@-webkit-keyframes rotateInUpRight {
    0% {
        -webkit-transform-origin: right bottom;
        transform-origin: right bottom;
        -webkit-transform: rotate(-90deg);
        transform: rotate(-90deg);
        opacity: 0
    }

    to {
        -webkit-transform-origin: right bottom;
        transform-origin: right bottom;
        -webkit-transform: translateZ(0);
        transform: translateZ(0);
        opacity: 1
    }
}

@keyframes rotateInUpRight {
    0% {
        -webkit-transform-origin: right bottom;
        transform-origin: right bottom;
        -webkit-transform: rotate(-90deg);
        transform: rotate(-90deg);
        opacity: 0
    }

    to {
        -webkit-transform-origin: right bottom;
        transform-origin: right bottom;
        -webkit-transform: translateZ(0);
        transform: translateZ(0);
        opacity: 1
    }
}

.rotateInUpRight {
    -webkit-animation-name: rotateInUpRight;
    animation-name: rotateInUpRight
}

@-webkit-keyframes rotateOut {
    0% {
        -webkit-transform-origin: center;
        transform-origin: center;
        opacity: 1
    }

    to {
        -webkit-transform-origin: center;
        transform-origin: center;
        -webkit-transform: rotate(200deg);
        transform: rotate(200deg);
        opacity: 0
    }
}

@keyframes rotateOut {
    0% {
        -webkit-transform-origin: center;
        transform-origin: center;
        opacity: 1
    }

    to {
        -webkit-transform-origin: center;
        transform-origin: center;
        -webkit-transform: rotate(200deg);
        transform: rotate(200deg);
        opacity: 0
    }
}

.rotateOut {
    -webkit-animation-name: rotateOut;
    animation-name: rotateOut
}

@-webkit-keyframes rotateOutDownLeft {
    0% {
        -webkit-transform-origin: left bottom;
        transform-origin: left bottom;
        opacity: 1
    }

    to {
        -webkit-transform-origin: left bottom;
        transform-origin: left bottom;
        -webkit-transform: rotate(45deg);
        transform: rotate(45deg);
        opacity: 0
    }
}

@keyframes rotateOutDownLeft {
    0% {
        -webkit-transform-origin: left bottom;
        transform-origin: left bottom;
        opacity: 1
    }

    to {
        -webkit-transform-origin: left bottom;
        transform-origin: left bottom;
        -webkit-transform: rotate(45deg);
        transform: rotate(45deg);
        opacity: 0
    }
}

.rotateOutDownLeft {
    -webkit-animation-name: rotateOutDownLeft;
    animation-name: rotateOutDownLeft
}

@-webkit-keyframes rotateOutDownRight {
    0% {
        -webkit-transform-origin: right bottom;
        transform-origin: right bottom;
        opacity: 1
    }

    to {
        -webkit-transform-origin: right bottom;
        transform-origin: right bottom;
        -webkit-transform: rotate(-45deg);
        transform: rotate(-45deg);
        opacity: 0
    }
}

@keyframes rotateOutDownRight {
    0% {
        -webkit-transform-origin: right bottom;
        transform-origin: right bottom;
        opacity: 1
    }

    to {
        -webkit-transform-origin: right bottom;
        transform-origin: right bottom;
        -webkit-transform: rotate(-45deg);
        transform: rotate(-45deg);
        opacity: 0
    }
}

.rotateOutDownRight {
    -webkit-animation-name: rotateOutDownRight;
    animation-name: rotateOutDownRight
}

@-webkit-keyframes rotateOutUpLeft {
    0% {
        -webkit-transform-origin: left bottom;
        transform-origin: left bottom;
        opacity: 1
    }

    to {
        -webkit-transform-origin: left bottom;
        transform-origin: left bottom;
        -webkit-transform: rotate(-45deg);
        transform: rotate(-45deg);
        opacity: 0
    }
}

@keyframes rotateOutUpLeft {
    0% {
        -webkit-transform-origin: left bottom;
        transform-origin: left bottom;
        opacity: 1
    }

    to {
        -webkit-transform-origin: left bottom;
        transform-origin: left bottom;
        -webkit-transform: rotate(-45deg);
        transform: rotate(-45deg);
        opacity: 0
    }
}

.rotateOutUpLeft {
    -webkit-animation-name: rotateOutUpLeft;
    animation-name: rotateOutUpLeft
}

@-webkit-keyframes rotateOutUpRight {
    0% {
        -webkit-transform-origin: right bottom;
        transform-origin: right bottom;
        opacity: 1
    }

    to {
        -webkit-transform-origin: right bottom;
        transform-origin: right bottom;
        -webkit-transform: rotate(90deg);
        transform: rotate(90deg);
        opacity: 0
    }
}

@keyframes rotateOutUpRight {
    0% {
        -webkit-transform-origin: right bottom;
        transform-origin: right bottom;
        opacity: 1
    }

    to {
        -webkit-transform-origin: right bottom;
        transform-origin: right bottom;
        -webkit-transform: rotate(90deg);
        transform: rotate(90deg);
        opacity: 0
    }
}

.rotateOutUpRight {
    -webkit-animation-name: rotateOutUpRight;
    animation-name: rotateOutUpRight
}

@-webkit-keyframes hinge {
    0% {
        -webkit-transform-origin: top left;
        transform-origin: top left;
        -webkit-animation-timing-function: ease-in-out;
        animation-timing-function: ease-in-out
    }

    20%,60% {
        -webkit-transform: rotate(80deg);
        transform: rotate(80deg);
        -webkit-transform-origin: top left;
        transform-origin: top left;
        -webkit-animation-timing-function: ease-in-out;
        animation-timing-function: ease-in-out
    }

    40%,80% {
        -webkit-transform: rotate(60deg);
        transform: rotate(60deg);
        -webkit-transform-origin: top left;
        transform-origin: top left;
        -webkit-animation-timing-function: ease-in-out;
        animation-timing-function: ease-in-out;
        opacity: 1
    }

    to {
        -webkit-transform: translate3d(0,700px,0);
        transform: translate3d(0,700px,0);
        opacity: 0
    }
}

@keyframes hinge {
    0% {
        -webkit-transform-origin: top left;
        transform-origin: top left;
        -webkit-animation-timing-function: ease-in-out;
        animation-timing-function: ease-in-out
    }

    20%,60% {
        -webkit-transform: rotate(80deg);
        transform: rotate(80deg);
        -webkit-transform-origin: top left;
        transform-origin: top left;
        -webkit-animation-timing-function: ease-in-out;
        animation-timing-function: ease-in-out
    }

    40%,80% {
        -webkit-transform: rotate(60deg);
        transform: rotate(60deg);
        -webkit-transform-origin: top left;
        transform-origin: top left;
        -webkit-animation-timing-function: ease-in-out;
        animation-timing-function: ease-in-out;
        opacity: 1
    }

    to {
        -webkit-transform: translate3d(0,700px,0);
        transform: translate3d(0,700px,0);
        opacity: 0
    }
}

.hinge {
    -webkit-animation-duration: 2s;
    animation-duration: 2s;
    -webkit-animation-name: hinge;
    animation-name: hinge
}

@-webkit-keyframes jackInTheBox {
    0% {
        opacity: 0;
        -webkit-transform: scale(.1) rotate(30deg);
        transform: scale(.1) rotate(30deg);
        -webkit-transform-origin: center bottom;
        transform-origin: center bottom
    }

    50% {
        -webkit-transform: rotate(-10deg);
        transform: rotate(-10deg)
    }

    70% {
        -webkit-transform: rotate(3deg);
        transform: rotate(3deg)
    }

    to {
        opacity: 1;
        -webkit-transform: scale(1);
        transform: scale(1)
    }
}

@keyframes jackInTheBox {
    0% {
        opacity: 0;
        -webkit-transform: scale(.1) rotate(30deg);
        transform: scale(.1) rotate(30deg);
        -webkit-transform-origin: center bottom;
        transform-origin: center bottom
    }

    50% {
        -webkit-transform: rotate(-10deg);
        transform: rotate(-10deg)
    }

    70% {
        -webkit-transform: rotate(3deg);
        transform: rotate(3deg)
    }

    to {
        opacity: 1;
        -webkit-transform: scale(1);
        transform: scale(1)
    }
}

.jackInTheBox {
    -webkit-animation-name: jackInTheBox;
    animation-name: jackInTheBox
}

@-webkit-keyframes rollIn {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(-100%,0,0) rotate(-120deg);
        transform: translate3d(-100%,0,0) rotate(-120deg)
    }

    to {
        opacity: 1;
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
}

@keyframes rollIn {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(-100%,0,0) rotate(-120deg);
        transform: translate3d(-100%,0,0) rotate(-120deg)
    }

    to {
        opacity: 1;
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
}

.rollIn {
    -webkit-animation-name: rollIn;
    animation-name: rollIn
}

@-webkit-keyframes rollOut {
    0% {
        opacity: 1
    }

    to {
        opacity: 0;
        -webkit-transform: translate3d(100%,0,0) rotate(120deg);
        transform: translate3d(100%,0,0) rotate(120deg)
    }
}

@keyframes rollOut {
    0% {
        opacity: 1
    }

    to {
        opacity: 0;
        -webkit-transform: translate3d(100%,0,0) rotate(120deg);
        transform: translate3d(100%,0,0) rotate(120deg)
    }
}

.rollOut {
    -webkit-animation-name: rollOut;
    animation-name: rollOut
}

@-webkit-keyframes zoomIn {
    0% {
        opacity: 0;
        -webkit-transform: scale3d(.3,.3,.3);
        transform: scale3d(.3,.3,.3)
    }

    50% {
        opacity: 1
    }
}

@keyframes zoomIn {
    0% {
        opacity: 0;
        -webkit-transform: scale3d(.3,.3,.3);
        transform: scale3d(.3,.3,.3)
    }

    50% {
        opacity: 1
    }
}

.zoomIn {
    -webkit-animation-name: zoomIn;
    animation-name: zoomIn
}

@-webkit-keyframes zoomInDown {
    0% {
        opacity: 0;
        -webkit-transform: scale3d(.1,.1,.1) translate3d(0,-1000px,0);
        transform: scale3d(.1,.1,.1) translate3d(0,-1000px,0);
        -webkit-animation-timing-function: cubic-bezier(.55,.055,.675,.19);
        animation-timing-function: cubic-bezier(.55,.055,.675,.19)
    }

    60% {
        opacity: 1;
        -webkit-transform: scale3d(.475,.475,.475) translate3d(0,60px,0);
        transform: scale3d(.475,.475,.475) translate3d(0,60px,0);
        -webkit-animation-timing-function: cubic-bezier(.175,.885,.32,1);
        animation-timing-function: cubic-bezier(.175,.885,.32,1)
    }
}

@keyframes zoomInDown {
    0% {
        opacity: 0;
        -webkit-transform: scale3d(.1,.1,.1) translate3d(0,-1000px,0);
        transform: scale3d(.1,.1,.1) translate3d(0,-1000px,0);
        -webkit-animation-timing-function: cubic-bezier(.55,.055,.675,.19);
        animation-timing-function: cubic-bezier(.55,.055,.675,.19)
    }

    60% {
        opacity: 1;
        -webkit-transform: scale3d(.475,.475,.475) translate3d(0,60px,0);
        transform: scale3d(.475,.475,.475) translate3d(0,60px,0);
        -webkit-animation-timing-function: cubic-bezier(.175,.885,.32,1);
        animation-timing-function: cubic-bezier(.175,.885,.32,1)
    }
}

.zoomInDown {
    -webkit-animation-name: zoomInDown;
    animation-name: zoomInDown
}

@-webkit-keyframes zoomInLeft {
    0% {
        opacity: 0;
        -webkit-transform: scale3d(.1,.1,.1) translate3d(-1000px,0,0);
        transform: scale3d(.1,.1,.1) translate3d(-1000px,0,0);
        -webkit-animation-timing-function: cubic-bezier(.55,.055,.675,.19);
        animation-timing-function: cubic-bezier(.55,.055,.675,.19)
    }

    60% {
        opacity: 1;
        -webkit-transform: scale3d(.475,.475,.475) translate3d(10px,0,0);
        transform: scale3d(.475,.475,.475) translate3d(10px,0,0);
        -webkit-animation-timing-function: cubic-bezier(.175,.885,.32,1);
        animation-timing-function: cubic-bezier(.175,.885,.32,1)
    }
}

@keyframes zoomInLeft {
    0% {
        opacity: 0;
        -webkit-transform: scale3d(.1,.1,.1) translate3d(-1000px,0,0);
        transform: scale3d(.1,.1,.1) translate3d(-1000px,0,0);
        -webkit-animation-timing-function: cubic-bezier(.55,.055,.675,.19);
        animation-timing-function: cubic-bezier(.55,.055,.675,.19)
    }

    60% {
        opacity: 1;
        -webkit-transform: scale3d(.475,.475,.475) translate3d(10px,0,0);
        transform: scale3d(.475,.475,.475) translate3d(10px,0,0);
        -webkit-animation-timing-function: cubic-bezier(.175,.885,.32,1);
        animation-timing-function: cubic-bezier(.175,.885,.32,1)
    }
}

.zoomInLeft {
    -webkit-animation-name: zoomInLeft;
    animation-name: zoomInLeft
}

@-webkit-keyframes zoomInRight {
    0% {
        opacity: 0;
        -webkit-transform: scale3d(.1,.1,.1) translate3d(1000px,0,0);
        transform: scale3d(.1,.1,.1) translate3d(1000px,0,0);
        -webkit-animation-timing-function: cubic-bezier(.55,.055,.675,.19);
        animation-timing-function: cubic-bezier(.55,.055,.675,.19)
    }

    60% {
        opacity: 1;
        -webkit-transform: scale3d(.475,.475,.475) translate3d(-10px,0,0);
        transform: scale3d(.475,.475,.475) translate3d(-10px,0,0);
        -webkit-animation-timing-function: cubic-bezier(.175,.885,.32,1);
        animation-timing-function: cubic-bezier(.175,.885,.32,1)
    }
}

@keyframes zoomInRight {
    0% {
        opacity: 0;
        -webkit-transform: scale3d(.1,.1,.1) translate3d(1000px,0,0);
        transform: scale3d(.1,.1,.1) translate3d(1000px,0,0);
        -webkit-animation-timing-function: cubic-bezier(.55,.055,.675,.19);
        animation-timing-function: cubic-bezier(.55,.055,.675,.19)
    }

    60% {
        opacity: 1;
        -webkit-transform: scale3d(.475,.475,.475) translate3d(-10px,0,0);
        transform: scale3d(.475,.475,.475) translate3d(-10px,0,0);
        -webkit-animation-timing-function: cubic-bezier(.175,.885,.32,1);
        animation-timing-function: cubic-bezier(.175,.885,.32,1)
    }
}

.zoomInRight {
    -webkit-animation-name: zoomInRight;
    animation-name: zoomInRight
}

@-webkit-keyframes zoomInUp {
    0% {
        opacity: 0;
        -webkit-transform: scale3d(.1,.1,.1) translate3d(0,1000px,0);
        transform: scale3d(.1,.1,.1) translate3d(0,1000px,0);
        -webkit-animation-timing-function: cubic-bezier(.55,.055,.675,.19);
        animation-timing-function: cubic-bezier(.55,.055,.675,.19)
    }

    60% {
        opacity: 1;
        -webkit-transform: scale3d(.475,.475,.475) translate3d(0,-60px,0);
        transform: scale3d(.475,.475,.475) translate3d(0,-60px,0);
        -webkit-animation-timing-function: cubic-bezier(.175,.885,.32,1);
        animation-timing-function: cubic-bezier(.175,.885,.32,1)
    }
}

@keyframes zoomInUp {
    0% {
        opacity: 0;
        -webkit-transform: scale3d(.1,.1,.1) translate3d(0,1000px,0);
        transform: scale3d(.1,.1,.1) translate3d(0,1000px,0);
        -webkit-animation-timing-function: cubic-bezier(.55,.055,.675,.19);
        animation-timing-function: cubic-bezier(.55,.055,.675,.19)
    }

    60% {
        opacity: 1;
        -webkit-transform: scale3d(.475,.475,.475) translate3d(0,-60px,0);
        transform: scale3d(.475,.475,.475) translate3d(0,-60px,0);
        -webkit-animation-timing-function: cubic-bezier(.175,.885,.32,1);
        animation-timing-function: cubic-bezier(.175,.885,.32,1)
    }
}

.zoomInUp {
    -webkit-animation-name: zoomInUp;
    animation-name: zoomInUp
}

@-webkit-keyframes zoomOut {
    0% {
        opacity: 1
    }

    50% {
        opacity: 0;
        -webkit-transform: scale3d(.3,.3,.3);
        transform: scale3d(.3,.3,.3)
    }

    to {
        opacity: 0
    }
}

@keyframes zoomOut {
    0% {
        opacity: 1
    }

    50% {
        opacity: 0;
        -webkit-transform: scale3d(.3,.3,.3);
        transform: scale3d(.3,.3,.3)
    }

    to {
        opacity: 0
    }
}

.zoomOut {
    -webkit-animation-name: zoomOut;
    animation-name: zoomOut
}

@-webkit-keyframes zoomOutDown {
    40% {
        opacity: 1;
        -webkit-transform: scale3d(.475,.475,.475) translate3d(0,-60px,0);
        transform: scale3d(.475,.475,.475) translate3d(0,-60px,0);
        -webkit-animation-timing-function: cubic-bezier(.55,.055,.675,.19);
        animation-timing-function: cubic-bezier(.55,.055,.675,.19)
    }

    to {
        opacity: 0;
        -webkit-transform: scale3d(.1,.1,.1) translate3d(0,2000px,0);
        transform: scale3d(.1,.1,.1) translate3d(0,2000px,0);
        -webkit-transform-origin: center bottom;
        transform-origin: center bottom;
        -webkit-animation-timing-function: cubic-bezier(.175,.885,.32,1);
        animation-timing-function: cubic-bezier(.175,.885,.32,1)
    }
}

@keyframes zoomOutDown {
    40% {
        opacity: 1;
        -webkit-transform: scale3d(.475,.475,.475) translate3d(0,-60px,0);
        transform: scale3d(.475,.475,.475) translate3d(0,-60px,0);
        -webkit-animation-timing-function: cubic-bezier(.55,.055,.675,.19);
        animation-timing-function: cubic-bezier(.55,.055,.675,.19)
    }

    to {
        opacity: 0;
        -webkit-transform: scale3d(.1,.1,.1) translate3d(0,2000px,0);
        transform: scale3d(.1,.1,.1) translate3d(0,2000px,0);
        -webkit-transform-origin: center bottom;
        transform-origin: center bottom;
        -webkit-animation-timing-function: cubic-bezier(.175,.885,.32,1);
        animation-timing-function: cubic-bezier(.175,.885,.32,1)
    }
}

.zoomOutDown {
    -webkit-animation-name: zoomOutDown;
    animation-name: zoomOutDown
}

@-webkit-keyframes zoomOutLeft {
    40% {
        opacity: 1;
        -webkit-transform: scale3d(.475,.475,.475) translate3d(42px,0,0);
        transform: scale3d(.475,.475,.475) translate3d(42px,0,0)
    }

    to {
        opacity: 0;
        -webkit-transform: scale(.1) translate3d(-2000px,0,0);
        transform: scale(.1) translate3d(-2000px,0,0);
        -webkit-transform-origin: left center;
        transform-origin: left center
    }
}

@keyframes zoomOutLeft {
    40% {
        opacity: 1;
        -webkit-transform: scale3d(.475,.475,.475) translate3d(42px,0,0);
        transform: scale3d(.475,.475,.475) translate3d(42px,0,0)
    }

    to {
        opacity: 0;
        -webkit-transform: scale(.1) translate3d(-2000px,0,0);
        transform: scale(.1) translate3d(-2000px,0,0);
        -webkit-transform-origin: left center;
        transform-origin: left center
    }
}

.zoomOutLeft {
    -webkit-animation-name: zoomOutLeft;
    animation-name: zoomOutLeft
}

@-webkit-keyframes zoomOutRight {
    40% {
        opacity: 1;
        -webkit-transform: scale3d(.475,.475,.475) translate3d(-42px,0,0);
        transform: scale3d(.475,.475,.475) translate3d(-42px,0,0)
    }

    to {
        opacity: 0;
        -webkit-transform: scale(.1) translate3d(2000px,0,0);
        transform: scale(.1) translate3d(2000px,0,0);
        -webkit-transform-origin: right center;
        transform-origin: right center
    }
}

@keyframes zoomOutRight {
    40% {
        opacity: 1;
        -webkit-transform: scale3d(.475,.475,.475) translate3d(-42px,0,0);
        transform: scale3d(.475,.475,.475) translate3d(-42px,0,0)
    }

    to {
        opacity: 0;
        -webkit-transform: scale(.1) translate3d(2000px,0,0);
        transform: scale(.1) translate3d(2000px,0,0);
        -webkit-transform-origin: right center;
        transform-origin: right center
    }
}

.zoomOutRight {
    -webkit-animation-name: zoomOutRight;
    animation-name: zoomOutRight
}

@-webkit-keyframes zoomOutUp {
    40% {
        opacity: 1;
        -webkit-transform: scale3d(.475,.475,.475) translate3d(0,60px,0);
        transform: scale3d(.475,.475,.475) translate3d(0,60px,0);
        -webkit-animation-timing-function: cubic-bezier(.55,.055,.675,.19);
        animation-timing-function: cubic-bezier(.55,.055,.675,.19)
    }

    to {
        opacity: 0;
        -webkit-transform: scale3d(.1,.1,.1) translate3d(0,-2000px,0);
        transform: scale3d(.1,.1,.1) translate3d(0,-2000px,0);
        -webkit-transform-origin: center bottom;
        transform-origin: center bottom;
        -webkit-animation-timing-function: cubic-bezier(.175,.885,.32,1);
        animation-timing-function: cubic-bezier(.175,.885,.32,1)
    }
}

@keyframes zoomOutUp {
    40% {
        opacity: 1;
        -webkit-transform: scale3d(.475,.475,.475) translate3d(0,60px,0);
        transform: scale3d(.475,.475,.475) translate3d(0,60px,0);
        -webkit-animation-timing-function: cubic-bezier(.55,.055,.675,.19);
        animation-timing-function: cubic-bezier(.55,.055,.675,.19)
    }

    to {
        opacity: 0;
        -webkit-transform: scale3d(.1,.1,.1) translate3d(0,-2000px,0);
        transform: scale3d(.1,.1,.1) translate3d(0,-2000px,0);
        -webkit-transform-origin: center bottom;
        transform-origin: center bottom;
        -webkit-animation-timing-function: cubic-bezier(.175,.885,.32,1);
        animation-timing-function: cubic-bezier(.175,.885,.32,1)
    }
}

.zoomOutUp {
    -webkit-animation-name: zoomOutUp;
    animation-name: zoomOutUp
}

@-webkit-keyframes slideInDown {
    0% {
        -webkit-transform: translate3d(0,-100%,0);
        transform: translate3d(0,-100%,0);
        visibility: visible
    }

    to {
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
}

@keyframes slideInDown {
    0% {
        -webkit-transform: translate3d(0,-100%,0);
        transform: translate3d(0,-100%,0);
        visibility: visible
    }

    to {
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
}

.slideInDown {
    -webkit-animation-name: slideInDown;
    animation-name: slideInDown
}

@-webkit-keyframes slideInLeft {
    0% {
        -webkit-transform: translate3d(-100%,0,0);
        transform: translate3d(-100%,0,0);
        visibility: visible
    }

    to {
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
}

@keyframes slideInLeft {
    0% {
        -webkit-transform: translate3d(-100%,0,0);
        transform: translate3d(-100%,0,0);
        visibility: visible
    }

    to {
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
}

.slideInLeft {
    -webkit-animation-name: slideInLeft;
    animation-name: slideInLeft
}

@-webkit-keyframes slideInRight {
    0% {
        -webkit-transform: translate3d(100%,0,0);
        transform: translate3d(100%,0,0);
        visibility: visible
    }

    to {
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
}

@keyframes slideInRight {
    0% {
        -webkit-transform: translate3d(100%,0,0);
        transform: translate3d(100%,0,0);
        visibility: visible
    }

    to {
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
}

.slideInRight {
    -webkit-animation-name: slideInRight;
    animation-name: slideInRight
}

@-webkit-keyframes slideInUp {
    0% {
        -webkit-transform: translate3d(0,100%,0);
        transform: translate3d(0,100%,0);
        visibility: visible
    }

    to {
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
}

@keyframes slideInUp {
    0% {
        -webkit-transform: translate3d(0,100%,0);
        transform: translate3d(0,100%,0);
        visibility: visible
    }

    to {
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
}

.slideInUp {
    -webkit-animation-name: slideInUp;
    animation-name: slideInUp
}

@-webkit-keyframes slideOutDown {
    0% {
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }

    to {
        visibility: hidden;
        -webkit-transform: translate3d(0,100%,0);
        transform: translate3d(0,100%,0)
    }
}

@keyframes slideOutDown {
    0% {
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }

    to {
        visibility: hidden;
        -webkit-transform: translate3d(0,100%,0);
        transform: translate3d(0,100%,0)
    }
}

.slideOutDown {
    -webkit-animation-name: slideOutDown;
    animation-name: slideOutDown
}

@-webkit-keyframes slideOutLeft {
    0% {
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }

    to {
        visibility: hidden;
        -webkit-transform: translate3d(-100%,0,0);
        transform: translate3d(-100%,0,0)
    }
}

@keyframes slideOutLeft {
    0% {
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }

    to {
        visibility: hidden;
        -webkit-transform: translate3d(-100%,0,0);
        transform: translate3d(-100%,0,0)
    }
}

.slideOutLeft {
    -webkit-animation-name: slideOutLeft;
    animation-name: slideOutLeft
}

@-webkit-keyframes slideOutRight {
    0% {
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }

    to {
        visibility: hidden;
        -webkit-transform: translate3d(100%,0,0);
        transform: translate3d(100%,0,0)
    }
}

@keyframes slideOutRight {
    0% {
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }

    to {
        visibility: hidden;
        -webkit-transform: translate3d(100%,0,0);
        transform: translate3d(100%,0,0)
    }
}

.slideOutRight {
    -webkit-animation-name: slideOutRight;
    animation-name: slideOutRight
}

@-webkit-keyframes slideOutUp {
    0% {
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }

    to {
        visibility: hidden;
        -webkit-transform: translate3d(0,-100%,0);
        transform: translate3d(0,-100%,0)
    }
}

@keyframes slideOutUp {
    0% {
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }

    to {
        visibility: hidden;
        -webkit-transform: translate3d(0,-100%,0);
        transform: translate3d(0,-100%,0)
    }
}

.slideOutUp {
    -webkit-animation-name: slideOutUp;
    animation-name: slideOutUp
}

.animated {
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both
}

.animated.infinite {
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite
}

.animated.delay-1s {
    -webkit-animation-delay: 1s;
    animation-delay: 1s
}

.animated.delay-2s {
    -webkit-animation-delay: 2s;
    animation-delay: 2s
}

.animated.delay-3s {
    -webkit-animation-delay: 3s;
    animation-delay: 3s
}

.animated.delay-4s {
    -webkit-animation-delay: 4s;
    animation-delay: 4s
}

.animated.delay-5s {
    -webkit-animation-delay: 5s;
    animation-delay: 5s
}

.animated.fast {
    -webkit-animation-duration: .8s;
    animation-duration: .8s
}

.animated.faster {
    -webkit-animation-duration: .5s;
    animation-duration: .5s
}

.animated.slow {
    -webkit-animation-duration: 2s;
    animation-duration: 2s
}

.animated.slower {
    -webkit-animation-duration: 3s;
    animation-duration: 3s
}

@media (prefers-reduced-motion:reduce),(print) {
    .animated {
        -webkit-animation-duration: 1ms!important;
        animation-duration: 1ms!important;
        -webkit-transition-duration: 1ms!important;
        transition-duration: 1ms!important;
        -webkit-animation-iteration-count: 1!important;
        animation-iteration-count: 1!important
    }
}

[data-aos][data-aos][data-aos-duration="50"],body[data-aos-duration="50"] [data-aos] {
    transition-duration: 50ms
}

[data-aos][data-aos][data-aos-delay="50"],body[data-aos-delay="50"] [data-aos] {
    transition-delay: 0s
}

[data-aos][data-aos][data-aos-delay="50"].aos-animate,body[data-aos-delay="50"] [data-aos].aos-animate {
    transition-delay: 50ms
}

[data-aos][data-aos][data-aos-duration="100"],body[data-aos-duration="100"] [data-aos] {
    transition-duration: .1s
}

[data-aos][data-aos][data-aos-delay="100"],body[data-aos-delay="100"] [data-aos] {
    transition-delay: 0s
}

[data-aos][data-aos][data-aos-delay="100"].aos-animate,body[data-aos-delay="100"] [data-aos].aos-animate {
    transition-delay: .1s
}

[data-aos][data-aos][data-aos-duration="150"],body[data-aos-duration="150"] [data-aos] {
    transition-duration: .15s
}

[data-aos][data-aos][data-aos-delay="150"],body[data-aos-delay="150"] [data-aos] {
    transition-delay: 0s
}

[data-aos][data-aos][data-aos-delay="150"].aos-animate,body[data-aos-delay="150"] [data-aos].aos-animate {
    transition-delay: .15s
}

[data-aos][data-aos][data-aos-duration="200"],body[data-aos-duration="200"] [data-aos] {
    transition-duration: .2s
}

[data-aos][data-aos][data-aos-delay="200"],body[data-aos-delay="200"] [data-aos] {
    transition-delay: 0s
}

[data-aos][data-aos][data-aos-delay="200"].aos-animate,body[data-aos-delay="200"] [data-aos].aos-animate {
    transition-delay: .2s
}

[data-aos][data-aos][data-aos-duration="250"],body[data-aos-duration="250"] [data-aos] {
    transition-duration: .25s
}

[data-aos][data-aos][data-aos-delay="250"],body[data-aos-delay="250"] [data-aos] {
    transition-delay: 0s
}

[data-aos][data-aos][data-aos-delay="250"].aos-animate,body[data-aos-delay="250"] [data-aos].aos-animate {
    transition-delay: .25s
}

[data-aos][data-aos][data-aos-duration="300"],body[data-aos-duration="300"] [data-aos] {
    transition-duration: .3s
}

[data-aos][data-aos][data-aos-delay="300"],body[data-aos-delay="300"] [data-aos] {
    transition-delay: 0s
}

[data-aos][data-aos][data-aos-delay="300"].aos-animate,body[data-aos-delay="300"] [data-aos].aos-animate {
    transition-delay: .3s
}

[data-aos][data-aos][data-aos-duration="350"],body[data-aos-duration="350"] [data-aos] {
    transition-duration: .35s
}

[data-aos][data-aos][data-aos-delay="350"],body[data-aos-delay="350"] [data-aos] {
    transition-delay: 0s
}

[data-aos][data-aos][data-aos-delay="350"].aos-animate,body[data-aos-delay="350"] [data-aos].aos-animate {
    transition-delay: .35s
}

[data-aos][data-aos][data-aos-duration="400"],body[data-aos-duration="400"] [data-aos] {
    transition-duration: .4s
}

[data-aos][data-aos][data-aos-delay="400"],body[data-aos-delay="400"] [data-aos] {
    transition-delay: 0s
}

[data-aos][data-aos][data-aos-delay="400"].aos-animate,body[data-aos-delay="400"] [data-aos].aos-animate {
    transition-delay: .4s
}

[data-aos][data-aos][data-aos-duration="450"],body[data-aos-duration="450"] [data-aos] {
    transition-duration: .45s
}

[data-aos][data-aos][data-aos-delay="450"],body[data-aos-delay="450"] [data-aos] {
    transition-delay: 0s
}

[data-aos][data-aos][data-aos-delay="450"].aos-animate,body[data-aos-delay="450"] [data-aos].aos-animate {
    transition-delay: .45s
}

[data-aos][data-aos][data-aos-duration="500"],body[data-aos-duration="500"] [data-aos] {
    transition-duration: .5s
}

[data-aos][data-aos][data-aos-delay="500"],body[data-aos-delay="500"] [data-aos] {
    transition-delay: 0s
}

[data-aos][data-aos][data-aos-delay="500"].aos-animate,body[data-aos-delay="500"] [data-aos].aos-animate {
    transition-delay: .5s
}

[data-aos][data-aos][data-aos-duration="550"],body[data-aos-duration="550"] [data-aos] {
    transition-duration: .55s
}

[data-aos][data-aos][data-aos-delay="550"],body[data-aos-delay="550"] [data-aos] {
    transition-delay: 0s
}

[data-aos][data-aos][data-aos-delay="550"].aos-animate,body[data-aos-delay="550"] [data-aos].aos-animate {
    transition-delay: .55s
}

[data-aos][data-aos][data-aos-duration="600"],body[data-aos-duration="600"] [data-aos] {
    transition-duration: .6s
}

[data-aos][data-aos][data-aos-delay="600"],body[data-aos-delay="600"] [data-aos] {
    transition-delay: 0s
}

[data-aos][data-aos][data-aos-delay="600"].aos-animate,body[data-aos-delay="600"] [data-aos].aos-animate {
    transition-delay: .6s
}

[data-aos][data-aos][data-aos-duration="650"],body[data-aos-duration="650"] [data-aos] {
    transition-duration: .65s
}

[data-aos][data-aos][data-aos-delay="650"],body[data-aos-delay="650"] [data-aos] {
    transition-delay: 0s
}

[data-aos][data-aos][data-aos-delay="650"].aos-animate,body[data-aos-delay="650"] [data-aos].aos-animate {
    transition-delay: .65s
}

[data-aos][data-aos][data-aos-duration="700"],body[data-aos-duration="700"] [data-aos] {
    transition-duration: .7s
}

[data-aos][data-aos][data-aos-delay="700"],body[data-aos-delay="700"] [data-aos] {
    transition-delay: 0s
}

[data-aos][data-aos][data-aos-delay="700"].aos-animate,body[data-aos-delay="700"] [data-aos].aos-animate {
    transition-delay: .7s
}

[data-aos][data-aos][data-aos-duration="750"],body[data-aos-duration="750"] [data-aos] {
    transition-duration: .75s
}

[data-aos][data-aos][data-aos-delay="750"],body[data-aos-delay="750"] [data-aos] {
    transition-delay: 0s
}

[data-aos][data-aos][data-aos-delay="750"].aos-animate,body[data-aos-delay="750"] [data-aos].aos-animate {
    transition-delay: .75s
}

[data-aos][data-aos][data-aos-duration="800"],body[data-aos-duration="800"] [data-aos] {
    transition-duration: .8s
}

[data-aos][data-aos][data-aos-delay="800"],body[data-aos-delay="800"] [data-aos] {
    transition-delay: 0s
}

[data-aos][data-aos][data-aos-delay="800"].aos-animate,body[data-aos-delay="800"] [data-aos].aos-animate {
    transition-delay: .8s
}

[data-aos][data-aos][data-aos-duration="850"],body[data-aos-duration="850"] [data-aos] {
    transition-duration: .85s
}

[data-aos][data-aos][data-aos-delay="850"],body[data-aos-delay="850"] [data-aos] {
    transition-delay: 0s
}

[data-aos][data-aos][data-aos-delay="850"].aos-animate,body[data-aos-delay="850"] [data-aos].aos-animate {
    transition-delay: .85s
}

[data-aos][data-aos][data-aos-duration="900"],body[data-aos-duration="900"] [data-aos] {
    transition-duration: .9s
}

[data-aos][data-aos][data-aos-delay="900"],body[data-aos-delay="900"] [data-aos] {
    transition-delay: 0s
}

[data-aos][data-aos][data-aos-delay="900"].aos-animate,body[data-aos-delay="900"] [data-aos].aos-animate {
    transition-delay: .9s
}

[data-aos][data-aos][data-aos-duration="950"],body[data-aos-duration="950"] [data-aos] {
    transition-duration: .95s
}

[data-aos][data-aos][data-aos-delay="950"],body[data-aos-delay="950"] [data-aos] {
    transition-delay: 0s
}

[data-aos][data-aos][data-aos-delay="950"].aos-animate,body[data-aos-delay="950"] [data-aos].aos-animate {
    transition-delay: .95s
}

[data-aos][data-aos][data-aos-duration="1000"],body[data-aos-duration="1000"] [data-aos] {
    transition-duration: 1s
}

[data-aos][data-aos][data-aos-delay="1000"],body[data-aos-delay="1000"] [data-aos] {
    transition-delay: 0s
}

[data-aos][data-aos][data-aos-delay="1000"].aos-animate,body[data-aos-delay="1000"] [data-aos].aos-animate {
    transition-delay: 1s
}

[data-aos][data-aos][data-aos-duration="1050"],body[data-aos-duration="1050"] [data-aos] {
    transition-duration: 1.05s
}

[data-aos][data-aos][data-aos-delay="1050"],body[data-aos-delay="1050"] [data-aos] {
    transition-delay: 0s
}

[data-aos][data-aos][data-aos-delay="1050"].aos-animate,body[data-aos-delay="1050"] [data-aos].aos-animate {
    transition-delay: 1.05s
}

[data-aos][data-aos][data-aos-duration="1100"],body[data-aos-duration="1100"] [data-aos] {
    transition-duration: 1.1s
}

[data-aos][data-aos][data-aos-delay="1100"],body[data-aos-delay="1100"] [data-aos] {
    transition-delay: 0s
}

[data-aos][data-aos][data-aos-delay="1100"].aos-animate,body[data-aos-delay="1100"] [data-aos].aos-animate {
    transition-delay: 1.1s
}

[data-aos][data-aos][data-aos-duration="1150"],body[data-aos-duration="1150"] [data-aos] {
    transition-duration: 1.15s
}

[data-aos][data-aos][data-aos-delay="1150"],body[data-aos-delay="1150"] [data-aos] {
    transition-delay: 0s
}

[data-aos][data-aos][data-aos-delay="1150"].aos-animate,body[data-aos-delay="1150"] [data-aos].aos-animate {
    transition-delay: 1.15s
}

[data-aos][data-aos][data-aos-duration="1200"],body[data-aos-duration="1200"] [data-aos] {
    transition-duration: 1.2s
}

[data-aos][data-aos][data-aos-delay="1200"],body[data-aos-delay="1200"] [data-aos] {
    transition-delay: 0s
}

[data-aos][data-aos][data-aos-delay="1200"].aos-animate,body[data-aos-delay="1200"] [data-aos].aos-animate {
    transition-delay: 1.2s
}

[data-aos][data-aos][data-aos-duration="1250"],body[data-aos-duration="1250"] [data-aos] {
    transition-duration: 1.25s
}

[data-aos][data-aos][data-aos-delay="1250"],body[data-aos-delay="1250"] [data-aos] {
    transition-delay: 0s
}

[data-aos][data-aos][data-aos-delay="1250"].aos-animate,body[data-aos-delay="1250"] [data-aos].aos-animate {
    transition-delay: 1.25s
}

[data-aos][data-aos][data-aos-duration="1300"],body[data-aos-duration="1300"] [data-aos] {
    transition-duration: 1.3s
}

[data-aos][data-aos][data-aos-delay="1300"],body[data-aos-delay="1300"] [data-aos] {
    transition-delay: 0s
}

[data-aos][data-aos][data-aos-delay="1300"].aos-animate,body[data-aos-delay="1300"] [data-aos].aos-animate {
    transition-delay: 1.3s
}

[data-aos][data-aos][data-aos-duration="1350"],body[data-aos-duration="1350"] [data-aos] {
    transition-duration: 1.35s
}

[data-aos][data-aos][data-aos-delay="1350"],body[data-aos-delay="1350"] [data-aos] {
    transition-delay: 0s
}

[data-aos][data-aos][data-aos-delay="1350"].aos-animate,body[data-aos-delay="1350"] [data-aos].aos-animate {
    transition-delay: 1.35s
}

[data-aos][data-aos][data-aos-duration="1400"],body[data-aos-duration="1400"] [data-aos] {
    transition-duration: 1.4s
}

[data-aos][data-aos][data-aos-delay="1400"],body[data-aos-delay="1400"] [data-aos] {
    transition-delay: 0s
}

[data-aos][data-aos][data-aos-delay="1400"].aos-animate,body[data-aos-delay="1400"] [data-aos].aos-animate {
    transition-delay: 1.4s
}

[data-aos][data-aos][data-aos-duration="1450"],body[data-aos-duration="1450"] [data-aos] {
    transition-duration: 1.45s
}

[data-aos][data-aos][data-aos-delay="1450"],body[data-aos-delay="1450"] [data-aos] {
    transition-delay: 0s
}

[data-aos][data-aos][data-aos-delay="1450"].aos-animate,body[data-aos-delay="1450"] [data-aos].aos-animate {
    transition-delay: 1.45s
}

[data-aos][data-aos][data-aos-duration="1500"], body[data-aos-duration="1500"] [data-aos] {
    transition-duration: 1.5s
}

[data-aos][data-aos][data-aos-delay="1500"],body[data-aos-delay="1500"] [data-aos] {
    transition-delay: 0s
}

[data-aos][data-aos][data-aos-delay="1500"].aos-animate,body[data-aos-delay="1500"] [data-aos].aos-animate {
    transition-delay: 1.5s
}

[data-aos][data-aos][data-aos-duration="1550"],body[data-aos-duration="1550"] [data-aos] {
    transition-duration: 1.55s
}

[data-aos][data-aos][data-aos-delay="1550"],body[data-aos-delay="1550"] [data-aos] {
    transition-delay: 0s
}

[data-aos][data-aos][data-aos-delay="1550"].aos-animate,body[data-aos-delay="1550"] [data-aos].aos-animate {
    transition-delay: 1.55s
}

[data-aos][data-aos][data-aos-duration="1600"],body[data-aos-duration="1600"] [data-aos] {
    transition-duration: 1.6s
}

[data-aos][data-aos][data-aos-delay="1600"],body[data-aos-delay="1600"] [data-aos] {
    transition-delay: 0s
}

[data-aos][data-aos][data-aos-delay="1600"].aos-animate,body[data-aos-delay="1600"] [data-aos].aos-animate {
    transition-delay: 1.6s
}

[data-aos][data-aos][data-aos-duration="1650"],body[data-aos-duration="1650"] [data-aos] {
    transition-duration: 1.65s
}

[data-aos][data-aos][data-aos-delay="1650"],body[data-aos-delay="1650"] [data-aos] {
    transition-delay: 0s
}

[data-aos][data-aos][data-aos-delay="1650"].aos-animate,body[data-aos-delay="1650"] [data-aos].aos-animate {
    transition-delay: 1.65s
}

[data-aos][data-aos][data-aos-duration="1700"],body[data-aos-duration="1700"] [data-aos] {
    transition-duration: 1.7s
}

[data-aos][data-aos][data-aos-delay="1700"],body[data-aos-delay="1700"] [data-aos] {
    transition-delay: 0s
}

[data-aos][data-aos][data-aos-delay="1700"].aos-animate,body[data-aos-delay="1700"] [data-aos].aos-animate {
    transition-delay: 1.7s
}

[data-aos][data-aos][data-aos-duration="1750"],body[data-aos-duration="1750"] [data-aos] {
    transition-duration: 1.75s
}

[data-aos][data-aos][data-aos-delay="1750"],body[data-aos-delay="1750"] [data-aos] {
    transition-delay: 0s
}

[data-aos][data-aos][data-aos-delay="1750"].aos-animate,body[data-aos-delay="1750"] [data-aos].aos-animate {
    transition-delay: 1.75s
}

[data-aos][data-aos][data-aos-duration="1800"],body[data-aos-duration="1800"] [data-aos] {
    transition-duration: 1.8s
}

[data-aos][data-aos][data-aos-delay="1800"],body[data-aos-delay="1800"] [data-aos] {
    transition-delay: 0s
}

[data-aos][data-aos][data-aos-delay="1800"].aos-animate,body[data-aos-delay="1800"] [data-aos].aos-animate {
    transition-delay: 1.8s
}

[data-aos][data-aos][data-aos-duration="1850"],body[data-aos-duration="1850"] [data-aos] {
    transition-duration: 1.85s
}

[data-aos][data-aos][data-aos-delay="1850"],body[data-aos-delay="1850"] [data-aos] {
    transition-delay: 0s
}

[data-aos][data-aos][data-aos-delay="1850"].aos-animate,body[data-aos-delay="1850"] [data-aos].aos-animate {
    transition-delay: 1.85s
}

[data-aos][data-aos][data-aos-duration="1900"],body[data-aos-duration="1900"] [data-aos] {
    transition-duration: 1.9s
}

[data-aos][data-aos][data-aos-delay="1900"],body[data-aos-delay="1900"] [data-aos] {
    transition-delay: 0s
}

[data-aos][data-aos][data-aos-delay="1900"].aos-animate,body[data-aos-delay="1900"] [data-aos].aos-animate {
    transition-delay: 1.9s
}

[data-aos][data-aos][data-aos-duration="1950"],body[data-aos-duration="1950"] [data-aos] {
    transition-duration: 1.95s
}

[data-aos][data-aos][data-aos-delay="1950"],body[data-aos-delay="1950"] [data-aos] {
    transition-delay: 0s
}

[data-aos][data-aos][data-aos-delay="1950"].aos-animate,body[data-aos-delay="1950"] [data-aos].aos-animate {
    transition-delay: 1.95s
}

[data-aos][data-aos][data-aos-duration="2000"],body[data-aos-duration="2000"] [data-aos] {
    transition-duration: 2s
}

[data-aos][data-aos][data-aos-delay="2000"],body[data-aos-delay="2000"] [data-aos] {
    transition-delay: 0s
}

[data-aos][data-aos][data-aos-delay="2000"].aos-animate,body[data-aos-delay="2000"] [data-aos].aos-animate {
    transition-delay: 2s
}

[data-aos][data-aos][data-aos-duration="2050"],body[data-aos-duration="2050"] [data-aos] {
    transition-duration: 2.05s
}

[data-aos][data-aos][data-aos-delay="2050"],body[data-aos-delay="2050"] [data-aos] {
    transition-delay: 0s
}

[data-aos][data-aos][data-aos-delay="2050"].aos-animate,body[data-aos-delay="2050"] [data-aos].aos-animate {
    transition-delay: 2.05s
}

[data-aos][data-aos][data-aos-duration="2100"],body[data-aos-duration="2100"] [data-aos] {
    transition-duration: 2.1s
}

[data-aos][data-aos][data-aos-delay="2100"],body[data-aos-delay="2100"] [data-aos] {
    transition-delay: 0s
}

[data-aos][data-aos][data-aos-delay="2100"].aos-animate,body[data-aos-delay="2100"] [data-aos].aos-animate {
    transition-delay: 2.1s
}

[data-aos][data-aos][data-aos-duration="2150"],body[data-aos-duration="2150"] [data-aos] {
    transition-duration: 2.15s
}

[data-aos][data-aos][data-aos-delay="2150"],body[data-aos-delay="2150"] [data-aos] {
    transition-delay: 0s
}

[data-aos][data-aos][data-aos-delay="2150"].aos-animate,body[data-aos-delay="2150"] [data-aos].aos-animate {
    transition-delay: 2.15s
}

[data-aos][data-aos][data-aos-duration="2200"],body[data-aos-duration="2200"] [data-aos] {
    transition-duration: 2.2s
}

[data-aos][data-aos][data-aos-delay="2200"],body[data-aos-delay="2200"] [data-aos] {
    transition-delay: 0s
}

[data-aos][data-aos][data-aos-delay="2200"].aos-animate,body[data-aos-delay="2200"] [data-aos].aos-animate {
    transition-delay: 2.2s
}

[data-aos][data-aos][data-aos-duration="2250"],body[data-aos-duration="2250"] [data-aos] {
    transition-duration: 2.25s
}

[data-aos][data-aos][data-aos-delay="2250"],body[data-aos-delay="2250"] [data-aos] {
    transition-delay: 0s
}

[data-aos][data-aos][data-aos-delay="2250"].aos-animate,body[data-aos-delay="2250"] [data-aos].aos-animate {
    transition-delay: 2.25s
}

[data-aos][data-aos][data-aos-duration="2300"],body[data-aos-duration="2300"] [data-aos] {
    transition-duration: 2.3s
}

[data-aos][data-aos][data-aos-delay="2300"],body[data-aos-delay="2300"] [data-aos] {
    transition-delay: 0s
}

[data-aos][data-aos][data-aos-delay="2300"].aos-animate,body[data-aos-delay="2300"] [data-aos].aos-animate {
    transition-delay: 2.3s
}

[data-aos][data-aos][data-aos-duration="2350"],body[data-aos-duration="2350"] [data-aos] {
    transition-duration: 2.35s
}

[data-aos][data-aos][data-aos-delay="2350"],body[data-aos-delay="2350"] [data-aos] {
    transition-delay: 0s
}

[data-aos][data-aos][data-aos-delay="2350"].aos-animate,body[data-aos-delay="2350"] [data-aos].aos-animate {
    transition-delay: 2.35s
}

[data-aos][data-aos][data-aos-duration="2400"],body[data-aos-duration="2400"] [data-aos] {
    transition-duration: 2.4s
}

[data-aos][data-aos][data-aos-delay="2400"],body[data-aos-delay="2400"] [data-aos] {
    transition-delay: 0s
}

[data-aos][data-aos][data-aos-delay="2400"].aos-animate,body[data-aos-delay="2400"] [data-aos].aos-animate {
    transition-delay: 2.4s
}

[data-aos][data-aos][data-aos-duration="2450"],body[data-aos-duration="2450"] [data-aos] {
    transition-duration: 2.45s
}

[data-aos][data-aos][data-aos-delay="2450"],body[data-aos-delay="2450"] [data-aos] {
    transition-delay: 0s
}

[data-aos][data-aos][data-aos-delay="2450"].aos-animate,body[data-aos-delay="2450"] [data-aos].aos-animate {
    transition-delay: 2.45s
}

[data-aos][data-aos][data-aos-duration="2500"],body[data-aos-duration="2500"] [data-aos] {
    transition-duration: 2.5s
}

[data-aos][data-aos][data-aos-delay="2500"],body[data-aos-delay="2500"] [data-aos] {
    transition-delay: 0s
}

[data-aos][data-aos][data-aos-delay="2500"].aos-animate,body[data-aos-delay="2500"] [data-aos].aos-animate {
    transition-delay: 2.5s
}

[data-aos][data-aos][data-aos-duration="2550"],body[data-aos-duration="2550"] [data-aos] {
    transition-duration: 2.55s
}

[data-aos][data-aos][data-aos-delay="2550"],body[data-aos-delay="2550"] [data-aos] {
    transition-delay: 0s
}

[data-aos][data-aos][data-aos-delay="2550"].aos-animate,body[data-aos-delay="2550"] [data-aos].aos-animate {
    transition-delay: 2.55s
}

[data-aos][data-aos][data-aos-duration="2600"],body[data-aos-duration="2600"] [data-aos] {
    transition-duration: 2.6s
}

[data-aos][data-aos][data-aos-delay="2600"],body[data-aos-delay="2600"] [data-aos] {
    transition-delay: 0s
}

[data-aos][data-aos][data-aos-delay="2600"].aos-animate,body[data-aos-delay="2600"] [data-aos].aos-animate {
    transition-delay: 2.6s
}

[data-aos][data-aos][data-aos-duration="2650"],body[data-aos-duration="2650"] [data-aos] {
    transition-duration: 2.65s
}

[data-aos][data-aos][data-aos-delay="2650"],body[data-aos-delay="2650"] [data-aos] {
    transition-delay: 0s
}

[data-aos][data-aos][data-aos-delay="2650"].aos-animate,body[data-aos-delay="2650"] [data-aos].aos-animate {
    transition-delay: 2.65s
}

[data-aos][data-aos][data-aos-duration="2700"],body[data-aos-duration="2700"] [data-aos] {
    transition-duration: 2.7s
}

[data-aos][data-aos][data-aos-delay="2700"],body[data-aos-delay="2700"] [data-aos] {
    transition-delay: 0s
}

[data-aos][data-aos][data-aos-delay="2700"].aos-animate,body[data-aos-delay="2700"] [data-aos].aos-animate {
    transition-delay: 2.7s
}

[data-aos][data-aos][data-aos-duration="2750"],body[data-aos-duration="2750"] [data-aos] {
    transition-duration: 2.75s
}

[data-aos][data-aos][data-aos-delay="2750"],body[data-aos-delay="2750"] [data-aos] {
    transition-delay: 0s
}

[data-aos][data-aos][data-aos-delay="2750"].aos-animate,body[data-aos-delay="2750"] [data-aos].aos-animate {
    transition-delay: 2.75s
}

[data-aos][data-aos][data-aos-duration="2800"],body[data-aos-duration="2800"] [data-aos] {
    transition-duration: 2.8s
}

[data-aos][data-aos][data-aos-delay="2800"],body[data-aos-delay="2800"] [data-aos] {
    transition-delay: 0s
}

[data-aos][data-aos][data-aos-delay="2800"].aos-animate,body[data-aos-delay="2800"] [data-aos].aos-animate {
    transition-delay: 2.8s
}

[data-aos][data-aos][data-aos-duration="2850"],body[data-aos-duration="2850"] [data-aos] {
    transition-duration: 2.85s
}

[data-aos][data-aos][data-aos-delay="2850"],body[data-aos-delay="2850"] [data-aos] {
    transition-delay: 0s
}

[data-aos][data-aos][data-aos-delay="2850"].aos-animate,body[data-aos-delay="2850"] [data-aos].aos-animate {
    transition-delay: 2.85s
}

[data-aos][data-aos][data-aos-duration="2900"],body[data-aos-duration="2900"] [data-aos] {
    transition-duration: 2.9s
}

[data-aos][data-aos][data-aos-delay="2900"],body[data-aos-delay="2900"] [data-aos] {
    transition-delay: 0s
}

[data-aos][data-aos][data-aos-delay="2900"].aos-animate, body[data-aos-delay="2900"] [data-aos].aos-animate {
    transition-delay: 2.9s
}

[data-aos][data-aos][data-aos-duration="2950"],body[data-aos-duration="2950"] [data-aos] {
    transition-duration: 2.95s
}

[data-aos][data-aos][data-aos-delay="2950"],body[data-aos-delay="2950"] [data-aos] {
    transition-delay: 0s
}

[data-aos][data-aos][data-aos-delay="2950"].aos-animate,body[data-aos-delay="2950"] [data-aos].aos-animate {
    transition-delay: 2.95s
}

[data-aos][data-aos][data-aos-duration="3000"],body[data-aos-duration="3000"] [data-aos] {
    transition-duration: 3s
}

[data-aos][data-aos][data-aos-delay="3000"],body[data-aos-delay="3000"] [data-aos] {
    transition-delay: 0s
}

[data-aos][data-aos][data-aos-delay="3000"].aos-animate,body[data-aos-delay="3000"] [data-aos].aos-animate {
    transition-delay: 3s
}

[data-aos] {
    pointer-events: none
}

[data-aos].aos-animate {
    pointer-events: auto
}

[data-aos][data-aos][data-aos-easing=linear],body[data-aos-easing=linear] [data-aos] {
    transition-timing-function: cubic-bezier(.25,.25,.75,.75)
}

[data-aos][data-aos][data-aos-easing=ease],body[data-aos-easing=ease] [data-aos] {
    transition-timing-function: ease
}

[data-aos][data-aos][data-aos-easing=ease-in],body[data-aos-easing=ease-in] [data-aos] {
    transition-timing-function: ease-in
}

[data-aos][data-aos][data-aos-easing=ease-out],body[data-aos-easing=ease-out] [data-aos] {
    transition-timing-function: ease-out
}

[data-aos][data-aos][data-aos-easing=ease-in-out],body[data-aos-easing=ease-in-out] [data-aos] {
    transition-timing-function: ease-in-out
}

[data-aos][data-aos][data-aos-easing=ease-in-back],body[data-aos-easing=ease-in-back] [data-aos] {
    transition-timing-function: cubic-bezier(.6,-.28,.735,.045)
}

[data-aos][data-aos][data-aos-easing=ease-out-back],body[data-aos-easing=ease-out-back] [data-aos] {
    transition-timing-function: cubic-bezier(.175,.885,.32,1.275)
}

[data-aos][data-aos][data-aos-easing=ease-in-out-back],body[data-aos-easing=ease-in-out-back] [data-aos] {
    transition-timing-function: cubic-bezier(.68,-.55,.265,1.55)
}

[data-aos][data-aos][data-aos-easing=ease-in-sine],body[data-aos-easing=ease-in-sine] [data-aos] {
    transition-timing-function: cubic-bezier(.47,0,.745,.715)
}

[data-aos][data-aos][data-aos-easing=ease-out-sine],body[data-aos-easing=ease-out-sine] [data-aos] {
    transition-timing-function: cubic-bezier(.39,.575,.565,1)
}

[data-aos][data-aos][data-aos-easing=ease-in-out-sine],body[data-aos-easing=ease-in-out-sine] [data-aos] {
    transition-timing-function: cubic-bezier(.445,.05,.55,.95)
}

[data-aos][data-aos][data-aos-easing=ease-in-quad],body[data-aos-easing=ease-in-quad] [data-aos] {
    transition-timing-function: cubic-bezier(.55,.085,.68,.53)
}

[data-aos][data-aos][data-aos-easing=ease-out-quad],body[data-aos-easing=ease-out-quad] [data-aos] {
    transition-timing-function: cubic-bezier(.25,.46,.45,.94)
}

[data-aos][data-aos][data-aos-easing=ease-in-out-quad],body[data-aos-easing=ease-in-out-quad] [data-aos] {
    transition-timing-function: cubic-bezier(.455,.03,.515,.955)
}

[data-aos][data-aos][data-aos-easing=ease-in-cubic],body[data-aos-easing=ease-in-cubic] [data-aos] {
    transition-timing-function: cubic-bezier(.55,.085,.68,.53)
}

[data-aos][data-aos][data-aos-easing=ease-out-cubic],body[data-aos-easing=ease-out-cubic] [data-aos] {
    transition-timing-function: cubic-bezier(.25,.46,.45,.94)
}

[data-aos][data-aos][data-aos-easing=ease-in-out-cubic],body[data-aos-easing=ease-in-out-cubic] [data-aos] {
    transition-timing-function: cubic-bezier(.455,.03,.515,.955)
}

[data-aos][data-aos][data-aos-easing=ease-in-quart],body[data-aos-easing=ease-in-quart] [data-aos] {
    transition-timing-function: cubic-bezier(.55,.085,.68,.53)
}

[data-aos][data-aos][data-aos-easing=ease-out-quart],body[data-aos-easing=ease-out-quart] [data-aos] {
    transition-timing-function: cubic-bezier(.25,.46,.45,.94)
}

[data-aos][data-aos][data-aos-easing=ease-in-out-quart],body[data-aos-easing=ease-in-out-quart] [data-aos] {
    transition-timing-function: cubic-bezier(.455,.03,.515,.955)
}

@media screen {
    html:not(.no-js) [data-aos^=fade][data-aos^=fade] {
        opacity: 0;
        transition-property: opacity,-webkit-transform;
        transition-property: opacity,transform;
        transition-property: opacity,transform,-webkit-transform
    }

    html:not(.no-js) [data-aos^=fade][data-aos^=fade].aos-animate {
        opacity: 1;
        -webkit-transform: none;
        transform: none
    }

    html:not(.no-js) [data-aos=fade-up] {
        -webkit-transform: translate3d(0,100px,0);
        transform: translate3d(0,100px,0)
    }

    html:not(.no-js) [data-aos=fade-down] {
        -webkit-transform: translate3d(0,-100px,0);
        transform: translate3d(0,-100px,0)
    }

    html:not(.no-js) [data-aos=fade-right] {
        -webkit-transform: translate3d(-100px,0,0);
        transform: translate3d(-100px,0,0)
    }

    html:not(.no-js) [data-aos=fade-left] {
        -webkit-transform: translate3d(100px,0,0);
        transform: translate3d(100px,0,0)
    }

    html:not(.no-js) [data-aos=fade-up-right] {
        -webkit-transform: translate3d(-100px,100px,0);
        transform: translate3d(-100px,100px,0)
    }

    html:not(.no-js) [data-aos=fade-up-left] {
        -webkit-transform: translate3d(100px,100px,0);
        transform: translate3d(100px,100px,0)
    }

    html:not(.no-js) [data-aos=fade-down-right] {
        -webkit-transform: translate3d(-100px,-100px,0);
        transform: translate3d(-100px,-100px,0)
    }

    html:not(.no-js) [data-aos=fade-down-left] {
        -webkit-transform: translate3d(100px,-100px,0);
        transform: translate3d(100px,-100px,0)
    }

    html:not(.no-js) [data-aos^=zoom][data-aos^=zoom] {
        opacity: 0;
        transition-property: opacity,-webkit-transform;
        transition-property: opacity,transform;
        transition-property: opacity,transform,-webkit-transform
    }

    html:not(.no-js) [data-aos^=zoom][data-aos^=zoom].aos-animate {
        opacity: 1;
        -webkit-transform: translateZ(0) scale(1);
        transform: translateZ(0) scale(1)
    }

    html:not(.no-js) [data-aos=zoom-in] {
        -webkit-transform: scale(.6);
        transform: scale(.6)
    }

    html:not(.no-js) [data-aos=zoom-in-up] {
        -webkit-transform: translate3d(0,100px,0) scale(.6);
        transform: translate3d(0,100px,0) scale(.6)
    }

    html:not(.no-js) [data-aos=zoom-in-down] {
        -webkit-transform: translate3d(0,-100px,0) scale(.6);
        transform: translate3d(0,-100px,0) scale(.6)
    }

    html:not(.no-js) [data-aos=zoom-in-right] {
        -webkit-transform: translate3d(-100px,0,0) scale(.6);
        transform: translate3d(-100px,0,0) scale(.6)
    }

    html:not(.no-js) [data-aos=zoom-in-left] {
        -webkit-transform: translate3d(100px,0,0) scale(.6);
        transform: translate3d(100px,0,0) scale(.6)
    }

    html:not(.no-js) [data-aos=zoom-out] {
        -webkit-transform: scale(1.2);
        transform: scale(1.2)
    }

    html:not(.no-js) [data-aos=zoom-out-up] {
        -webkit-transform: translate3d(0,100px,0) scale(1.2);
        transform: translate3d(0,100px,0) scale(1.2)
    }

    html:not(.no-js) [data-aos=zoom-out-down] {
        -webkit-transform: translate3d(0,-100px,0) scale(1.2);
        transform: translate3d(0,-100px,0) scale(1.2)
    }

    html:not(.no-js) [data-aos=zoom-out-right] {
        -webkit-transform: translate3d(-100px,0,0) scale(1.2);
        transform: translate3d(-100px,0,0) scale(1.2)
    }

    html:not(.no-js) [data-aos=zoom-out-left] {
        -webkit-transform: translate3d(100px,0,0) scale(1.2);
        transform: translate3d(100px,0,0) scale(1.2)
    }

    html:not(.no-js) [data-aos^=slide][data-aos^=slide] {
        transition-property: -webkit-transform;
        transition-property: transform;
        transition-property: transform,-webkit-transform;
        visibility: hidden
    }

    html:not(.no-js) [data-aos^=slide][data-aos^=slide].aos-animate {
        visibility: visible;
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }

    html:not(.no-js) [data-aos=slide-up] {
        -webkit-transform: translate3d(0,100%,0);
        transform: translate3d(0,100%,0)
    }

    html:not(.no-js) [data-aos=slide-down] {
        -webkit-transform: translate3d(0,-100%,0);
        transform: translate3d(0,-100%,0)
    }

    html:not(.no-js) [data-aos=slide-right] {
        -webkit-transform: translate3d(-100%,0,0);
        transform: translate3d(-100%,0,0)
    }

    html:not(.no-js) [data-aos=slide-left] {
        -webkit-transform: translate3d(100%,0,0);
        transform: translate3d(100%,0,0)
    }

    html:not(.no-js) [data-aos^=flip][data-aos^=flip] {
        -webkit-backface-visibility: hidden;
        backface-visibility: hidden;
        transition-property: -webkit-transform;
        transition-property: transform;
        transition-property: transform,-webkit-transform
    }

    html:not(.no-js) [data-aos=flip-left] {
        -webkit-transform: perspective(2500px) rotateY(-100deg);
        transform: perspective(2500px) rotateY(-100deg)
    }

    html:not(.no-js) [data-aos=flip-left].aos-animate {
        -webkit-transform: perspective(2500px) rotateY(0);
        transform: perspective(2500px) rotateY(0)
    }

    html:not(.no-js) [data-aos=flip-right] {
        -webkit-transform: perspective(2500px) rotateY(100deg);
        transform: perspective(2500px) rotateY(100deg)
    }

    html:not(.no-js) [data-aos=flip-right].aos-animate {
        -webkit-transform: perspective(2500px) rotateY(0);
        transform: perspective(2500px) rotateY(0)
    }

    html:not(.no-js) [data-aos=flip-up] {
        -webkit-transform: perspective(2500px) rotateX(-100deg);
        transform: perspective(2500px) rotateX(-100deg)
    }

    html:not(.no-js) [data-aos=flip-up].aos-animate {
        -webkit-transform: perspective(2500px) rotateX(0);
        transform: perspective(2500px) rotateX(0)
    }

    html:not(.no-js) [data-aos=flip-down] {
        -webkit-transform: perspective(2500px) rotateX(100deg);
        transform: perspective(2500px) rotateX(100deg)
    }

    html:not(.no-js) [data-aos=flip-down].aos-animate {
        -webkit-transform: perspective(2500px) rotateX(0);
        transform: perspective(2500px) rotateX(0)
    }
}



/* inlined tm-bs-mp.css */
/*
 * ThemeMascot custom-bootstrap-margin-padding
 * -----------------------------------------------
*/
/* Margin */
.m--0 {
  margin: 0px !important; }

.m-10 {
  margin: 10px !important; }

.m-15 {
  margin: 15px !important; }

.m-20 {
  margin: 20px !important; }

.m-25 {
  margin: 25px !important; }

.m-30 {
  margin: 30px !important; }

.m-40 {
  margin: 40px !important; }

.m-50 {
  margin: 50px !important; }

.m-60 {
  margin: 60px !important; }

.m-70 {
  margin: 70px !important; }

.m-80 {
  margin: 80px !important; }

.m-90 {
  margin: 90px !important; }

.m-100 {
  margin: 100px !important; }

.m-110 {
  margin: 110px !important; }

.m-120 {
  margin: 120px !important; }

.m-130 {
  margin: 130px !important; }

.m-140 {
  margin: 140px !important; }

.m-150 {
  margin: 150px !important; }

.m-200 {
  margin: 200px !important; }

.m-250 {
  margin: 250px !important; }

.m--10 {
  margin: -10px !important; }

.m--15 {
  margin: -15px !important; }

.m--20 {
  margin: -20px !important; }

.m--25 {
  margin: -25px !important; }

.m--30 {
  margin: -30px !important; }

.m--40 {
  margin: -40px !important; }

.m--50 {
  margin: -50px !important; }

.m--60 {
  margin: -60px !important; }

.m--70 {
  margin: -70px !important; }

.m--80 {
  margin: -80px !important; }

.m--90 {
  margin: -90px !important; }

.m--100 {
  margin: -100px !important; }

.mt--0 {
  margin-top: 0px !important; }

.mt-10 {
  margin-top: 10px !important; }

.mt-15 {
  margin-top: 15px !important; }

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

.mt-25 {
  margin-top: 25px !important; }

.mt-30 {
  margin-top: 30px !important; }

.mt-40 {
  margin-top: 40px !important; }

.mt-50 {
  margin-top: 50px !important; }

.mt-60 {
  margin-top: 60px !important; }

.mt-70 {
  margin-top: 70px !important; }

.mt-80 {
  margin-top: 80px !important; }

.mt-90 {
  margin-top: 90px !important; }

.mt-100 {
  margin-top: 100px !important; }

.mt-110 {
  margin-top: 110px !important; }

.mt-120 {
  margin-top: 120px !important; }

.mt-130 {
  margin-top: 130px !important; }

.mt-140 {
  margin-top: 140px !important; }

.mt-150 {
  margin-top: 150px !important; }

.mt-200 {
  margin-top: 200px !important; }

.mt-250 {
  margin-top: 250px !important; }

.mt--10 {
  margin-top: -10px !important; }

.mt--15 {
  margin-top: -15px !important; }

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

.mt--25 {
  margin-top: -25px !important; }

.mt--30 {
  margin-top: -30px !important; }

.mt--40 {
  margin-top: -40px !important; }

.mt--50 {
  margin-top: -50px !important; }

.mt--60 {
  margin-top: -60px !important; }

.mt--70 {
  margin-top: -70px !important; }

.mt--80 {
  margin-top: -80px !important; }

.mt--90 {
  margin-top: -90px !important; }

.mt--100 {
  margin-top: -100px !important; }

.mb--0 {
  margin-bottom: 0px !important; }

.mb-10 {
  margin-bottom: 10px !important; }

.mb-15 {
  margin-bottom: 15px !important; }

.mb-20 {
  margin-bottom: 20px !important; }

.mb-25 {
  margin-bottom: 25px !important; }

.mb-30 {
  margin-bottom: 30px !important; }

.mb-40 {
  margin-bottom: 40px !important; }

.mb-50 {
  margin-bottom: 50px !important; }

.mb-60 {
  margin-bottom: 60px !important; }

.mb-70 {
  margin-bottom: 70px !important; }

.mb-80 {
  margin-bottom: 80px !important; }

.mb-90 {
  margin-bottom: 90px !important; }

.mb-100 {
  margin-bottom: 100px !important; }

.mb-110 {
  margin-bottom: 110px !important; }

.mb-120 {
  margin-bottom: 120px !important; }

.mb-130 {
  margin-bottom: 130px !important; }

.mb-140 {
  margin-bottom: 140px !important; }

.mb-150 {
  margin-bottom: 150px !important; }

.mb-200 {
  margin-bottom: 200px !important; }

.mb-250 {
  margin-bottom: 250px !important; }

.mb--10 {
  margin-bottom: -10px !important; }

.mb--15 {
  margin-bottom: -15px !important; }

.mb--20 {
  margin-bottom: -20px !important; }

.mb--25 {
  margin-bottom: -25px !important; }

.mb--30 {
  margin-bottom: -30px !important; }

.mb--40 {
  margin-bottom: -40px !important; }

.mb--50 {
  margin-bottom: -50px !important; }

.mb--60 {
  margin-bottom: -60px !important; }

.mb--70 {
  margin-bottom: -70px !important; }

.mb--80 {
  margin-bottom: -80px !important; }

.mb--90 {
  margin-bottom: -90px !important; }

.mb--100 {
  margin-bottom: -100px !important; }

.mr--0 {
  margin-right: 0px !important; }

.mr-10 {
  margin-right: 10px !important; }

.mr-15 {
  margin-right: 15px !important; }

.mr-20 {
  margin-right: 20px !important; }

.mr-25 {
  margin-right: 25px !important; }

.mr-30 {
  margin-right: 30px !important; }

.mr-40 {
  margin-right: 40px !important; }

.mr-50 {
  margin-right: 50px !important; }

.mr-60 {
  margin-right: 60px !important; }

.mr-70 {
  margin-right: 70px !important; }

.mr-80 {
  margin-right: 80px !important; }

.mr-90 {
  margin-right: 90px !important; }

.mr-100 {
  margin-right: 100px !important; }

.mr-110 {
  margin-right: 110px !important; }

.mr-120 {
  margin-right: 120px !important; }

.mr-130 {
  margin-right: 130px !important; }

.mr-140 {
  margin-right: 140px !important; }

.mr-150 {
  margin-right: 150px !important; }

.mr-200 {
  margin-right: 200px !important; }

.mr-250 {
  margin-right: 250px !important; }

.mr--10 {
  margin-right: -10px !important; }

.mr--15 {
  margin-right: -15px !important; }

.mr--20 {
  margin-right: -20px !important; }

.mr--25 {
  margin-right: -25px !important; }

.mr--30 {
  margin-right: -30px !important; }

.mr--40 {
  margin-right: -40px !important; }

.mr--50 {
  margin-right: -50px !important; }

.mr--60 {
  margin-right: -60px !important; }

.mr--70 {
  margin-right: -70px !important; }

.mr--80 {
  margin-right: -80px !important; }

.mr--90 {
  margin-right: -90px !important; }

.mr--100 {
  margin-right: -100px !important; }

.ml--0 {
  margin-left: 0px !important; }

.ml-10 {
  margin-left: 10px !important; }

.ml-15 {
  margin-left: 15px !important; }

.ml-20 {
  margin-left: 20px !important; }

.ml-25 {
  margin-left: 25px !important; }

.ml-30 {
  margin-left: 30px !important; }

.ml-40 {
  margin-left: 40px !important; }

.ml-50 {
  margin-left: 50px !important; }

.ml-60 {
  margin-left: 60px !important; }

.ml-70 {
  margin-left: 70px !important; }

.ml-80 {
  margin-left: 80px !important; }

.ml-90 {
  margin-left: 90px !important; }

.ml-100 {
  margin-left: 100px !important; }

.ml-110 {
  margin-left: 110px !important; }

.ml-120 {
  margin-left: 120px !important; }

.ml-130 {
  margin-left: 130px !important; }

.ml-140 {
  margin-left: 140px !important; }

.ml-150 {
  margin-left: 150px !important; }

.ml-200 {
  margin-left: 200px !important; }

.ml-250 {
  margin-left: 250px !important; }

.ml--10 {
  margin-left: -10px !important; }

.ml--15 {
  margin-left: -15px !important; }

.ml--20 {
  margin-left: -20px !important; }

.ml--25 {
  margin-left: -25px !important; }

.ml--30 {
  margin-left: -30px !important; }

.ml--40 {
  margin-left: -40px !important; }

.ml--50 {
  margin-left: -50px !important; }

.ml--60 {
  margin-left: -60px !important; }

.ml--70 {
  margin-left: -70px !important; }

.ml--80 {
  margin-left: -80px !important; }

.ml--90 {
  margin-left: -90px !important; }

.ml--100 {
  margin-left: -100px !important; }

@media (max-width: 1199.98px) {
  .m-lg--0 {
    margin: 0px !important; }
  .m-lg-10 {
    margin: 10px !important; }
  .m-lg-15 {
    margin: 15px !important; }
  .m-lg-20 {
    margin: 20px !important; }
  .m-lg-25 {
    margin: 25px !important; }
  .m-lg-30 {
    margin: 30px !important; }
  .m-lg-40 {
    margin: 40px !important; }
  .m-lg-50 {
    margin: 50px !important; }
  .m-lg-60 {
    margin: 60px !important; }
  .m-lg-70 {
    margin: 70px !important; }
  .m-lg-80 {
    margin: 80px !important; }
  .m-lg-90 {
    margin: 90px !important; }
  .m-lg-100 {
    margin: 100px !important; }
  .m-lg-110 {
    margin: 110px !important; }
  .m-lg-120 {
    margin: 120px !important; }
  .m-lg-130 {
    margin: 130px !important; }
  .m-lg-140 {
    margin: 140px !important; }
  .m-lg-150 {
    margin: 150px !important; }
  .m-lg-200 {
    margin: 200px !important; }
  .m-lg-250 {
    margin: 250px !important; }
  .m-lg--10 {
    margin: -10px !important; }
  .m-lg--15 {
    margin: -15px !important; }
  .m-lg--20 {
    margin: -20px !important; }
  .m-lg--25 {
    margin: -25px !important; }
  .m-lg--30 {
    margin: -30px !important; }
  .m-lg--40 {
    margin: -40px !important; }
  .m-lg--50 {
    margin: -50px !important; }
  .m-lg--60 {
    margin: -60px !important; }
  .m-lg--70 {
    margin: -70px !important; }
  .m-lg--80 {
    margin: -80px !important; }
  .m-lg--90 {
    margin: -90px !important; }
  .m-lg--100 {
    margin: -100px !important; }
  .mt-lg--0 {
    margin-top: 0px !important; }
  .mt-lg-10 {
    margin-top: 10px !important; }
  .mt-lg-15 {
    margin-top: 15px !important; }
  .mt-lg-20 {
    margin-top: 20px !important; }
  .mt-lg-25 {
    margin-top: 25px !important; }
  .mt-lg-30 {
    margin-top: 30px !important; }
  .mt-lg-40 {
    margin-top: 40px !important; }
  .mt-lg-50 {
    margin-top: 50px !important; }
  .mt-lg-60 {
    margin-top: 60px !important; }
  .mt-lg-70 {
    margin-top: 70px !important; }
  .mt-lg-80 {
    margin-top: 80px !important; }
  .mt-lg-90 {
    margin-top: 90px !important; }
  .mt-lg-100 {
    margin-top: 100px !important; }
  .mt-lg-110 {
    margin-top: 110px !important; }
  .mt-lg-120 {
    margin-top: 120px !important; }
  .mt-lg-130 {
    margin-top: 130px !important; }
  .mt-lg-140 {
    margin-top: 140px !important; }
  .mt-lg-150 {
    margin-top: 150px !important; }
  .mt-lg-200 {
    margin-top: 200px !important; }
  .mt-lg-250 {
    margin-top: 250px !important; }
  .mt-lg--10 {
    margin-top: -10px !important; }
  .mt-lg--15 {
    margin-top: -15px !important; }
  .mt-lg--20 {
    margin-top: -20px !important; }
  .mt-lg--25 {
    margin-top: -25px !important; }
  .mt-lg--30 {
    margin-top: -30px !important; }
  .mt-lg--40 {
    margin-top: -40px !important; }
  .mt-lg--50 {
    margin-top: -50px !important; }
  .mt-lg--60 {
    margin-top: -60px !important; }
  .mt-lg--70 {
    margin-top: -70px !important; }
  .mt-lg--80 {
    margin-top: -80px !important; }
  .mt-lg--90 {
    margin-top: -90px !important; }
  .mt-lg--100 {
    margin-top: -100px !important; }
  .mb-lg--0 {
    margin-bottom: 0px !important; }
  .mb-lg-10 {
    margin-bottom: 10px !important; }
  .mb-lg-15 {
    margin-bottom: 15px !important; }
  .mb-lg-20 {
    margin-bottom: 20px !important; }
  .mb-lg-25 {
    margin-bottom: 25px !important; }
  .mb-lg-30 {
    margin-bottom: 30px !important; }
  .mb-lg-40 {
    margin-bottom: 40px !important; }
  .mb-lg-50 {
    margin-bottom: 50px !important; }
  .mb-lg-60 {
    margin-bottom: 60px !important; }
  .mb-lg-70 {
    margin-bottom: 70px !important; }
  .mb-lg-80 {
    margin-bottom: 80px !important; }
  .mb-lg-90 {
    margin-bottom: 90px !important; }
  .mb-lg-100 {
    margin-bottom: 100px !important; }
  .mb-lg-110 {
    margin-bottom: 110px !important; }
  .mb-lg-120 {
    margin-bottom: 120px !important; }
  .mb-lg-130 {
    margin-bottom: 130px !important; }
  .mb-lg-140 {
    margin-bottom: 140px !important; }
  .mb-lg-150 {
    margin-bottom: 150px !important; }
  .mb-lg-200 {
    margin-bottom: 200px !important; }
  .mb-lg-250 {
    margin-bottom: 250px !important; }
  .mb-lg--10 {
    margin-bottom: -10px !important; }
  .mb-lg--15 {
    margin-bottom: -15px !important; }
  .mb-lg--20 {
    margin-bottom: -20px !important; }
  .mb-lg--25 {
    margin-bottom: -25px !important; }
  .mb-lg--30 {
    margin-bottom: -30px !important; }
  .mb-lg--40 {
    margin-bottom: -40px !important; }
  .mb-lg--50 {
    margin-bottom: -50px !important; }
  .mb-lg--60 {
    margin-bottom: -60px !important; }
  .mb-lg--70 {
    margin-bottom: -70px !important; }
  .mb-lg--80 {
    margin-bottom: -80px !important; }
  .mb-lg--90 {
    margin-bottom: -90px !important; }
  .mb-lg--100 {
    margin-bottom: -100px !important; }
  .mr-lg--0 {
    margin-right: 0px !important; }
  .mr-lg-10 {
    margin-right: 10px !important; }
  .mr-lg-15 {
    margin-right: 15px !important; }
  .mr-lg-20 {
    margin-right: 20px !important; }
  .mr-lg-25 {
    margin-right: 25px !important; }
  .mr-lg-30 {
    margin-right: 30px !important; }
  .mr-lg-40 {
    margin-right: 40px !important; }
  .mr-lg-50 {
    margin-right: 50px !important; }
  .mr-lg-60 {
    margin-right: 60px !important; }
  .mr-lg-70 {
    margin-right: 70px !important; }
  .mr-lg-80 {
    margin-right: 80px !important; }
  .mr-lg-90 {
    margin-right: 90px !important; }
  .mr-lg-100 {
    margin-right: 100px !important; }
  .mr-lg-110 {
    margin-right: 110px !important; }
  .mr-lg-120 {
    margin-right: 120px !important; }
  .mr-lg-130 {
    margin-right: 130px !important; }
  .mr-lg-140 {
    margin-right: 140px !important; }
  .mr-lg-150 {
    margin-right: 150px !important; }
  .mr-lg-200 {
    margin-right: 200px !important; }
  .mr-lg-250 {
    margin-right: 250px !important; }
  .mr-lg--10 {
    margin-right: -10px !important; }
  .mr-lg--15 {
    margin-right: -15px !important; }
  .mr-lg--20 {
    margin-right: -20px !important; }
  .mr-lg--25 {
    margin-right: -25px !important; }
  .mr-lg--30 {
    margin-right: -30px !important; }
  .mr-lg--40 {
    margin-right: -40px !important; }
  .mr-lg--50 {
    margin-right: -50px !important; }
  .mr-lg--60 {
    margin-right: -60px !important; }
  .mr-lg--70 {
    margin-right: -70px !important; }
  .mr-lg--80 {
    margin-right: -80px !important; }
  .mr-lg--90 {
    margin-right: -90px !important; }
  .mr-lg--100 {
    margin-right: -100px !important; }
  .ml-lg--0 {
    margin-left: 0px !important; }
  .ml-lg-10 {
    margin-left: 10px !important; }
  .ml-lg-15 {
    margin-left: 15px !important; }
  .ml-lg-20 {
    margin-left: 20px !important; }
  .ml-lg-25 {
    margin-left: 25px !important; }
  .ml-lg-30 {
    margin-left: 30px !important; }
  .ml-lg-40 {
    margin-left: 40px !important; }
  .ml-lg-50 {
    margin-left: 50px !important; }
  .ml-lg-60 {
    margin-left: 60px !important; }
  .ml-lg-70 {
    margin-left: 70px !important; }
  .ml-lg-80 {
    margin-left: 80px !important; }
  .ml-lg-90 {
    margin-left: 90px !important; }
  .ml-lg-100 {
    margin-left: 100px !important; }
  .ml-lg-110 {
    margin-left: 110px !important; }
  .ml-lg-120 {
    margin-left: 120px !important; }
  .ml-lg-130 {
    margin-left: 130px !important; }
  .ml-lg-140 {
    margin-left: 140px !important; }
  .ml-lg-150 {
    margin-left: 150px !important; }
  .ml-lg-200 {
    margin-left: 200px !important; }
  .ml-lg-250 {
    margin-left: 250px !important; }
  .ml-lg--10 {
    margin-left: -10px !important; }
  .ml-lg--15 {
    margin-left: -15px !important; }
  .ml-lg--20 {
    margin-left: -20px !important; }
  .ml-lg--25 {
    margin-left: -25px !important; }
  .ml-lg--30 {
    margin-left: -30px !important; }
  .ml-lg--40 {
    margin-left: -40px !important; }
  .ml-lg--50 {
    margin-left: -50px !important; }
  .ml-lg--60 {
    margin-left: -60px !important; }
  .ml-lg--70 {
    margin-left: -70px !important; }
  .ml-lg--80 {
    margin-left: -80px !important; }
  .ml-lg--90 {
    margin-left: -90px !important; }
  .ml-lg--100 {
    margin-left: -100px !important; } }

@media (max-width: 991.98px) {
  .m-md--0 {
    margin: 0px !important; }
  .m-md-10 {
    margin: 10px !important; }
  .m-md-15 {
    margin: 15px !important; }
  .m-md-20 {
    margin: 20px !important; }
  .m-md-25 {
    margin: 25px !important; }
  .m-md-30 {
    margin: 30px !important; }
  .m-md-40 {
    margin: 40px !important; }
  .m-md-50 {
    margin: 50px !important; }
  .m-md-60 {
    margin: 60px !important; }
  .m-md-70 {
    margin: 70px !important; }
  .m-md-80 {
    margin: 80px !important; }
  .m-md-90 {
    margin: 90px !important; }
  .m-md-100 {
    margin: 100px !important; }
  .m-md-110 {
    margin: 110px !important; }
  .m-md-120 {
    margin: 120px !important; }
  .m-md-130 {
    margin: 130px !important; }
  .m-md-140 {
    margin: 140px !important; }
  .m-md-150 {
    margin: 150px !important; }
  .m-md-200 {
    margin: 200px !important; }
  .m-md-250 {
    margin: 250px !important; }
  .m-md--10 {
    margin: -10px !important; }
  .m-md--15 {
    margin: -15px !important; }
  .m-md--20 {
    margin: -20px !important; }
  .m-md--25 {
    margin: -25px !important; }
  .m-md--30 {
    margin: -30px !important; }
  .m-md--40 {
    margin: -40px !important; }
  .m-md--50 {
    margin: -50px !important; }
  .m-md--60 {
    margin: -60px !important; }
  .m-md--70 {
    margin: -70px !important; }
  .m-md--80 {
    margin: -80px !important; }
  .m-md--90 {
    margin: -90px !important; }
  .m-md--100 {
    margin: -100px !important; }
  .mt-md--0 {
    margin-top: 0px !important; }
  .mt-md-10 {
    margin-top: 10px !important; }
  .mt-md-15 {
    margin-top: 15px !important; }
  .mt-md-20 {
    margin-top: 20px !important; }
  .mt-md-25 {
    margin-top: 25px !important; }
  .mt-md-30 {
    margin-top: 30px !important; }
  .mt-md-40 {
    margin-top: 40px !important; }
  .mt-md-50 {
    margin-top: 50px !important; }
  .mt-md-60 {
    margin-top: 60px !important; }
  .mt-md-70 {
    margin-top: 70px !important; }
  .mt-md-80 {
    margin-top: 80px !important; }
  .mt-md-90 {
    margin-top: 90px !important; }
  .mt-md-100 {
    margin-top: 100px !important; }
  .mt-md-110 {
    margin-top: 110px !important; }
  .mt-md-120 {
    margin-top: 120px !important; }
  .mt-md-130 {
    margin-top: 130px !important; }
  .mt-md-140 {
    margin-top: 140px !important; }
  .mt-md-150 {
    margin-top: 150px !important; }
  .mt-md-200 {
    margin-top: 200px !important; }
  .mt-md-250 {
    margin-top: 250px !important; }
  .mt-md--10 {
    margin-top: -10px !important; }
  .mt-md--15 {
    margin-top: -15px !important; }
  .mt-md--20 {
    margin-top: -20px !important; }
  .mt-md--25 {
    margin-top: -25px !important; }
  .mt-md--30 {
    margin-top: -30px !important; }
  .mt-md--40 {
    margin-top: -40px !important; }
  .mt-md--50 {
    margin-top: -50px !important; }
  .mt-md--60 {
    margin-top: -60px !important; }
  .mt-md--70 {
    margin-top: -70px !important; }
  .mt-md--80 {
    margin-top: -80px !important; }
  .mt-md--90 {
    margin-top: -90px !important; }
  .mt-md--100 {
    margin-top: -100px !important; }
  .mb-md--0 {
    margin-bottom: 0px !important; }
  .mb-md-10 {
    margin-bottom: 10px !important; }
  .mb-md-15 {
    margin-bottom: 15px !important; }
  .mb-md-20 {
    margin-bottom: 20px !important; }
  .mb-md-25 {
    margin-bottom: 25px !important; }
  .mb-md-30 {
    margin-bottom: 30px !important; }
  .mb-md-40 {
    margin-bottom: 40px !important; }
  .mb-md-50 {
    margin-bottom: 50px !important; }
  .mb-md-60 {
    margin-bottom: 60px !important; }
  .mb-md-70 {
    margin-bottom: 70px !important; }
  .mb-md-80 {
    margin-bottom: 80px !important; }
  .mb-md-90 {
    margin-bottom: 90px !important; }
  .mb-md-100 {
    margin-bottom: 100px !important; }
  .mb-md-110 {
    margin-bottom: 110px !important; }
  .mb-md-120 {
    margin-bottom: 120px !important; }
  .mb-md-130 {
    margin-bottom: 130px !important; }
  .mb-md-140 {
    margin-bottom: 140px !important; }
  .mb-md-150 {
    margin-bottom: 150px !important; }
  .mb-md-200 {
    margin-bottom: 200px !important; }
  .mb-md-250 {
    margin-bottom: 250px !important; }
  .mb-md--10 {
    margin-bottom: -10px !important; }
  .mb-md--15 {
    margin-bottom: -15px !important; }
  .mb-md--20 {
    margin-bottom: -20px !important; }
  .mb-md--25 {
    margin-bottom: -25px !important; }
  .mb-md--30 {
    margin-bottom: -30px !important; }
  .mb-md--40 {
    margin-bottom: -40px !important; }
  .mb-md--50 {
    margin-bottom: -50px !important; }
  .mb-md--60 {
    margin-bottom: -60px !important; }
  .mb-md--70 {
    margin-bottom: -70px !important; }
  .mb-md--80 {
    margin-bottom: -80px !important; }
  .mb-md--90 {
    margin-bottom: -90px !important; }
  .mb-md--100 {
    margin-bottom: -100px !important; }
  .mr-md--0 {
    margin-right: 0px !important; }
  .mr-md-10 {
    margin-right: 10px !important; }
  .mr-md-15 {
    margin-right: 15px !important; }
  .mr-md-20 {
    margin-right: 20px !important; }
  .mr-md-25 {
    margin-right: 25px !important; }
  .mr-md-30 {
    margin-right: 30px !important; }
  .mr-md-40 {
    margin-right: 40px !important; }
  .mr-md-50 {
    margin-right: 50px !important; }
  .mr-md-60 {
    margin-right: 60px !important; }
  .mr-md-70 {
    margin-right: 70px !important; }
  .mr-md-80 {
    margin-right: 80px !important; }
  .mr-md-90 {
    margin-right: 90px !important; }
  .mr-md-100 {
    margin-right: 100px !important; }
  .mr-md-110 {
    margin-right: 110px !important; }
  .mr-md-120 {
    margin-right: 120px !important; }
  .mr-md-130 {
    margin-right: 130px !important; }
  .mr-md-140 {
    margin-right: 140px !important; }
  .mr-md-150 {
    margin-right: 150px !important; }
  .mr-md-200 {
    margin-right: 200px !important; }
  .mr-md-250 {
    margin-right: 250px !important; }
  .mr-md--10 {
    margin-right: -10px !important; }
  .mr-md--15 {
    margin-right: -15px !important; }
  .mr-md--20 {
    margin-right: -20px !important; }
  .mr-md--25 {
    margin-right: -25px !important; }
  .mr-md--30 {
    margin-right: -30px !important; }
  .mr-md--40 {
    margin-right: -40px !important; }
  .mr-md--50 {
    margin-right: -50px !important; }
  .mr-md--60 {
    margin-right: -60px !important; }
  .mr-md--70 {
    margin-right: -70px !important; }
  .mr-md--80 {
    margin-right: -80px !important; }
  .mr-md--90 {
    margin-right: -90px !important; }
  .mr-md--100 {
    margin-right: -100px !important; }
  .ml-md--0 {
    margin-left: 0px !important; }
  .ml-md-10 {
    margin-left: 10px !important; }
  .ml-md-15 {
    margin-left: 15px !important; }
  .ml-md-20 {
    margin-left: 20px !important; }
  .ml-md-25 {
    margin-left: 25px !important; }
  .ml-md-30 {
    margin-left: 30px !important; }
  .ml-md-40 {
    margin-left: 40px !important; }
  .ml-md-50 {
    margin-left: 50px !important; }
  .ml-md-60 {
    margin-left: 60px !important; }
  .ml-md-70 {
    margin-left: 70px !important; }
  .ml-md-80 {
    margin-left: 80px !important; }
  .ml-md-90 {
    margin-left: 90px !important; }
  .ml-md-100 {
    margin-left: 100px !important; }
  .ml-md-110 {
    margin-left: 110px !important; }
  .ml-md-120 {
    margin-left: 120px !important; }
  .ml-md-130 {
    margin-left: 130px !important; }
  .ml-md-140 {
    margin-left: 140px !important; }
  .ml-md-150 {
    margin-left: 150px !important; }
  .ml-md-200 {
    margin-left: 200px !important; }
  .ml-md-250 {
    margin-left: 250px !important; }
  .ml-md--10 {
    margin-left: -10px !important; }
  .ml-md--15 {
    margin-left: -15px !important; }
  .ml-md--20 {
    margin-left: -20px !important; }
  .ml-md--25 {
    margin-left: -25px !important; }
  .ml-md--30 {
    margin-left: -30px !important; }
  .ml-md--40 {
    margin-left: -40px !important; }
  .ml-md--50 {
    margin-left: -50px !important; }
  .ml-md--60 {
    margin-left: -60px !important; }
  .ml-md--70 {
    margin-left: -70px !important; }
  .ml-md--80 {
    margin-left: -80px !important; }
  .ml-md--90 {
    margin-left: -90px !important; }
  .ml-md--100 {
    margin-left: -100px !important; } }

@media (max-width: 767.98px) {
  .m-sm--0 {
    margin: 0px !important; }
  .m-sm-10 {
    margin: 10px !important; }
  .m-sm-15 {
    margin: 15px !important; }
  .m-sm-20 {
    margin: 20px !important; }
  .m-sm-25 {
    margin: 25px !important; }
  .m-sm-30 {
    margin: 30px !important; }
  .m-sm-40 {
    margin: 40px !important; }
  .m-sm-50 {
    margin: 50px !important; }
  .m-sm-60 {
    margin: 60px !important; }
  .m-sm-70 {
    margin: 70px !important; }
  .m-sm-80 {
    margin: 80px !important; }
  .m-sm-90 {
    margin: 90px !important; }
  .m-sm-100 {
    margin: 100px !important; }
  .m-sm-110 {
    margin: 110px !important; }
  .m-sm-120 {
    margin: 120px !important; }
  .m-sm-130 {
    margin: 130px !important; }
  .m-sm-140 {
    margin: 140px !important; }
  .m-sm-150 {
    margin: 150px !important; }
  .m-sm-200 {
    margin: 200px !important; }
  .m-sm-250 {
    margin: 250px !important; }
  .m-sm--10 {
    margin: -10px !important; }
  .m-sm--15 {
    margin: -15px !important; }
  .m-sm--20 {
    margin: -20px !important; }
  .m-sm--25 {
    margin: -25px !important; }
  .m-sm--30 {
    margin: -30px !important; }
  .m-sm--40 {
    margin: -40px !important; }
  .m-sm--50 {
    margin: -50px !important; }
  .m-sm--60 {
    margin: -60px !important; }
  .m-sm--70 {
    margin: -70px !important; }
  .m-sm--80 {
    margin: -80px !important; }
  .m-sm--90 {
    margin: -90px !important; }
  .m-sm--100 {
    margin: -100px !important; }
  .mt-sm--0 {
    margin-top: 0px !important; }
  .mt-sm-10 {
    margin-top: 10px !important; }
  .mt-sm-15 {
    margin-top: 15px !important; }
  .mt-sm-20 {
    margin-top: 20px !important; }
  .mt-sm-25 {
    margin-top: 25px !important; }
  .mt-sm-30 {
    margin-top: 30px !important; }
  .mt-sm-40 {
    margin-top: 40px !important; }
  .mt-sm-50 {
    margin-top: 50px !important; }
  .mt-sm-60 {
    margin-top: 60px !important; }
  .mt-sm-70 {
    margin-top: 70px !important; }
  .mt-sm-80 {
    margin-top: 80px !important; }
  .mt-sm-90 {
    margin-top: 90px !important; }
  .mt-sm-100 {
    margin-top: 100px !important; }
  .mt-sm-110 {
    margin-top: 110px !important; }
  .mt-sm-120 {
    margin-top: 120px !important; }
  .mt-sm-130 {
    margin-top: 130px !important; }
  .mt-sm-140 {
    margin-top: 140px !important; }
  .mt-sm-150 {
    margin-top: 150px !important; }
  .mt-sm-200 {
    margin-top: 200px !important; }
  .mt-sm-250 {
    margin-top: 250px !important; }
  .mt-sm--10 {
    margin-top: -10px !important; }
  .mt-sm--15 {
    margin-top: -15px !important; }
  .mt-sm--20 {
    margin-top: -20px !important; }
  .mt-sm--25 {
    margin-top: -25px !important; }
  .mt-sm--30 {
    margin-top: -30px !important; }
  .mt-sm--40 {
    margin-top: -40px !important; }
  .mt-sm--50 {
    margin-top: -50px !important; }
  .mt-sm--60 {
    margin-top: -60px !important; }
  .mt-sm--70 {
    margin-top: -70px !important; }
  .mt-sm--80 {
    margin-top: -80px !important; }
  .mt-sm--90 {
    margin-top: -90px !important; }
  .mt-sm--100 {
    margin-top: -100px !important; }
  .mb-sm--0 {
    margin-bottom: 0px !important; }
  .mb-sm-10 {
    margin-bottom: 10px !important; }
  .mb-sm-15 {
    margin-bottom: 15px !important; }
  .mb-sm-20 {
    margin-bottom: 20px !important; }
  .mb-sm-25 {
    margin-bottom: 25px !important; }
  .mb-sm-30 {
    margin-bottom: 30px !important; }
  .mb-sm-40 {
    margin-bottom: 40px !important; }
  .mb-sm-50 {
    margin-bottom: 50px !important; }
  .mb-sm-60 {
    margin-bottom: 60px !important; }
  .mb-sm-70 {
    margin-bottom: 70px !important; }
  .mb-sm-80 {
    margin-bottom: 80px !important; }
  .mb-sm-90 {
    margin-bottom: 90px !important; }
  .mb-sm-100 {
    margin-bottom: 100px !important; }
  .mb-sm-110 {
    margin-bottom: 110px !important; }
  .mb-sm-120 {
    margin-bottom: 120px !important; }
  .mb-sm-130 {
    margin-bottom: 130px !important; }
  .mb-sm-140 {
    margin-bottom: 140px !important; }
  .mb-sm-150 {
    margin-bottom: 150px !important; }
  .mb-sm-200 {
    margin-bottom: 200px !important; }
  .mb-sm-250 {
    margin-bottom: 250px !important; }
  .mb-sm--10 {
    margin-bottom: -10px !important; }
  .mb-sm--15 {
    margin-bottom: -15px !important; }
  .mb-sm--20 {
    margin-bottom: -20px !important; }
  .mb-sm--25 {
    margin-bottom: -25px !important; }
  .mb-sm--30 {
    margin-bottom: -30px !important; }
  .mb-sm--40 {
    margin-bottom: -40px !important; }
  .mb-sm--50 {
    margin-bottom: -50px !important; }
  .mb-sm--60 {
    margin-bottom: -60px !important; }
  .mb-sm--70 {
    margin-bottom: -70px !important; }
  .mb-sm--80 {
    margin-bottom: -80px !important; }
  .mb-sm--90 {
    margin-bottom: -90px !important; }
  .mb-sm--100 {
    margin-bottom: -100px !important; }
  .mr-sm--0 {
    margin-right: 0px !important; }
  .mr-sm-10 {
    margin-right: 10px !important; }
  .mr-sm-15 {
    margin-right: 15px !important; }
  .mr-sm-20 {
    margin-right: 20px !important; }
  .mr-sm-25 {
    margin-right: 25px !important; }
  .mr-sm-30 {
    margin-right: 30px !important; }
  .mr-sm-40 {
    margin-right: 40px !important; }
  .mr-sm-50 {
    margin-right: 50px !important; }
  .mr-sm-60 {
    margin-right: 60px !important; }
  .mr-sm-70 {
    margin-right: 70px !important; }
  .mr-sm-80 {
    margin-right: 80px !important; }
  .mr-sm-90 {
    margin-right: 90px !important; }
  .mr-sm-100 {
    margin-right: 100px !important; }
  .mr-sm-110 {
    margin-right: 110px !important; }
  .mr-sm-120 {
    margin-right: 120px !important; }
  .mr-sm-130 {
    margin-right: 130px !important; }
  .mr-sm-140 {
    margin-right: 140px !important; }
  .mr-sm-150 {
    margin-right: 150px !important; }
  .mr-sm-200 {
    margin-right: 200px !important; }
  .mr-sm-250 {
    margin-right: 250px !important; }
  .mr-sm--10 {
    margin-right: -10px !important; }
  .mr-sm--15 {
    margin-right: -15px !important; }
  .mr-sm--20 {
    margin-right: -20px !important; }
  .mr-sm--25 {
    margin-right: -25px !important; }
  .mr-sm--30 {
    margin-right: -30px !important; }
  .mr-sm--40 {
    margin-right: -40px !important; }
  .mr-sm--50 {
    margin-right: -50px !important; }
  .mr-sm--60 {
    margin-right: -60px !important; }
  .mr-sm--70 {
    margin-right: -70px !important; }
  .mr-sm--80 {
    margin-right: -80px !important; }
  .mr-sm--90 {
    margin-right: -90px !important; }
  .mr-sm--100 {
    margin-right: -100px !important; }
  .ml-sm--0 {
    margin-left: 0px !important; }
  .ml-sm-10 {
    margin-left: 10px !important; }
  .ml-sm-15 {
    margin-left: 15px !important; }
  .ml-sm-20 {
    margin-left: 20px !important; }
  .ml-sm-25 {
    margin-left: 25px !important; }
  .ml-sm-30 {
    margin-left: 30px !important; }
  .ml-sm-40 {
    margin-left: 40px !important; }
  .ml-sm-50 {
    margin-left: 50px !important; }
  .ml-sm-60 {
    margin-left: 60px !important; }
  .ml-sm-70 {
    margin-left: 70px !important; }
  .ml-sm-80 {
    margin-left: 80px !important; }
  .ml-sm-90 {
    margin-left: 90px !important; }
  .ml-sm-100 {
    margin-left: 100px !important; }
  .ml-sm-110 {
    margin-left: 110px !important; }
  .ml-sm-120 {
    margin-left: 120px !important; }
  .ml-sm-130 {
    margin-left: 130px !important; }
  .ml-sm-140 {
    margin-left: 140px !important; }
  .ml-sm-150 {
    margin-left: 150px !important; }
  .ml-sm-200 {
    margin-left: 200px !important; }
  .ml-sm-250 {
    margin-left: 250px !important; }
  .ml-sm--10 {
    margin-left: -10px !important; }
  .ml-sm--15 {
    margin-left: -15px !important; }
  .ml-sm--20 {
    margin-left: -20px !important; }
  .ml-sm--25 {
    margin-left: -25px !important; }
  .ml-sm--30 {
    margin-left: -30px !important; }
  .ml-sm--40 {
    margin-left: -40px !important; }
  .ml-sm--50 {
    margin-left: -50px !important; }
  .ml-sm--60 {
    margin-left: -60px !important; }
  .ml-sm--70 {
    margin-left: -70px !important; }
  .ml-sm--80 {
    margin-left: -80px !important; }
  .ml-sm--90 {
    margin-left: -90px !important; }
  .ml-sm--100 {
    margin-left: -100px !important; } }

@media (max-width: 575.98px) {
  .m-xs--0 {
    margin: 0px !important; }
  .m-xs-10 {
    margin: 10px !important; }
  .m-xs-15 {
    margin: 15px !important; }
  .m-xs-20 {
    margin: 20px !important; }
  .m-xs-25 {
    margin: 25px !important; }
  .m-xs-30 {
    margin: 30px !important; }
  .m-xs-40 {
    margin: 40px !important; }
  .m-xs-50 {
    margin: 50px !important; }
  .m-xs-60 {
    margin: 60px !important; }
  .m-xs-70 {
    margin: 70px !important; }
  .m-xs-80 {
    margin: 80px !important; }
  .m-xs-90 {
    margin: 90px !important; }
  .m-xs-100 {
    margin: 100px !important; }
  .m-xs-110 {
    margin: 110px !important; }
  .m-xs-120 {
    margin: 120px !important; }
  .m-xs-130 {
    margin: 130px !important; }
  .m-xs-140 {
    margin: 140px !important; }
  .m-xs-150 {
    margin: 150px !important; }
  .m-xs-200 {
    margin: 200px !important; }
  .m-xs-250 {
    margin: 250px !important; }
  .m-xs--10 {
    margin: -10px !important; }
  .m-xs--15 {
    margin: -15px !important; }
  .m-xs--20 {
    margin: -20px !important; }
  .m-xs--25 {
    margin: -25px !important; }
  .m-xs--30 {
    margin: -30px !important; }
  .m-xs--40 {
    margin: -40px !important; }
  .m-xs--50 {
    margin: -50px !important; }
  .m-xs--60 {
    margin: -60px !important; }
  .m-xs--70 {
    margin: -70px !important; }
  .m-xs--80 {
    margin: -80px !important; }
  .m-xs--90 {
    margin: -90px !important; }
  .m-xs--100 {
    margin: -100px !important; }
  .mt-xs--0 {
    margin-top: 0px !important; }
  .mt-xs-10 {
    margin-top: 10px !important; }
  .mt-xs-15 {
    margin-top: 15px !important; }
  .mt-xs-20 {
    margin-top: 20px !important; }
  .mt-xs-25 {
    margin-top: 25px !important; }
  .mt-xs-30 {
    margin-top: 30px !important; }
  .mt-xs-40 {
    margin-top: 40px !important; }
  .mt-xs-50 {
    margin-top: 50px !important; }
  .mt-xs-60 {
    margin-top: 60px !important; }
  .mt-xs-70 {
    margin-top: 70px !important; }
  .mt-xs-80 {
    margin-top: 80px !important; }
  .mt-xs-90 {
    margin-top: 90px !important; }
  .mt-xs-100 {
    margin-top: 100px !important; }
  .mt-xs-110 {
    margin-top: 110px !important; }
  .mt-xs-120 {
    margin-top: 120px !important; }
  .mt-xs-130 {
    margin-top: 130px !important; }
  .mt-xs-140 {
    margin-top: 140px !important; }
  .mt-xs-150 {
    margin-top: 150px !important; }
  .mt-xs-200 {
    margin-top: 200px !important; }
  .mt-xs-250 {
    margin-top: 250px !important; }
  .mt-xs--10 {
    margin-top: -10px !important; }
  .mt-xs--15 {
    margin-top: -15px !important; }
  .mt-xs--20 {
    margin-top: -20px !important; }
  .mt-xs--25 {
    margin-top: -25px !important; }
  .mt-xs--30 {
    margin-top: -30px !important; }
  .mt-xs--40 {
    margin-top: -40px !important; }
  .mt-xs--50 {
    margin-top: -50px !important; }
  .mt-xs--60 {
    margin-top: -60px !important; }
  .mt-xs--70 {
    margin-top: -70px !important; }
  .mt-xs--80 {
    margin-top: -80px !important; }
  .mt-xs--90 {
    margin-top: -90px !important; }
  .mt-xs--100 {
    margin-top: -100px !important; }
  .mb-xs--0 {
    margin-bottom: 0px !important; }
  .mb-xs-10 {
    margin-bottom: 10px !important; }
  .mb-xs-15 {
    margin-bottom: 15px !important; }
  .mb-xs-20 {
    margin-bottom: 20px !important; }
  .mb-xs-25 {
    margin-bottom: 25px !important; }
  .mb-xs-30 {
    margin-bottom: 30px !important; }
  .mb-xs-40 {
    margin-bottom: 40px !important; }
  .mb-xs-50 {
    margin-bottom: 50px !important; }
  .mb-xs-60 {
    margin-bottom: 60px !important; }
  .mb-xs-70 {
    margin-bottom: 70px !important; }
  .mb-xs-80 {
    margin-bottom: 80px !important; }
  .mb-xs-90 {
    margin-bottom: 90px !important; }
  .mb-xs-100 {
    margin-bottom: 100px !important; }
  .mb-xs-110 {
    margin-bottom: 110px !important; }
  .mb-xs-120 {
    margin-bottom: 120px !important; }
  .mb-xs-130 {
    margin-bottom: 130px !important; }
  .mb-xs-140 {
    margin-bottom: 140px !important; }
  .mb-xs-150 {
    margin-bottom: 150px !important; }
  .mb-xs-200 {
    margin-bottom: 200px !important; }
  .mb-xs-250 {
    margin-bottom: 250px !important; }
  .mb-xs--10 {
    margin-bottom: -10px !important; }
  .mb-xs--15 {
    margin-bottom: -15px !important; }
  .mb-xs--20 {
    margin-bottom: -20px !important; }
  .mb-xs--25 {
    margin-bottom: -25px !important; }
  .mb-xs--30 {
    margin-bottom: -30px !important; }
  .mb-xs--40 {
    margin-bottom: -40px !important; }
  .mb-xs--50 {
    margin-bottom: -50px !important; }
  .mb-xs--60 {
    margin-bottom: -60px !important; }
  .mb-xs--70 {
    margin-bottom: -70px !important; }
  .mb-xs--80 {
    margin-bottom: -80px !important; }
  .mb-xs--90 {
    margin-bottom: -90px !important; }
  .mb-xs--100 {
    margin-bottom: -100px !important; }
  .mr-xs--0 {
    margin-right: 0px !important; }
  .mr-xs-10 {
    margin-right: 10px !important; }
  .mr-xs-15 {
    margin-right: 15px !important; }
  .mr-xs-20 {
    margin-right: 20px !important; }
  .mr-xs-25 {
    margin-right: 25px !important; }
  .mr-xs-30 {
    margin-right: 30px !important; }
  .mr-xs-40 {
    margin-right: 40px !important; }
  .mr-xs-50 {
    margin-right: 50px !important; }
  .mr-xs-60 {
    margin-right: 60px !important; }
  .mr-xs-70 {
    margin-right: 70px !important; }
  .mr-xs-80 {
    margin-right: 80px !important; }
  .mr-xs-90 {
    margin-right: 90px !important; }
  .mr-xs-100 {
    margin-right: 100px !important; }
  .mr-xs-110 {
    margin-right: 110px !important; }
  .mr-xs-120 {
    margin-right: 120px !important; }
  .mr-xs-130 {
    margin-right: 130px !important; }
  .mr-xs-140 {
    margin-right: 140px !important; }
  .mr-xs-150 {
    margin-right: 150px !important; }
  .mr-xs-200 {
    margin-right: 200px !important; }
  .mr-xs-250 {
    margin-right: 250px !important; }
  .mr-xs--10 {
    margin-right: -10px !important; }
  .mr-xs--15 {
    margin-right: -15px !important; }
  .mr-xs--20 {
    margin-right: -20px !important; }
  .mr-xs--25 {
    margin-right: -25px !important; }
  .mr-xs--30 {
    margin-right: -30px !important; }
  .mr-xs--40 {
    margin-right: -40px !important; }
  .mr-xs--50 {
    margin-right: -50px !important; }
  .mr-xs--60 {
    margin-right: -60px !important; }
  .mr-xs--70 {
    margin-right: -70px !important; }
  .mr-xs--80 {
    margin-right: -80px !important; }
  .mr-xs--90 {
    margin-right: -90px !important; }
  .mr-xs--100 {
    margin-right: -100px !important; }
  .ml-xs--0 {
    margin-left: 0px !important; }
  .ml-xs-10 {
    margin-left: 10px !important; }
  .ml-xs-15 {
    margin-left: 15px !important; }
  .ml-xs-20 {
    margin-left: 20px !important; }
  .ml-xs-25 {
    margin-left: 25px !important; }
  .ml-xs-30 {
    margin-left: 30px !important; }
  .ml-xs-40 {
    margin-left: 40px !important; }
  .ml-xs-50 {
    margin-left: 50px !important; }
  .ml-xs-60 {
    margin-left: 60px !important; }
  .ml-xs-70 {
    margin-left: 70px !important; }
  .ml-xs-80 {
    margin-left: 80px !important; }
  .ml-xs-90 {
    margin-left: 90px !important; }
  .ml-xs-100 {
    margin-left: 100px !important; }
  .ml-xs-110 {
    margin-left: 110px !important; }
  .ml-xs-120 {
    margin-left: 120px !important; }
  .ml-xs-130 {
    margin-left: 130px !important; }
  .ml-xs-140 {
    margin-left: 140px !important; }
  .ml-xs-150 {
    margin-left: 150px !important; }
  .ml-xs-200 {
    margin-left: 200px !important; }
  .ml-xs-250 {
    margin-left: 250px !important; }
  .ml-xs--10 {
    margin-left: -10px !important; }
  .ml-xs--15 {
    margin-left: -15px !important; }
  .ml-xs--20 {
    margin-left: -20px !important; }
  .ml-xs--25 {
    margin-left: -25px !important; }
  .ml-xs--30 {
    margin-left: -30px !important; }
  .ml-xs--40 {
    margin-left: -40px !important; }
  .ml-xs--50 {
    margin-left: -50px !important; }
  .ml-xs--60 {
    margin-left: -60px !important; }
  .ml-xs--70 {
    margin-left: -70px !important; }
  .ml-xs--80 {
    margin-left: -80px !important; }
  .ml-xs--90 {
    margin-left: -90px !important; }
  .ml-xs--100 {
    margin-left: -100px !important; } }

/* Padding */
.p--0 {
  padding: 0px !important; }

.p-10 {
  padding: 10px !important; }

.p-15 {
  padding: 15px !important; }

.p-20 {
  padding: 20px !important; }

.p-25 {
  padding: 25px !important; }

.p-30 {
  padding: 30px !important; }

.p-40 {
  padding: 40px !important; }

.p-50 {
  padding: 50px !important; }

.p-60 {
  padding: 60px !important; }

.p-70 {
  padding: 70px !important; }

.p-80 {
  padding: 80px !important; }

.p-90 {
  padding: 90px !important; }

.p-100 {
  padding: 100px !important; }

.p-110 {
  padding: 110px !important; }

.p-120 {
  padding: 120px !important; }

.p-130 {
  padding: 130px !important; }

.p-140 {
  padding: 140px !important; }

.p-150 {
  padding: 150px !important; }

.p-200 {
  padding: 200px !important; }

.p-250 {
  padding: 250px !important; }

.p--10 {
  padding: -10px !important; }

.p--15 {
  padding: -15px !important; }

.p--20 {
  padding: -20px !important; }

.p--25 {
  padding: -25px !important; }

.p--30 {
  padding: -30px !important; }

.p--40 {
  padding: -40px !important; }

.p--50 {
  padding: -50px !important; }

.p--60 {
  padding: -60px !important; }

.p--70 {
  padding: -70px !important; }

.p--80 {
  padding: -80px !important; }

.p--90 {
  padding: -90px !important; }

.p--100 {
  padding: -100px !important; }

.pt--0 {
  padding-top: 0px !important; }

.pt-10 {
  padding-top: 10px !important; }

.pt-15 {
  padding-top: 15px !important; }

.pt-20 {
  padding-top: 20px !important; }

.pt-25 {
  padding-top: 25px !important; }

.pt-30 {
  padding-top: 30px !important; }

.pt-40 {
  padding-top: 40px !important; }

.pt-50 {
  padding-top: 50px !important; }

.pt-60 {
  padding-top: 60px !important; }

.pt-70 {
  padding-top: 70px !important; }

.pt-80 {
  padding-top: 80px !important; }

.pt-90 {
  padding-top: 90px !important; }

.pt-100 {
  padding-top: 100px !important; }

.pt-110 {
  padding-top: 110px !important; }

.pt-120 {
  padding-top: 120px !important; }

.pt-130 {
  padding-top: 130px !important; }

.pt-140 {
  padding-top: 140px !important; }

.pt-150 {
  padding-top: 150px !important; }

.pt-200 {
  padding-top: 200px !important; }

.pt-250 {
  padding-top: 250px !important; }

.pt--10 {
  padding-top: -10px !important; }

.pt--15 {
  padding-top: -15px !important; }

.pt--20 {
  padding-top: -20px !important; }

.pt--25 {
  padding-top: -25px !important; }

.pt--30 {
  padding-top: -30px !important; }

.pt--40 {
  padding-top: -40px !important; }

.pt--50 {
  padding-top: -50px !important; }

.pt--60 {
  padding-top: -60px !important; }

.pt--70 {
  padding-top: -70px !important; }

.pt--80 {
  padding-top: -80px !important; }

.pt--90 {
  padding-top: -90px !important; }

.pt--100 {
  padding-top: -100px !important; }

.pb--0 {
  padding-bottom: 0px !important; }

.pb-10 {
  padding-bottom: 10px !important; }

.pb-15 {
  padding-bottom: 15px !important; }

.pb-20 {
  padding-bottom: 20px !important; }

.pb-25 {
  padding-bottom: 25px !important; }

.pb-30 {
  padding-bottom: 30px !important; }

.pb-40 {
  padding-bottom: 40px !important; }

.pb-50 {
  padding-bottom: 50px !important; }

.pb-60 {
  padding-bottom: 60px !important; }

.pb-70 {
  padding-bottom: 70px !important; }

.pb-80 {
  padding-bottom: 80px !important; }

.pb-90 {
  padding-bottom: 90px !important; }

.pb-100 {
  padding-bottom: 100px !important; }

.pb-110 {
  padding-bottom: 110px !important; }

.pb-120 {
  padding-bottom: 120px !important; }

.pb-130 {
  padding-bottom: 130px !important; }

.pb-140 {
  padding-bottom: 140px !important; }

.pb-150 {
  padding-bottom: 150px !important; }

.pb-200 {
  padding-bottom: 200px !important; }

.pb-250 {
  padding-bottom: 250px !important; }

.pb--10 {
  padding-bottom: -10px !important; }

.pb--15 {
  padding-bottom: -15px !important; }

.pb--20 {
  padding-bottom: -20px !important; }

.pb--25 {
  padding-bottom: -25px !important; }

.pb--30 {
  padding-bottom: -30px !important; }

.pb--40 {
  padding-bottom: -40px !important; }

.pb--50 {
  padding-bottom: -50px !important; }

.pb--60 {
  padding-bottom: -60px !important; }

.pb--70 {
  padding-bottom: -70px !important; }

.pb--80 {
  padding-bottom: -80px !important; }

.pb--90 {
  padding-bottom: -90px !important; }

.pb--100 {
  padding-bottom: -100px !important; }

.pr--0 {
  padding-right: 0px !important; }

.pr-10 {
  padding-right: 10px !important; }

.pr-15 {
  padding-right: 15px !important; }

.pr-20 {
  padding-right: 20px !important; }

.pr-25 {
  padding-right: 25px !important; }

.pr-30 {
  padding-right: 30px !important; }

.pr-40 {
  padding-right: 40px !important; }

.pr-50 {
  padding-right: 50px !important; }

.pr-60 {
  padding-right: 60px !important; }

.pr-70 {
  padding-right: 70px !important; }

.pr-80 {
  padding-right: 80px !important; }

.pr-90 {
  padding-right: 90px !important; }

.pr-100 {
  padding-right: 100px !important; }

.pr-110 {
  padding-right: 110px !important; }

.pr-120 {
  padding-right: 120px !important; }

.pr-130 {
  padding-right: 130px !important; }

.pr-140 {
  padding-right: 140px !important; }

.pr-150 {
  padding-right: 150px !important; }

.pr-200 {
  padding-right: 200px !important; }

.pr-250 {
  padding-right: 250px !important; }

.pr--10 {
  padding-right: -10px !important; }

.pr--15 {
  padding-right: -15px !important; }

.pr--20 {
  padding-right: -20px !important; }

.pr--25 {
  padding-right: -25px !important; }

.pr--30 {
  padding-right: -30px !important; }

.pr--40 {
  padding-right: -40px !important; }

.pr--50 {
  padding-right: -50px !important; }

.pr--60 {
  padding-right: -60px !important; }

.pr--70 {
  padding-right: -70px !important; }

.pr--80 {
  padding-right: -80px !important; }

.pr--90 {
  padding-right: -90px !important; }

.pr--100 {
  padding-right: -100px !important; }

.pl--0 {
  padding-left: 0px !important; }

.pl-10 {
  padding-left: 10px !important; }

.pl-15 {
  padding-left: 15px !important; }

.pl-20 {
  padding-left: 20px !important; }

.pl-25 {
  padding-left: 25px !important; }

.pl-30 {
  padding-left: 30px !important; }

.pl-40 {
  padding-left: 40px !important; }

.pl-50 {
  padding-left: 50px !important; }

.pl-60 {
  padding-left: 60px !important; }

.pl-70 {
  padding-left: 70px !important; }

.pl-80 {
  padding-left: 80px !important; }

.pl-90 {
  padding-left: 90px !important; }

.pl-100 {
  padding-left: 100px !important; }

.pl-110 {
  padding-left: 110px !important; }

.pl-120 {
  padding-left: 120px !important; }

.pl-130 {
  padding-left: 130px !important; }

.pl-140 {
  padding-left: 140px !important; }

.pl-150 {
  padding-left: 150px !important; }

.pl-200 {
  padding-left: 200px !important; }

.pl-250 {
  padding-left: 250px !important; }

.pl--10 {
  padding-left: -10px !important; }

.pl--15 {
  padding-left: -15px !important; }

.pl--20 {
  padding-left: -20px !important; }

.pl--25 {
  padding-left: -25px !important; }

.pl--30 {
  padding-left: -30px !important; }

.pl--40 {
  padding-left: -40px !important; }

.pl--50 {
  padding-left: -50px !important; }

.pl--60 {
  padding-left: -60px !important; }

.pl--70 {
  padding-left: -70px !important; }

.pl--80 {
  padding-left: -80px !important; }

.pl--90 {
  padding-left: -90px !important; }

.pl--100 {
  padding-left: -100px !important; }

@media (max-width: 1199.98px) {
  .p-lg--0 {
    padding: 0px !important; }
  .p-lg-10 {
    padding: 10px !important; }
  .p-lg-15 {
    padding: 15px !important; }
  .p-lg-20 {
    padding: 20px !important; }
  .p-lg-25 {
    padding: 25px !important; }
  .p-lg-30 {
    padding: 30px !important; }
  .p-lg-40 {
    padding: 40px !important; }
  .p-lg-50 {
    padding: 50px !important; }
  .p-lg-60 {
    padding: 60px !important; }
  .p-lg-70 {
    padding: 70px !important; }
  .p-lg-80 {
    padding: 80px !important; }
  .p-lg-90 {
    padding: 90px !important; }
  .p-lg-100 {
    padding: 100px !important; }
  .p-lg-110 {
    padding: 110px !important; }
  .p-lg-120 {
    padding: 120px !important; }
  .p-lg-130 {
    padding: 130px !important; }
  .p-lg-140 {
    padding: 140px !important; }
  .p-lg-150 {
    padding: 150px !important; }
  .p-lg-200 {
    padding: 200px !important; }
  .p-lg-250 {
    padding: 250px !important; }
  .p-lg--10 {
    padding: -10px !important; }
  .p-lg--15 {
    padding: -15px !important; }
  .p-lg--20 {
    padding: -20px !important; }
  .p-lg--25 {
    padding: -25px !important; }
  .p-lg--30 {
    padding: -30px !important; }
  .p-lg--40 {
    padding: -40px !important; }
  .p-lg--50 {
    padding: -50px !important; }
  .p-lg--60 {
    padding: -60px !important; }
  .p-lg--70 {
    padding: -70px !important; }
  .p-lg--80 {
    padding: -80px !important; }
  .p-lg--90 {
    padding: -90px !important; }
  .p-lg--100 {
    padding: -100px !important; }
  .pt-lg--0 {
    padding-top: 0px !important; }
  .pt-lg-10 {
    padding-top: 10px !important; }
  .pt-lg-15 {
    padding-top: 15px !important; }
  .pt-lg-20 {
    padding-top: 20px !important; }
  .pt-lg-25 {
    padding-top: 25px !important; }
  .pt-lg-30 {
    padding-top: 30px !important; }
  .pt-lg-40 {
    padding-top: 40px !important; }
  .pt-lg-50 {
    padding-top: 50px !important; }
  .pt-lg-60 {
    padding-top: 60px !important; }
  .pt-lg-70 {
    padding-top: 70px !important; }
  .pt-lg-80 {
    padding-top: 80px !important; }
  .pt-lg-90 {
    padding-top: 90px !important; }
  .pt-lg-100 {
    padding-top: 100px !important; }
  .pt-lg-110 {
    padding-top: 110px !important; }
  .pt-lg-120 {
    padding-top: 120px !important; }
  .pt-lg-130 {
    padding-top: 130px !important; }
  .pt-lg-140 {
    padding-top: 140px !important; }
  .pt-lg-150 {
    padding-top: 150px !important; }
  .pt-lg-200 {
    padding-top: 200px !important; }
  .pt-lg-250 {
    padding-top: 250px !important; }
  .pt-lg--10 {
    padding-top: -10px !important; }
  .pt-lg--15 {
    padding-top: -15px !important; }
  .pt-lg--20 {
    padding-top: -20px !important; }
  .pt-lg--25 {
    padding-top: -25px !important; }
  .pt-lg--30 {
    padding-top: -30px !important; }
  .pt-lg--40 {
    padding-top: -40px !important; }
  .pt-lg--50 {
    padding-top: -50px !important; }
  .pt-lg--60 {
    padding-top: -60px !important; }
  .pt-lg--70 {
    padding-top: -70px !important; }
  .pt-lg--80 {
    padding-top: -80px !important; }
  .pt-lg--90 {
    padding-top: -90px !important; }
  .pt-lg--100 {
    padding-top: -100px !important; }
  .pb-lg--0 {
    padding-bottom: 0px !important; }
  .pb-lg-10 {
    padding-bottom: 10px !important; }
  .pb-lg-15 {
    padding-bottom: 15px !important; }
  .pb-lg-20 {
    padding-bottom: 20px !important; }
  .pb-lg-25 {
    padding-bottom: 25px !important; }
  .pb-lg-30 {
    padding-bottom: 30px !important; }
  .pb-lg-40 {
    padding-bottom: 40px !important; }
  .pb-lg-50 {
    padding-bottom: 50px !important; }
  .pb-lg-60 {
    padding-bottom: 60px !important; }
  .pb-lg-70 {
    padding-bottom: 70px !important; }
  .pb-lg-80 {
    padding-bottom: 80px !important; }
  .pb-lg-90 {
    padding-bottom: 90px !important; }
  .pb-lg-100 {
    padding-bottom: 100px !important; }
  .pb-lg-110 {
    padding-bottom: 110px !important; }
  .pb-lg-120 {
    padding-bottom: 120px !important; }
  .pb-lg-130 {
    padding-bottom: 130px !important; }
  .pb-lg-140 {
    padding-bottom: 140px !important; }
  .pb-lg-150 {
    padding-bottom: 150px !important; }
  .pb-lg-200 {
    padding-bottom: 200px !important; }
  .pb-lg-250 {
    padding-bottom: 250px !important; }
  .pb-lg--10 {
    padding-bottom: -10px !important; }
  .pb-lg--15 {
    padding-bottom: -15px !important; }
  .pb-lg--20 {
    padding-bottom: -20px !important; }
  .pb-lg--25 {
    padding-bottom: -25px !important; }
  .pb-lg--30 {
    padding-bottom: -30px !important; }
  .pb-lg--40 {
    padding-bottom: -40px !important; }
  .pb-lg--50 {
    padding-bottom: -50px !important; }
  .pb-lg--60 {
    padding-bottom: -60px !important; }
  .pb-lg--70 {
    padding-bottom: -70px !important; }
  .pb-lg--80 {
    padding-bottom: -80px !important; }
  .pb-lg--90 {
    padding-bottom: -90px !important; }
  .pb-lg--100 {
    padding-bottom: -100px !important; }
  .pr-lg--0 {
    padding-right: 0px !important; }
  .pr-lg-10 {
    padding-right: 10px !important; }
  .pr-lg-15 {
    padding-right: 15px !important; }
  .pr-lg-20 {
    padding-right: 20px !important; }
  .pr-lg-25 {
    padding-right: 25px !important; }
  .pr-lg-30 {
    padding-right: 30px !important; }
  .pr-lg-40 {
    padding-right: 40px !important; }
  .pr-lg-50 {
    padding-right: 50px !important; }
  .pr-lg-60 {
    padding-right: 60px !important; }
  .pr-lg-70 {
    padding-right: 70px !important; }
  .pr-lg-80 {
    padding-right: 80px !important; }
  .pr-lg-90 {
    padding-right: 90px !important; }
  .pr-lg-100 {
    padding-right: 100px !important; }
  .pr-lg-110 {
    padding-right: 110px !important; }
  .pr-lg-120 {
    padding-right: 120px !important; }
  .pr-lg-130 {
    padding-right: 130px !important; }
  .pr-lg-140 {
    padding-right: 140px !important; }
  .pr-lg-150 {
    padding-right: 150px !important; }
  .pr-lg-200 {
    padding-right: 200px !important; }
  .pr-lg-250 {
    padding-right: 250px !important; }
  .pr-lg--10 {
    padding-right: -10px !important; }
  .pr-lg--15 {
    padding-right: -15px !important; }
  .pr-lg--20 {
    padding-right: -20px !important; }
  .pr-lg--25 {
    padding-right: -25px !important; }
  .pr-lg--30 {
    padding-right: -30px !important; }
  .pr-lg--40 {
    padding-right: -40px !important; }
  .pr-lg--50 {
    padding-right: -50px !important; }
  .pr-lg--60 {
    padding-right: -60px !important; }
  .pr-lg--70 {
    padding-right: -70px !important; }
  .pr-lg--80 {
    padding-right: -80px !important; }
  .pr-lg--90 {
    padding-right: -90px !important; }
  .pr-lg--100 {
    padding-right: -100px !important; }
  .pl-lg--0 {
    padding-left: 0px !important; }
  .pl-lg-10 {
    padding-left: 10px !important; }
  .pl-lg-15 {
    padding-left: 15px !important; }
  .pl-lg-20 {
    padding-left: 20px !important; }
  .pl-lg-25 {
    padding-left: 25px !important; }
  .pl-lg-30 {
    padding-left: 30px !important; }
  .pl-lg-40 {
    padding-left: 40px !important; }
  .pl-lg-50 {
    padding-left: 50px !important; }
  .pl-lg-60 {
    padding-left: 60px !important; }
  .pl-lg-70 {
    padding-left: 70px !important; }
  .pl-lg-80 {
    padding-left: 80px !important; }
  .pl-lg-90 {
    padding-left: 90px !important; }
  .pl-lg-100 {
    padding-left: 100px !important; }
  .pl-lg-110 {
    padding-left: 110px !important; }
  .pl-lg-120 {
    padding-left: 120px !important; }
  .pl-lg-130 {
    padding-left: 130px !important; }
  .pl-lg-140 {
    padding-left: 140px !important; }
  .pl-lg-150 {
    padding-left: 150px !important; }
  .pl-lg-200 {
    padding-left: 200px !important; }
  .pl-lg-250 {
    padding-left: 250px !important; }
  .pl-lg--10 {
    padding-left: -10px !important; }
  .pl-lg--15 {
    padding-left: -15px !important; }
  .pl-lg--20 {
    padding-left: -20px !important; }
  .pl-lg--25 {
    padding-left: -25px !important; }
  .pl-lg--30 {
    padding-left: -30px !important; }
  .pl-lg--40 {
    padding-left: -40px !important; }
  .pl-lg--50 {
    padding-left: -50px !important; }
  .pl-lg--60 {
    padding-left: -60px !important; }
  .pl-lg--70 {
    padding-left: -70px !important; }
  .pl-lg--80 {
    padding-left: -80px !important; }
  .pl-lg--90 {
    padding-left: -90px !important; }
  .pl-lg--100 {
    padding-left: -100px !important; } }

@media (max-width: 991.98px) {
  .p-md--0 {
    padding: 0px !important; }
  .p-md-10 {
    padding: 10px !important; }
  .p-md-15 {
    padding: 15px !important; }
  .p-md-20 {
    padding: 20px !important; }
  .p-md-25 {
    padding: 25px !important; }
  .p-md-30 {
    padding: 30px !important; }
  .p-md-40 {
    padding: 40px !important; }
  .p-md-50 {
    padding: 50px !important; }
  .p-md-60 {
    padding: 60px !important; }
  .p-md-70 {
    padding: 70px !important; }
  .p-md-80 {
    padding: 80px !important; }
  .p-md-90 {
    padding: 90px !important; }
  .p-md-100 {
    padding: 100px !important; }
  .p-md-110 {
    padding: 110px !important; }
  .p-md-120 {
    padding: 120px !important; }
  .p-md-130 {
    padding: 130px !important; }
  .p-md-140 {
    padding: 140px !important; }
  .p-md-150 {
    padding: 150px !important; }
  .p-md-200 {
    padding: 200px !important; }
  .p-md-250 {
    padding: 250px !important; }
  .p-md--10 {
    padding: -10px !important; }
  .p-md--15 {
    padding: -15px !important; }
  .p-md--20 {
    padding: -20px !important; }
  .p-md--25 {
    padding: -25px !important; }
  .p-md--30 {
    padding: -30px !important; }
  .p-md--40 {
    padding: -40px !important; }
  .p-md--50 {
    padding: -50px !important; }
  .p-md--60 {
    padding: -60px !important; }
  .p-md--70 {
    padding: -70px !important; }
  .p-md--80 {
    padding: -80px !important; }
  .p-md--90 {
    padding: -90px !important; }
  .p-md--100 {
    padding: -100px !important; }
  .pt-md--0 {
    padding-top: 0px !important; }
  .pt-md-10 {
    padding-top: 10px !important; }
  .pt-md-15 {
    padding-top: 15px !important; }
  .pt-md-20 {
    padding-top: 20px !important; }
  .pt-md-25 {
    padding-top: 25px !important; }
  .pt-md-30 {
    padding-top: 30px !important; }
  .pt-md-40 {
    padding-top: 40px !important; }
  .pt-md-50 {
    padding-top: 50px !important; }
  .pt-md-60 {
    padding-top: 60px !important; }
  .pt-md-70 {
    padding-top: 70px !important; }
  .pt-md-80 {
    padding-top: 80px !important; }
  .pt-md-90 {
    padding-top: 90px !important; }
  .pt-md-100 {
    padding-top: 100px !important; }
  .pt-md-110 {
    padding-top: 110px !important; }
  .pt-md-120 {
    padding-top: 120px !important; }
  .pt-md-130 {
    padding-top: 130px !important; }
  .pt-md-140 {
    padding-top: 140px !important; }
  .pt-md-150 {
    padding-top: 150px !important; }
  .pt-md-200 {
    padding-top: 200px !important; }
  .pt-md-250 {
    padding-top: 250px !important; }
  .pt-md--10 {
    padding-top: -10px !important; }
  .pt-md--15 {
    padding-top: -15px !important; }
  .pt-md--20 {
    padding-top: -20px !important; }
  .pt-md--25 {
    padding-top: -25px !important; }
  .pt-md--30 {
    padding-top: -30px !important; }
  .pt-md--40 {
    padding-top: -40px !important; }
  .pt-md--50 {
    padding-top: -50px !important; }
  .pt-md--60 {
    padding-top: -60px !important; }
  .pt-md--70 {
    padding-top: -70px !important; }
  .pt-md--80 {
    padding-top: -80px !important; }
  .pt-md--90 {
    padding-top: -90px !important; }
  .pt-md--100 {
    padding-top: -100px !important; }
  .pb-md--0 {
    padding-bottom: 0px !important; }
  .pb-md-10 {
    padding-bottom: 10px !important; }
  .pb-md-15 {
    padding-bottom: 15px !important; }
  .pb-md-20 {
    padding-bottom: 20px !important; }
  .pb-md-25 {
    padding-bottom: 25px !important; }
  .pb-md-30 {
    padding-bottom: 30px !important; }
  .pb-md-40 {
    padding-bottom: 40px !important; }
  .pb-md-50 {
    padding-bottom: 50px !important; }
  .pb-md-60 {
    padding-bottom: 60px !important; }
  .pb-md-70 {
    padding-bottom: 70px !important; }
  .pb-md-80 {
    padding-bottom: 80px !important; }
  .pb-md-90 {
    padding-bottom: 90px !important; }
  .pb-md-100 {
    padding-bottom: 100px !important; }
  .pb-md-110 {
    padding-bottom: 110px !important; }
  .pb-md-120 {
    padding-bottom: 120px !important; }
  .pb-md-130 {
    padding-bottom: 130px !important; }
  .pb-md-140 {
    padding-bottom: 140px !important; }
  .pb-md-150 {
    padding-bottom: 150px !important; }
  .pb-md-200 {
    padding-bottom: 200px !important; }
  .pb-md-250 {
    padding-bottom: 250px !important; }
  .pb-md--10 {
    padding-bottom: -10px !important; }
  .pb-md--15 {
    padding-bottom: -15px !important; }
  .pb-md--20 {
    padding-bottom: -20px !important; }
  .pb-md--25 {
    padding-bottom: -25px !important; }
  .pb-md--30 {
    padding-bottom: -30px !important; }
  .pb-md--40 {
    padding-bottom: -40px !important; }
  .pb-md--50 {
    padding-bottom: -50px !important; }
  .pb-md--60 {
    padding-bottom: -60px !important; }
  .pb-md--70 {
    padding-bottom: -70px !important; }
  .pb-md--80 {
    padding-bottom: -80px !important; }
  .pb-md--90 {
    padding-bottom: -90px !important; }
  .pb-md--100 {
    padding-bottom: -100px !important; }
  .pr-md--0 {
    padding-right: 0px !important; }
  .pr-md-10 {
    padding-right: 10px !important; }
  .pr-md-15 {
    padding-right: 15px !important; }
  .pr-md-20 {
    padding-right: 20px !important; }
  .pr-md-25 {
    padding-right: 25px !important; }
  .pr-md-30 {
    padding-right: 30px !important; }
  .pr-md-40 {
    padding-right: 40px !important; }
  .pr-md-50 {
    padding-right: 50px !important; }
  .pr-md-60 {
    padding-right: 60px !important; }
  .pr-md-70 {
    padding-right: 70px !important; }
  .pr-md-80 {
    padding-right: 80px !important; }
  .pr-md-90 {
    padding-right: 90px !important; }
  .pr-md-100 {
    padding-right: 100px !important; }
  .pr-md-110 {
    padding-right: 110px !important; }
  .pr-md-120 {
    padding-right: 120px !important; }
  .pr-md-130 {
    padding-right: 130px !important; }
  .pr-md-140 {
    padding-right: 140px !important; }
  .pr-md-150 {
    padding-right: 150px !important; }
  .pr-md-200 {
    padding-right: 200px !important; }
  .pr-md-250 {
    padding-right: 250px !important; }
  .pr-md--10 {
    padding-right: -10px !important; }
  .pr-md--15 {
    padding-right: -15px !important; }
  .pr-md--20 {
    padding-right: -20px !important; }
  .pr-md--25 {
    padding-right: -25px !important; }
  .pr-md--30 {
    padding-right: -30px !important; }
  .pr-md--40 {
    padding-right: -40px !important; }
  .pr-md--50 {
    padding-right: -50px !important; }
  .pr-md--60 {
    padding-right: -60px !important; }
  .pr-md--70 {
    padding-right: -70px !important; }
  .pr-md--80 {
    padding-right: -80px !important; }
  .pr-md--90 {
    padding-right: -90px !important; }
  .pr-md--100 {
    padding-right: -100px !important; }
  .pl-md--0 {
    padding-left: 0px !important; }
  .pl-md-10 {
    padding-left: 10px !important; }
  .pl-md-15 {
    padding-left: 15px !important; }
  .pl-md-20 {
    padding-left: 20px !important; }
  .pl-md-25 {
    padding-left: 25px !important; }
  .pl-md-30 {
    padding-left: 30px !important; }
  .pl-md-40 {
    padding-left: 40px !important; }
  .pl-md-50 {
    padding-left: 50px !important; }
  .pl-md-60 {
    padding-left: 60px !important; }
  .pl-md-70 {
    padding-left: 70px !important; }
  .pl-md-80 {
    padding-left: 80px !important; }
  .pl-md-90 {
    padding-left: 90px !important; }
  .pl-md-100 {
    padding-left: 100px !important; }
  .pl-md-110 {
    padding-left: 110px !important; }
  .pl-md-120 {
    padding-left: 120px !important; }
  .pl-md-130 {
    padding-left: 130px !important; }
  .pl-md-140 {
    padding-left: 140px !important; }
  .pl-md-150 {
    padding-left: 150px !important; }
  .pl-md-200 {
    padding-left: 200px !important; }
  .pl-md-250 {
    padding-left: 250px !important; }
  .pl-md--10 {
    padding-left: -10px !important; }
  .pl-md--15 {
    padding-left: -15px !important; }
  .pl-md--20 {
    padding-left: -20px !important; }
  .pl-md--25 {
    padding-left: -25px !important; }
  .pl-md--30 {
    padding-left: -30px !important; }
  .pl-md--40 {
    padding-left: -40px !important; }
  .pl-md--50 {
    padding-left: -50px !important; }
  .pl-md--60 {
    padding-left: -60px !important; }
  .pl-md--70 {
    padding-left: -70px !important; }
  .pl-md--80 {
    padding-left: -80px !important; }
  .pl-md--90 {
    padding-left: -90px !important; }
  .pl-md--100 {
    padding-left: -100px !important; } }

@media (max-width: 767.98px) {
  .p-sm--0 {
    padding: 0px !important; }
  .p-sm-10 {
    padding: 10px !important; }
  .p-sm-15 {
    padding: 15px !important; }
  .p-sm-20 {
    padding: 20px !important; }
  .p-sm-25 {
    padding: 25px !important; }
  .p-sm-30 {
    padding: 30px !important; }
  .p-sm-40 {
    padding: 40px !important; }
  .p-sm-50 {
    padding: 50px !important; }
  .p-sm-60 {
    padding: 60px !important; }
  .p-sm-70 {
    padding: 70px !important; }
  .p-sm-80 {
    padding: 80px !important; }
  .p-sm-90 {
    padding: 90px !important; }
  .p-sm-100 {
    padding: 100px !important; }
  .p-sm-110 {
    padding: 110px !important; }
  .p-sm-120 {
    padding: 120px !important; }
  .p-sm-130 {
    padding: 130px !important; }
  .p-sm-140 {
    padding: 140px !important; }
  .p-sm-150 {
    padding: 150px !important; }
  .p-sm-200 {
    padding: 200px !important; }
  .p-sm-250 {
    padding: 250px !important; }
  .p-sm--10 {
    padding: -10px !important; }
  .p-sm--15 {
    padding: -15px !important; }
  .p-sm--20 {
    padding: -20px !important; }
  .p-sm--25 {
    padding: -25px !important; }
  .p-sm--30 {
    padding: -30px !important; }
  .p-sm--40 {
    padding: -40px !important; }
  .p-sm--50 {
    padding: -50px !important; }
  .p-sm--60 {
    padding: -60px !important; }
  .p-sm--70 {
    padding: -70px !important; }
  .p-sm--80 {
    padding: -80px !important; }
  .p-sm--90 {
    padding: -90px !important; }
  .p-sm--100 {
    padding: -100px !important; }
  .pt-sm--0 {
    padding-top: 0px !important; }
  .pt-sm-10 {
    padding-top: 10px !important; }
  .pt-sm-15 {
    padding-top: 15px !important; }
  .pt-sm-20 {
    padding-top: 20px !important; }
  .pt-sm-25 {
    padding-top: 25px !important; }
  .pt-sm-30 {
    padding-top: 30px !important; }
  .pt-sm-40 {
    padding-top: 40px !important; }
  .pt-sm-50 {
    padding-top: 50px !important; }
  .pt-sm-60 {
    padding-top: 60px !important; }
  .pt-sm-70 {
    padding-top: 70px !important; }
  .pt-sm-80 {
    padding-top: 80px !important; }
  .pt-sm-90 {
    padding-top: 90px !important; }
  .pt-sm-100 {
    padding-top: 100px !important; }
  .pt-sm-110 {
    padding-top: 110px !important; }
  .pt-sm-120 {
    padding-top: 120px !important; }
  .pt-sm-130 {
    padding-top: 130px !important; }
  .pt-sm-140 {
    padding-top: 140px !important; }
  .pt-sm-150 {
    padding-top: 150px !important; }
  .pt-sm-200 {
    padding-top: 200px !important; }
  .pt-sm-250 {
    padding-top: 250px !important; }
  .pt-sm--10 {
    padding-top: -10px !important; }
  .pt-sm--15 {
    padding-top: -15px !important; }
  .pt-sm--20 {
    padding-top: -20px !important; }
  .pt-sm--25 {
    padding-top: -25px !important; }
  .pt-sm--30 {
    padding-top: -30px !important; }
  .pt-sm--40 {
    padding-top: -40px !important; }
  .pt-sm--50 {
    padding-top: -50px !important; }
  .pt-sm--60 {
    padding-top: -60px !important; }
  .pt-sm--70 {
    padding-top: -70px !important; }
  .pt-sm--80 {
    padding-top: -80px !important; }
  .pt-sm--90 {
    padding-top: -90px !important; }
  .pt-sm--100 {
    padding-top: -100px !important; }
  .pb-sm--0 {
    padding-bottom: 0px !important; }
  .pb-sm-10 {
    padding-bottom: 10px !important; }
  .pb-sm-15 {
    padding-bottom: 15px !important; }
  .pb-sm-20 {
    padding-bottom: 20px !important; }
  .pb-sm-25 {
    padding-bottom: 25px !important; }
  .pb-sm-30 {
    padding-bottom: 30px !important; }
  .pb-sm-40 {
    padding-bottom: 40px !important; }
  .pb-sm-50 {
    padding-bottom: 50px !important; }
  .pb-sm-60 {
    padding-bottom: 60px !important; }
  .pb-sm-70 {
    padding-bottom: 70px !important; }
  .pb-sm-80 {
    padding-bottom: 80px !important; }
  .pb-sm-90 {
    padding-bottom: 90px !important; }
  .pb-sm-100 {
    padding-bottom: 100px !important; }
  .pb-sm-110 {
    padding-bottom: 110px !important; }
  .pb-sm-120 {
    padding-bottom: 120px !important; }
  .pb-sm-130 {
    padding-bottom: 130px !important; }
  .pb-sm-140 {
    padding-bottom: 140px !important; }
  .pb-sm-150 {
    padding-bottom: 150px !important; }
  .pb-sm-200 {
    padding-bottom: 200px !important; }
  .pb-sm-250 {
    padding-bottom: 250px !important; }
  .pb-sm--10 {
    padding-bottom: -10px !important; }
  .pb-sm--15 {
    padding-bottom: -15px !important; }
  .pb-sm--20 {
    padding-bottom: -20px !important; }
  .pb-sm--25 {
    padding-bottom: -25px !important; }
  .pb-sm--30 {
    padding-bottom: -30px !important; }
  .pb-sm--40 {
    padding-bottom: -40px !important; }
  .pb-sm--50 {
    padding-bottom: -50px !important; }
  .pb-sm--60 {
    padding-bottom: -60px !important; }
  .pb-sm--70 {
    padding-bottom: -70px !important; }
  .pb-sm--80 {
    padding-bottom: -80px !important; }
  .pb-sm--90 {
    padding-bottom: -90px !important; }
  .pb-sm--100 {
    padding-bottom: -100px !important; }
  .pr-sm--0 {
    padding-right: 0px !important; }
  .pr-sm-10 {
    padding-right: 10px !important; }
  .pr-sm-15 {
    padding-right: 15px !important; }
  .pr-sm-20 {
    padding-right: 20px !important; }
  .pr-sm-25 {
    padding-right: 25px !important; }
  .pr-sm-30 {
    padding-right: 30px !important; }
  .pr-sm-40 {
    padding-right: 40px !important; }
  .pr-sm-50 {
    padding-right: 50px !important; }
  .pr-sm-60 {
    padding-right: 60px !important; }
  .pr-sm-70 {
    padding-right: 70px !important; }
  .pr-sm-80 {
    padding-right: 80px !important; }
  .pr-sm-90 {
    padding-right: 90px !important; }
  .pr-sm-100 {
    padding-right: 100px !important; }
  .pr-sm-110 {
    padding-right: 110px !important; }
  .pr-sm-120 {
    padding-right: 120px !important; }
  .pr-sm-130 {
    padding-right: 130px !important; }
  .pr-sm-140 {
    padding-right: 140px !important; }
  .pr-sm-150 {
    padding-right: 150px !important; }
  .pr-sm-200 {
    padding-right: 200px !important; }
  .pr-sm-250 {
    padding-right: 250px !important; }
  .pr-sm--10 {
    padding-right: -10px !important; }
  .pr-sm--15 {
    padding-right: -15px !important; }
  .pr-sm--20 {
    padding-right: -20px !important; }
  .pr-sm--25 {
    padding-right: -25px !important; }
  .pr-sm--30 {
    padding-right: -30px !important; }
  .pr-sm--40 {
    padding-right: -40px !important; }
  .pr-sm--50 {
    padding-right: -50px !important; }
  .pr-sm--60 {
    padding-right: -60px !important; }
  .pr-sm--70 {
    padding-right: -70px !important; }
  .pr-sm--80 {
    padding-right: -80px !important; }
  .pr-sm--90 {
    padding-right: -90px !important; }
  .pr-sm--100 {
    padding-right: -100px !important; }
  .pl-sm--0 {
    padding-left: 0px !important; }
  .pl-sm-10 {
    padding-left: 10px !important; }
  .pl-sm-15 {
    padding-left: 15px !important; }
  .pl-sm-20 {
    padding-left: 20px !important; }
  .pl-sm-25 {
    padding-left: 25px !important; }
  .pl-sm-30 {
    padding-left: 30px !important; }
  .pl-sm-40 {
    padding-left: 40px !important; }
  .pl-sm-50 {
    padding-left: 50px !important; }
  .pl-sm-60 {
    padding-left: 60px !important; }
  .pl-sm-70 {
    padding-left: 70px !important; }
  .pl-sm-80 {
    padding-left: 80px !important; }
  .pl-sm-90 {
    padding-left: 90px !important; }
  .pl-sm-100 {
    padding-left: 100px !important; }
  .pl-sm-110 {
    padding-left: 110px !important; }
  .pl-sm-120 {
    padding-left: 120px !important; }
  .pl-sm-130 {
    padding-left: 130px !important; }
  .pl-sm-140 {
    padding-left: 140px !important; }
  .pl-sm-150 {
    padding-left: 150px !important; }
  .pl-sm-200 {
    padding-left: 200px !important; }
  .pl-sm-250 {
    padding-left: 250px !important; }
  .pl-sm--10 {
    padding-left: -10px !important; }
  .pl-sm--15 {
    padding-left: -15px !important; }
  .pl-sm--20 {
    padding-left: -20px !important; }
  .pl-sm--25 {
    padding-left: -25px !important; }
  .pl-sm--30 {
    padding-left: -30px !important; }
  .pl-sm--40 {
    padding-left: -40px !important; }
  .pl-sm--50 {
    padding-left: -50px !important; }
  .pl-sm--60 {
    padding-left: -60px !important; }
  .pl-sm--70 {
    padding-left: -70px !important; }
  .pl-sm--80 {
    padding-left: -80px !important; }
  .pl-sm--90 {
    padding-left: -90px !important; }
  .pl-sm--100 {
    padding-left: -100px !important; } }

@media (max-width: 575.98px) {
  .p-xs--0 {
    padding: 0px !important; }
  .p-xs-10 {
    padding: 10px !important; }
  .p-xs-15 {
    padding: 15px !important; }
  .p-xs-20 {
    padding: 20px !important; }
  .p-xs-25 {
    padding: 25px !important; }
  .p-xs-30 {
    padding: 30px !important; }
  .p-xs-40 {
    padding: 40px !important; }
  .p-xs-50 {
    padding: 50px !important; }
  .p-xs-60 {
    padding: 60px !important; }
  .p-xs-70 {
    padding: 70px !important; }
  .p-xs-80 {
    padding: 80px !important; }
  .p-xs-90 {
    padding: 90px !important; }
  .p-xs-100 {
    padding: 100px !important; }
  .p-xs-110 {
    padding: 110px !important; }
  .p-xs-120 {
    padding: 120px !important; }
  .p-xs-130 {
    padding: 130px !important; }
  .p-xs-140 {
    padding: 140px !important; }
  .p-xs-150 {
    padding: 150px !important; }
  .p-xs-200 {
    padding: 200px !important; }
  .p-xs-250 {
    padding: 250px !important; }
  .p-xs--10 {
    padding: -10px !important; }
  .p-xs--15 {
    padding: -15px !important; }
  .p-xs--20 {
    padding: -20px !important; }
  .p-xs--25 {
    padding: -25px !important; }
  .p-xs--30 {
    padding: -30px !important; }
  .p-xs--40 {
    padding: -40px !important; }
  .p-xs--50 {
    padding: -50px !important; }
  .p-xs--60 {
    padding: -60px !important; }
  .p-xs--70 {
    padding: -70px !important; }
  .p-xs--80 {
    padding: -80px !important; }
  .p-xs--90 {
    padding: -90px !important; }
  .p-xs--100 {
    padding: -100px !important; }
  .pt-xs--0 {
    padding-top: 0px !important; }
  .pt-xs-10 {
    padding-top: 10px !important; }
  .pt-xs-15 {
    padding-top: 15px !important; }
  .pt-xs-20 {
    padding-top: 20px !important; }
  .pt-xs-25 {
    padding-top: 25px !important; }
  .pt-xs-30 {
    padding-top: 30px !important; }
  .pt-xs-40 {
    padding-top: 40px !important; }
  .pt-xs-50 {
    padding-top: 50px !important; }
  .pt-xs-60 {
    padding-top: 60px !important; }
  .pt-xs-70 {
    padding-top: 70px !important; }
  .pt-xs-80 {
    padding-top: 80px !important; }
  .pt-xs-90 {
    padding-top: 90px !important; }
  .pt-xs-100 {
    padding-top: 100px !important; }
  .pt-xs-110 {
    padding-top: 110px !important; }
  .pt-xs-120 {
    padding-top: 120px !important; }
  .pt-xs-130 {
    padding-top: 130px !important; }
  .pt-xs-140 {
    padding-top: 140px !important; }
  .pt-xs-150 {
    padding-top: 150px !important; }
  .pt-xs-200 {
    padding-top: 200px !important; }
  .pt-xs-250 {
    padding-top: 250px !important; }
  .pt-xs--10 {
    padding-top: -10px !important; }
  .pt-xs--15 {
    padding-top: -15px !important; }
  .pt-xs--20 {
    padding-top: -20px !important; }
  .pt-xs--25 {
    padding-top: -25px !important; }
  .pt-xs--30 {
    padding-top: -30px !important; }
  .pt-xs--40 {
    padding-top: -40px !important; }
  .pt-xs--50 {
    padding-top: -50px !important; }
  .pt-xs--60 {
    padding-top: -60px !important; }
  .pt-xs--70 {
    padding-top: -70px !important; }
  .pt-xs--80 {
    padding-top: -80px !important; }
  .pt-xs--90 {
    padding-top: -90px !important; }
  .pt-xs--100 {
    padding-top: -100px !important; }
  .pb-xs--0 {
    padding-bottom: 0px !important; }
  .pb-xs-10 {
    padding-bottom: 10px !important; }
  .pb-xs-15 {
    padding-bottom: 15px !important; }
  .pb-xs-20 {
    padding-bottom: 20px !important; }
  .pb-xs-25 {
    padding-bottom: 25px !important; }
  .pb-xs-30 {
    padding-bottom: 30px !important; }
  .pb-xs-40 {
    padding-bottom: 40px !important; }
  .pb-xs-50 {
    padding-bottom: 50px !important; }
  .pb-xs-60 {
    padding-bottom: 60px !important; }
  .pb-xs-70 {
    padding-bottom: 70px !important; }
  .pb-xs-80 {
    padding-bottom: 80px !important; }
  .pb-xs-90 {
    padding-bottom: 90px !important; }
  .pb-xs-100 {
    padding-bottom: 100px !important; }
  .pb-xs-110 {
    padding-bottom: 110px !important; }
  .pb-xs-120 {
    padding-bottom: 120px !important; }
  .pb-xs-130 {
    padding-bottom: 130px !important; }
  .pb-xs-140 {
    padding-bottom: 140px !important; }
  .pb-xs-150 {
    padding-bottom: 150px !important; }
  .pb-xs-200 {
    padding-bottom: 200px !important; }
  .pb-xs-250 {
    padding-bottom: 250px !important; }
  .pb-xs--10 {
    padding-bottom: -10px !important; }
  .pb-xs--15 {
    padding-bottom: -15px !important; }
  .pb-xs--20 {
    padding-bottom: -20px !important; }
  .pb-xs--25 {
    padding-bottom: -25px !important; }
  .pb-xs--30 {
    padding-bottom: -30px !important; }
  .pb-xs--40 {
    padding-bottom: -40px !important; }
  .pb-xs--50 {
    padding-bottom: -50px !important; }
  .pb-xs--60 {
    padding-bottom: -60px !important; }
  .pb-xs--70 {
    padding-bottom: -70px !important; }
  .pb-xs--80 {
    padding-bottom: -80px !important; }
  .pb-xs--90 {
    padding-bottom: -90px !important; }
  .pb-xs--100 {
    padding-bottom: -100px !important; }
  .pr-xs--0 {
    padding-right: 0px !important; }
  .pr-xs-10 {
    padding-right: 10px !important; }
  .pr-xs-15 {
    padding-right: 15px !important; }
  .pr-xs-20 {
    padding-right: 20px !important; }
  .pr-xs-25 {
    padding-right: 25px !important; }
  .pr-xs-30 {
    padding-right: 30px !important; }
  .pr-xs-40 {
    padding-right: 40px !important; }
  .pr-xs-50 {
    padding-right: 50px !important; }
  .pr-xs-60 {
    padding-right: 60px !important; }
  .pr-xs-70 {
    padding-right: 70px !important; }
  .pr-xs-80 {
    padding-right: 80px !important; }
  .pr-xs-90 {
    padding-right: 90px !important; }
  .pr-xs-100 {
    padding-right: 100px !important; }
  .pr-xs-110 {
    padding-right: 110px !important; }
  .pr-xs-120 {
    padding-right: 120px !important; }
  .pr-xs-130 {
    padding-right: 130px !important; }
  .pr-xs-140 {
    padding-right: 140px !important; }
  .pr-xs-150 {
    padding-right: 150px !important; }
  .pr-xs-200 {
    padding-right: 200px !important; }
  .pr-xs-250 {
    padding-right: 250px !important; }
  .pr-xs--10 {
    padding-right: -10px !important; }
  .pr-xs--15 {
    padding-right: -15px !important; }
  .pr-xs--20 {
    padding-right: -20px !important; }
  .pr-xs--25 {
    padding-right: -25px !important; }
  .pr-xs--30 {
    padding-right: -30px !important; }
  .pr-xs--40 {
    padding-right: -40px !important; }
  .pr-xs--50 {
    padding-right: -50px !important; }
  .pr-xs--60 {
    padding-right: -60px !important; }
  .pr-xs--70 {
    padding-right: -70px !important; }
  .pr-xs--80 {
    padding-right: -80px !important; }
  .pr-xs--90 {
    padding-right: -90px !important; }
  .pr-xs--100 {
    padding-right: -100px !important; }
  .pl-xs--0 {
    padding-left: 0px !important; }
  .pl-xs-10 {
    padding-left: 10px !important; }
  .pl-xs-15 {
    padding-left: 15px !important; }
  .pl-xs-20 {
    padding-left: 20px !important; }
  .pl-xs-25 {
    padding-left: 25px !important; }
  .pl-xs-30 {
    padding-left: 30px !important; }
  .pl-xs-40 {
    padding-left: 40px !important; }
  .pl-xs-50 {
    padding-left: 50px !important; }
  .pl-xs-60 {
    padding-left: 60px !important; }
  .pl-xs-70 {
    padding-left: 70px !important; }
  .pl-xs-80 {
    padding-left: 80px !important; }
  .pl-xs-90 {
    padding-left: 90px !important; }
  .pl-xs-100 {
    padding-left: 100px !important; }
  .pl-xs-110 {
    padding-left: 110px !important; }
  .pl-xs-120 {
    padding-left: 120px !important; }
  .pl-xs-130 {
    padding-left: 130px !important; }
  .pl-xs-140 {
    padding-left: 140px !important; }
  .pl-xs-150 {
    padding-left: 150px !important; }
  .pl-xs-200 {
    padding-left: 200px !important; }
  .pl-xs-250 {
    padding-left: 250px !important; }
  .pl-xs--10 {
    padding-left: -10px !important; }
  .pl-xs--15 {
    padding-left: -15px !important; }
  .pl-xs--20 {
    padding-left: -20px !important; }
  .pl-xs--25 {
    padding-left: -25px !important; }
  .pl-xs--30 {
    padding-left: -30px !important; }
  .pl-xs--40 {
    padding-left: -40px !important; }
  .pl-xs--50 {
    padding-left: -50px !important; }
  .pl-xs--60 {
    padding-left: -60px !important; }
  .pl-xs--70 {
    padding-left: -70px !important; }
  .pl-xs--80 {
    padding-left: -80px !important; }
  .pl-xs--90 {
    padding-left: -90px !important; }
  .pl-xs--100 {
    padding-left: -100px !important; } }

.tm-responsive-pos-top-0 {
  top: 0px; }

.tm-responsive-pos-top-10 {
  top: 10px; }

.tm-responsive-pos-top-15 {
  top: 15px; }

.tm-responsive-pos-top-20 {
  top: 20px; }

.tm-responsive-pos-top-25 {
  top: 25px; }

.tm-responsive-pos-top-30 {
  top: 30px; }

.tm-responsive-pos-top-40 {
  top: 40px; }

.tm-responsive-pos-top-50 {
  top: 50px; }

.tm-responsive-pos-top-60 {
  top: 60px; }

.tm-responsive-pos-top-70 {
  top: 70px; }

.tm-responsive-pos-top-80 {
  top: 80px; }

.tm-responsive-pos-top-90 {
  top: 90px; }

.tm-responsive-pos-top-100 {
  top: 100px; }

@media (max-width: 991.98px) {
  [class^="tm-responsive-pos-top-"], [class*=" tm-responsive-pos-top-"] {
    top: 0; } }

.tm-responsive-pos-bottom-0 {
  bottom: 0px; }

.tm-responsive-pos-bottom-10 {
  bottom: 10px; }

.tm-responsive-pos-bottom-15 {
  bottom: 15px; }

.tm-responsive-pos-bottom-20 {
  bottom: 20px; }

.tm-responsive-pos-bottom-25 {
  bottom: 25px; }

.tm-responsive-pos-bottom-30 {
  bottom: 30px; }

.tm-responsive-pos-bottom-40 {
  bottom: 40px; }

.tm-responsive-pos-bottom-50 {
  bottom: 50px; }

.tm-responsive-pos-bottom-60 {
  bottom: 60px; }

.tm-responsive-pos-bottom-70 {
  bottom: 70px; }

.tm-responsive-pos-bottom-80 {
  bottom: 80px; }

.tm-responsive-pos-bottom-90 {
  bottom: 90px; }

.tm-responsive-pos-bottom-100 {
  bottom: 100px; }

@media (max-width: 991.98px) {
  [class^="tm-responsive-pos-bottom-"], [class*=" tm-responsive-pos-bottom-"] {
    bottom: 0; } }

.mt-responsive--150 {
  margin-top: -150px; }
  @media (max-width: 1199.98px) {
    .mt-responsive--150 {
      margin-top: -100px; } }
  @media (max-width: 991.98px) {
    .mt-responsive--150 {
      margin-top: -50px; } }

.mt-responsive--200 {
  margin-top: -200px; }
  @media (max-width: 1199.98px) {
    .mt-responsive--200 {
      margin-top: -150px; } }
  @media (max-width: 991.98px) {
    .mt-responsive--200 {
      margin-top: -80px; } }

.mt-responsive--210 {
  margin-top: -210px; }
  @media (max-width: 1199.98px) {
    .mt-responsive--210 {
      margin-top: -150px; } }
  @media (max-width: 991.98px) {
    .mt-responsive--210 {
      margin-top: -80px; } }

.mt-responsive--220 {
  margin-top: -220px; }
  @media (max-width: 1199.98px) {
    .mt-responsive--220 {
      margin-top: -150px; } }
  @media (max-width: 991.98px) {
    .mt-responsive--220 {
      margin-top: -80px; } }

.mt-responsive--230 {
  margin-top: -230px; }
  @media (max-width: 1199.98px) {
    .mt-responsive--230 {
      margin-top: -150px; } }
  @media (max-width: 991.98px) {
    .mt-responsive--230 {
      margin-top: -80px; } }

.mt-responsive--240 {
  margin-top: -240px; }
  @media (max-width: 1199.98px) {
    .mt-responsive--240 {
      margin-top: -150px; } }
  @media (max-width: 991.98px) {
    .mt-responsive--240 {
      margin-top: -80px; } }

.mt-responsive--250 {
  margin-top: -250px; }
  @media (max-width: 1199.98px) {
    .mt-responsive--250 {
      margin-top: -150px; } }
  @media (max-width: 991.98px) {
    .mt-responsive--250 {
      margin-top: -80px; } }

@media (max-width: 767.98px) {
  [class^="mt-responsive-"], [class*=" mt-responsive-"] {
    margin-top: 0; } }



/* inlined tm-utility-classes.css */
/*
 * ThemeMascot Utility Classes
 * -----------------------------------------------
*/
/* -------- Font Size ---------- */
.font-size-10 {
  font-size: 10px !important; }

.font-size-11 {
  font-size: 11px !important; }

.font-size-12 {
  font-size: 12px !important; }

.font-size-13 {
  font-size: 13px !important; }

.font-size-14 {
  font-size: 14px !important; }

.font-size-15 {
  font-size: 15px !important; }

.font-size-16 {
  font-size: 16px !important; }

.font-size-17 {
  font-size: 17px !important; }

.font-size-18 {
  font-size: 18px !important; }

.font-size-19 {
  font-size: 19px !important; }

.font-size-20 {
  font-size: 20px !important; }

.font-size-21 {
  font-size: 21px !important; }

.font-size-22 {
  font-size: 22px !important; }

.font-size-23 {
  font-size: 23px !important; }

.font-size-24 {
  font-size: 24px !important; }

.font-size-25 {
  font-size: 25px !important; }

.font-size-26 {
  font-size: 26px !important; }

.font-size-27 {
  font-size: 27px !important; }

.font-size-28 {
  font-size: 28px !important; }

.font-size-29 {
  font-size: 29px !important; }

.font-size-30 {
  font-size: 30px !important; }

.font-size-32 {
  font-size: 32px !important; }

.font-size-36 {
  font-size: 36px !important; }

.font-size-38 {
  font-size: 38px !important; }

.font-size-40 {
  font-size: 40px !important; }

.font-size-42 {
  font-size: 42px !important; }

.font-size-44 {
  font-size: 44px !important; }

.font-size-46 {
  font-size: 46px !important; }

.font-size-48 {
  font-size: 48px !important; }

.font-size-50 {
  font-size: 50px !important; }

.font-size-54 {
  font-size: 54px !important; }

.font-size-60 {
  font-size: 60px !important; }

.font-size-64 {
  font-size: 64px !important; }

.font-size-70 {
  font-size: 70px !important; }

.font-size-72 {
  font-size: 72px !important; }

.font-size-78 {
  font-size: 78px !important; }

.font-size-80 {
  font-size: 80px !important; }

.font-size-84 {
  font-size: 84px !important; }

.font-size-86 {
  font-size: 86px !important; }

.font-size-90 {
  font-size: 90px !important; }

.font-size-100 {
  font-size: 100px !important; }

.font-size-120 {
  font-size: 120px !important; }

.font-size-130 {
  font-size: 130px !important; }

.font-size-140 {
  font-size: 140px !important; }

.font-size-150 {
  font-size: 150px !important; }

.font-size-200 {
  font-size: 200px !important; }

.font-size-220 {
  font-size: 220px !important; }

.font-size-240 {
  font-size: 240px !important; }

.font-size-250 {
  font-size: 250px !important; }

/* -------- Text Colors ---------- */
/* Text Black & Gray Color*/
.text-black {
  color: #000 !important; }

.text-black-111 {
  color: #111 !important; }

.text-black-222 {
  color: #222 !important; }

.text-black-333 {
  color: #333 !important; }

.text-black-444 {
  color: #444 !important; }

.text-black-555 {
  color: #555 !important; }

.text-black-666 {
  color: #666 !important; }

.text-black-777 {
  color: #777 !important; }

.text-black-888 {
  color: #888 !important; }

.text-black-999 {
  color: #999 !important; }

.text-gray-dimgray {
  color: #696969 !important; }

.text-gray-light {
  color: #777 !important; }

.text-gray {
  color: #808080 !important; }

.text-gray-darkgray {
  color: #a9a9a9 !important; }

.text-gray-silver {
  color: #c0c0c0 !important; }

.text-gray-lightgray {
  color: #d3d3d3 !important; }

.text-gray-gainsboro {
  color: #fff !important; }

.text-gray-lighter {
  color: #eee !important; }

.text-gray-aaa {
  color: #aaa !important; }

.text-gray-bbb {
  color: #bbb !important; }

.text-gray-ccc {
  color: #ccc !important; }

.text-gray-ddd {
  color: #ddd !important; }

.text-gray-eee {
  color: #eee !important; }

/* Text White Color*/
.text-white-f1 {
  color: #f1f1f1 !important; }

.text-white-f2 {
  color: #f2f2f2 !important; }

.text-white-f3 {
  color: #f3f3f3 !important; }

.text-white-f4 {
  color: #f4f4f4 !important; }

.text-white-f5 {
  color: #f5f5f5 !important; }

.text-white-f6 {
  color: #f6f6f6 !important; }

.text-white-f7 {
  color: #f7f7f7 !important; }

.text-white-f8 {
  color: #f8f8f8 !important; }

.text-white-f9 {
  color: #f9f9f9 !important; }

.text-white-fa {
  color: #fafafa !important; }

.text-white-fc {
  color: #fcfcfc !important; }

.text-white-fd {
  color: #fdfdfd !important; }

.text-white-fe {
  color: #fefefe !important; }

/* -------- Solid Color Background ---------- */
.bg-black {
  background-color: #000 !important; }

.bg-black-111 {
  background-color: #111 !important; }

.bg-black-222 {
  background-color: #222 !important; }

.bg-black-333 {
  background-color: #333 !important; }

.bg-black-444 {
  background-color: #444 !important; }

.bg-black-555 {
  background-color: #555 !important; }

.bg-silver-light {
  background-color: #f6f6f6 !important; }

/* Bg White Color*/
.bg-white {
  background-color: #fff !important; }

.bg-white-f1 {
  background-color: #f1f1f1 !important; }

.bg-white-f2 {
  background-color: #f2f2f2 !important; }

.bg-white-f3 {
  background-color: #f3f3f3 !important; }

.bg-white-f4 {
  background-color: #f4f4f4 !important; }

.bg-white-f5 {
  background-color: #f5f5f5 !important; }

.bg-white-f6 {
  background-color: #f6f6f6 !important; }

.bg-white-f7 {
  background-color: #f7f7f7 !important; }

.bg-white-f8 {
  background-color: #f8f8f8 !important; }

.bg-white-f9 {
  background-color: #f9f9f9 !important; }

.bg-white-fa {
  background-color: #fafafa !important; }

.bg-white-fb {
  background-color: #fbfbfb !important; }

.bg-white-fc {
  background-color: #fcfcfc !important; }

.bg-white-fd {
  background-color: #fdfdfd !important; }

.bg-white-fe {
  background-color: #fefefe !important; }

/* -------- Transparent Background Color ---------- */
.bg-white-transparent-9 {
  background-color: rgba(255, 255, 255, 0.9) !important; }

.bg-white-transparent-8 {
  background-color: rgba(255, 255, 255, 0.8) !important; }

.bg-white-transparent-7 {
  background-color: rgba(255, 255, 255, 0.7) !important; }

.bg-white-transparent-6 {
  background-color: rgba(255, 255, 255, 0.6) !important; }

.bg-white-transparent-5 {
  background-color: rgba(255, 255, 255, 0.5) !important; }

.bg-white-transparent-4 {
  background-color: rgba(255, 255, 255, 0.4) !important; }

.bg-white-transparent-3 {
  background-color: rgba(255, 255, 255, 0.3) !important; }

.bg-white-transparent-2 {
  background-color: rgba(255, 255, 255, 0.2) !important; }

.bg-white-transparent-1 {
  background-color: rgba(255, 255, 255, 0.1) !important; }

.bg-dark-transparent-9 {
  background-color: rgba(0, 0, 0, 0.9) !important; }

.bg-dark-transparent-8 {
  background-color: rgba(0, 0, 0, 0.8) !important; }

.bg-dark-transparent-7 {
  background-color: rgba(0, 0, 0, 0.7) !important; }

.bg-dark-transparent-6 {
  background-color: rgba(0, 0, 0, 0.6) !important; }

.bg-dark-transparent-5 {
  background-color: rgba(0, 0, 0, 0.5) !important; }

.bg-dark-transparent-4 {
  background-color: rgba(0, 0, 0, 0.4) !important; }

.bg-dark-transparent-3 {
  background-color: rgba(0, 0, 0, 0.3) !important; }

.bg-dark-transparent-2 {
  background-color: rgba(0, 0, 0, 0.2) !important; }

.bg-dark-transparent-1 {
  background-color: rgba(0, 0, 0, 0.1) !important; }

/* -------- box-shadow ---------- */
/* -------- Letter Spacing ---------- */
.letter-space-0 {
  letter-spacing: 0px; }

.letter-space-1 {
  letter-spacing: 1px; }

.letter-space-2 {
  letter-spacing: 2px; }

.letter-space-3 {
  letter-spacing: 3px; }

.letter-space-4 {
  letter-spacing: 4px; }

.letter-space-5 {
  letter-spacing: 5px; }

.letter-space-6 {
  letter-spacing: 6px; }

.letter-space-7 {
  letter-spacing: 7px; }

.letter-space-8 {
  letter-spacing: 8px; }

.letter-space-9 {
  letter-spacing: 9px; }

.letter-space-10 {
  letter-spacing: 10px; }

/* -------- z-index ---------- */
.z-index--1 {
  z-index: -1 !important; }

.z-index-0 {
  z-index: 0 !important; }

.z-index-1 {
  z-index: 1 !important; }

.z-index-2 {
  z-index: 2 !important; }

.z-index-3 {
  z-index: 3 !important; }

.z-index-4 {
  z-index: 4 !important; }

.z-index-5 {
  z-index: 5 !important; }

.z-index-99 {
  z-index: 99 !important; }

.z-index-111 {
  z-index: 111 !important; }

.z-index-1111 {
  z-index: 1111 !important; }

.z-index-9999 {
  z-index: 9999 !important; }

/* -------- Font Weight ---------- */
.font-weight-100 {
  font-weight: 100 !important; }

.font-weight-200 {
  font-weight: 200 !important; }

.font-weight-300 {
  font-weight: 300 !important; }

.font-weight-400 {
  font-weight: 400 !important; }

.font-weight-500 {
  font-weight: 500 !important; }

.font-weight-600 {
  font-weight: 600 !important; }

.font-weight-700 {
  font-weight: 700 !important; }

.font-weight-800 {
  font-weight: 800 !important; }

.font-weight-900 {
  font-weight: 900 !important; }

/* -------- Line Height ---------- */
.line-height-0 {
  line-height: 0px; }

.line-height-1 {
  line-height: 1 !important; }

.line-height-1-5 {
  line-height: 1.5 !important; }

.line-height-2 {
  line-height: 2 !important; }

/* -------- Border ---------- */
.no-border {
  border: none !important; }

.border-1px {
  border: 1px solid #f6f6f6 !important; }

.border-2px {
  border: 2px solid #f6f6f6 !important; }

.border-3px {
  border: 3px solid #f6f6f6 !important; }

.border-4px {
  border: 4px solid #f6f6f6 !important; }

.border-5px {
  border: 5px solid #f6f6f6 !important; }

.border-6px {
  border: 6px solid #f6f6f6 !important; }

.border-7px {
  border: 7px solid #f6f6f6 !important; }

.border-8px {
  border: 8px solid #f6f6f6 !important; }

.border-9px {
  border: 9px solid #f6f6f6 !important; }

.border-10px {
  border: 10px solid #f6f6f6 !important; }

.border-8px-white {
  border: 8px solid #fff !important; }

.border-top-1px {
  border-top: 1px solid #eee !important; }

.border-top-2px {
  border-top: 2px solid #eee !important; }

.border-top-3px {
  border-top: 3px solid #eee !important; }

.border-top-5px {
  border-top: 5px solid #f6f6f6 !important; }

.border-right-1px {
  border-right: 1px solid #eee !important; }

.border-right-2px {
  border-right: 2px solid #eee !important; }

.border-right-3px {
  border-right: 3px solid #eee !important; }

.border-bottom-1px {
  border-bottom: 1px solid #eee !important; }

.border-bottom-2px {
  border-bottom: 2px solid #eee !important; }

.border-bottom-3px {
  border-bottom: 3px solid #eee !important; }

.border-left-1px {
  border-left: 1px solid #eee !important; }

.border-left-2px {
  border-left: 2px solid #eee !important; }

.border-left-3px {
  border-left: 3px solid #eee !important; }

/* -------- Border Outline---------- */
.outline-border {
  outline: 5px solid #f1f1f1;
  outline-offset: 5px; }

.outline-border-1px {
  outline: 1px solid #f1f1f1;
  outline-offset: 1px; }

.outline-border-2px {
  outline: 2px solid #f1f1f1;
  outline-offset: 2px; }

.outline-border-3px {
  outline: 3px solid #f1f1f1;
  outline-offset: 3px; }

.outline-border-4px {
  outline: 4px solid #f1f1f1;
  outline-offset: 4px; }

.outline-border-5px {
  outline: 5px solid #f1f1f1;
  outline-offset: 5px; }

/* -------- Background Image ---------- */
.no-bg {
  background: none !important; }

@media (max-width: 1199.98px) {
  .lg-no-bg {
    background: none !important; } }

@media (max-width: 991.98px) {
  .md-no-bg {
    background: none !important; } }

@media (max-width: 767.98px) {
  .sm-no-bg {
    background: none !important; } }

@media (max-width: 575.98px) {
  .xs-no-bg {
    background: none !important; } }

.bg-no-repeat, .bg-img-no-repeat {
  background-repeat: no-repeat !important; }

.bg-img-fixed {
  background-attachment: fixed !important; }

.bg-img-cover {
  background-size: cover !important; }

.bg-img-contain {
  background-size: contain !important; }

.bg-img-center {
  background-position: center !important; }

.bg-img-center-top {
  background-position: center top !important; }

.bg-img-center-bottom {
  background-position: center bottom !important; }

.bg-img-left {
  background-position: left !important; }

.bg-img-left-top {
  background-position: left top !important; }

.bg-img-left-bottom {
  background-position: left bottom !important; }

.bg-img-right {
  background-position: right !important; }

.bg-img-right-top {
  background-position: right top !important; }

.bg-img-right-bottom {
  background-position: right bottom !important; }

.tm-fullwidth, .img-fullwidth {
  width: 100% !important; }

/* -------- Absolute Image Positioning ---------- */
.overflow-visible {
  overflow: visible !important; }

.overflow-hidden {
  overflow: hidden !important; }

.overflow-x-hidden {
  overflow-x: hidden !important; }

.overflow-y-hidden {
  overflow-y: hidden !important; }

.text-left {
  text-align: left !important; }

.text-right {
  text-align: right !important; }

@media (max-width: 767.98px) {
  .float-xs-center {
    display: table;
    float: none !important;
    margin-left: auto !important;
    margin-right: auto !important; }
  .xs-fullwidth {
    width: 100%; }
  .xs-height-auto {
    min-height: auto !important; }
  .xs-hide-bg-img {
    background: none !important; }
  .xs-hide-child-bg-img > div {
    background: none !important; } }

@media (max-width: 767.98px) {
  .float-sm-center {
    display: table;
    float: none !important;
    margin-left: auto !important;
    margin-right: auto !important; }
  .sm-fullwidth {
    width: 100%; }
  .sm-height-auto {
    min-height: auto !important; }
  .sm-hide-bg-img {
    background: none !important; }
  .sm-hide-child-bg-img > div {
    background: none !important; } }

@media (max-width: 991.98px) {
  .float-md-center {
    display: table;
    float: none !important;
    margin-left: auto !important;
    margin-right: auto !important; }
  .md-fullwidth {
    width: 100%; }
  .md-height-auto {
    min-height: auto !important; }
  .md-hide-bg-img {
    background: none !important; }
  .md-hide-child-bg-img > div {
    background: none !important; } }

@media (max-width: 1199.98px) {
  .float-lg-center {
    display: table;
    float: none !important;
    margin-left: auto !important;
    margin-right: auto !important; }
  .lg-fullwidth {
    width: 100%; }
  .lg-height-auto {
    min-height: auto !important; }
  .lg-hide-bg-img {
    background: none !important; }
  .lg-hide-child-bg-img > div {
    background: none !important; } }

.position-inherit {
  position: inherit !important; }


:root {
  --theme-color1: #FF56A6;
  --theme-color2: #151515;
  --theme-color3: #0D0D0D;
  --theme-color1-rgb: 255, 86, 166;
  --theme-color2-rgb: 21, 21, 21;
  --theme-color3-rgb: 13, 13, 13;
  --theme-color1-text-color: #fff;
  --theme-color2-text-color: #fff;
  --theme-color3-text-color: #fff;
  --body-bg: #0D0D0D;
  --theme-color-white: #ffffff;
  --bg-color: #151515;
  --theme-color-white-rgb: 255, 255, 255;
  --theme-color-silver: #eee;
  --theme-color-black: #000000;
  --theme-color-black-rgb: 0, 0, 0;
  --bg-theme-color1: var(--theme-color1);
  --bg-theme-color2: var(--theme-color2);
  --bg-theme-color3: var(--theme-color3);
  --border-color1-rgba: rgba(255, 255, 255, 0.2);
  --border-color2-rgba: rgba(255, 255, 255, 0.13);
  --text-color: #7A7A7A;
  --headings-color: #FFFFFF;
  --link-color: var(--theme-color1);
  --link-hover-color: var(--theme-color2);
  --body-font-family: "Beatrice Trial", sans-serif;
  --heading-font-family: "Beatrice Trial", sans-serif;
  --body-font-size: 16px;
  --body-line-height: 1.9;
  --body-font-weight: 400;
  --line-height-heading-h1: 100%;
  --line-height-heading: 120%;
  --line-height-heading-small: 1.4em;
  --h1-font-size: 100px;
  --h2-font-size: 50px;
  --h3-font-size: 30px;
  --h4-font-size: 24px;
  --h5-font-size: 20px;
  --h6-font-size: 16px;
  --h1-font-weight: 700;
  --h2-font-weight: 500;
  --h3-font-weight: 400;
  --h4-font-weight: 500;
  --h5-font-weight: 600;
  --h6-font-weight: 700;
  --sec-title-subtitle-color: #7e8596;
  --sec-title-subtitle-font-size: 16px;
  --sec-title-subtitle-font-weight: 500;
  --sec-title-subtitle-line-height: 1;
  --sec-title-color: var(--headings-color);
  --sec-title-font-size: 50px;
  --sec-title-font-weight: var(--h2-font-weight);
  --container-width: 1320px;
  --small-container-width: 1000px;
  --large-container-width: 1550px;
  --container-pt: 120px;
  --container-pb: 120px;
  --gradient-1: linear-gradient(90deg, #88ff2a 0%, #fff 100%);
}

/*
 * typography.scss
 * -----------------------------------------------
*/
/* --------------------------------------------
    Template Default Fonts & Fonts Styles
 ---------------------------------------------- */
::-moz-selection {
  background: var(--theme-color1);
  color: #fff;
  text-shadow: none;
}
::selection {
  background: var(--theme-color1);
  color: #fff;
  text-shadow: none;
}

::-moz-selection {
  background: var(--theme-color1); /* Firefox */
  color: #fff;
  text-shadow: none;
}

::-webkit-selection {
  background: var(--theme-color1); /* Safari */
  color: #fff;
  text-shadow: none;
}

:active,
:focus {
  outline: none !important;
}

::-webkit-input-placeholder {
  color: #7c858c;
}

::-moz-input-placeholder {
  color: #7c858c;
}

::-ms-input-placeholder {
  color: #7c858c;
}

body {
  background-color: var(--body-bg);
  background-attachment: fixed;
  -ms-word-wrap: break-word;
  word-wrap: break-word;
  counter-reset: my-sec-counter;
  -webkit-font-smoothing: antialiased;
  -moz-font-smoothing: antialiased;
  color: var(--text-color);
  font-size: var(--body-font-size);
  font-family: var(--body-font-family);
  line-height: var(--body-line-height);
}

p,
.text {
  color: var(--text-color);
  font-size: var(--body-font-size);
  font-weight: var(--body-font-weight);
  line-height: var(--body-line-height);
  letter-spacing: -0.32px;
}

/* -------- Headings ---------- */
h1,
h2,
h3,
h4,
h5,
h6 {
  color: var(--headings-color);
  position: relative;
  font-family: var(--heading-font-family);
  margin: 0;
}
h1 small,
h1 .small,
h2 small,
h2 .small,
h3 small,
h3 .small,
h4 small,
h4 .small,
h5 small,
h5 .small,
h6 small,
h6 .small {
  font-weight: normal;
  line-height: 1;
  color: var(--headings-color);
}
h1 a,
h2 a,
h3 a,
h4 a,
h5 a,
h6 a {
  color: inherit;
  font-weight: inherit;
}

h1 {
  font-size: var(--h1-font-size);
  font-weight: var(--h1-font-weight);
  line-height: var(--line-height-heading-h1);
}

h2 {
  font-size: var(--h2-font-size);
  font-weight: var(--h2-font-weight);
  line-height: var(--line-height-heading);
}

h3 {
  font-size: var(--h3-font-size);
  font-weight: var(--h3-font-weight);
  line-height: var(--line-height-heading);
}
@media (max-width: 1199.98px) {
  h3 {
    font-size: 26px;
  }
}
@media (max-width: 767.98px) {
  h3 {
    font-size: 25px;
  }
}
@media (max-width: 575.98px) {
  h3 {
    font-size: 22px;
  }
}
@media (max-width: 469.98px) {
  h3 {
    font-size: 20px;
  }
}

h4 {
  font-size: var(--h4-font-size);
  font-weight: var(--h4-font-weight);
  line-height: var(--line-height-heading-small);
}
@media (max-width: 1399.98px) {
  h4 {
    font-size: 22px;
  }
}
@media (max-width: 575.98px) {
  h4 {
    font-size: 20px;
  }
}
@media (max-width: 469.98px) {
  h4 {
    font-size: 19px;
  }
}

h5 {
  font-size: var(--h5-font-size);
  font-weight: var(--h5-font-weight);
  line-height: var(--line-height-heading-small);
}

h6 {
  font-size: var(--h6-font-size);
  font-weight: var(--h6-font-weight);
  line-height: var(--line-height-heading-small);
}

/* -------- Body Text ---------- */
table p {
  margin-bottom: 0;
}

p {
  padding: 0;
  margin: 0;
}
p a:not(.button):not(.btn):hover, p a:not(.button):not(.btn):focus {
  text-decoration: underline;
}

/* -------- other ---------- */
a {
  color: var(--link-color);
  text-decoration: none;
  font-weight: var(--body-font-weight);
  cursor: pointer;
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
a:hover, a:focus {
  color: inherit;
  text-decoration: none;
  outline: none;
}
a b,
a strong {
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
a img {
  border: none;
}

pre,
ul,
ol,
dl,
dd,
blockquote,
address,
table,
fieldset {
  margin-bottom: 10px;
}

ol,
ul {
  list-style-position: inside;
  margin: 0;
  padding: 0;
  list-style: none;
}

b,
strong {
  color: #333;
  font-weight: var(--body-font-weight-bold);
}

iframe {
  border: none !important;
}

/*
 * container.scss
 * -----------------------------------------------
*/
.container .container {
  width: 100%;
}

.container .container,
.container .container-fluid,
.container-fluid .container,
.container-fluid .container-fluid {
  padding-left: 0;
  padding-right: 0;
}

.container-fluid {
  padding-left: 60px;
  padding-right: 60px;
}

@media (min-width: 1400px) {
  .container,
  .container-lg,
  .container-md,
  .container-sm,
  .container-xl,
  .container-xxl {
    max-width: var(--container-width);
  }
}
.auto-container {
  position: static;
  max-width: var(--container-width);
  padding: 0px 15px;
  margin: 0 auto;
  width: 100%;
}

.container-1600 {
  max-width: 1600px;
}

/*=== Default Form ===*/
.form-control,
.input-text {
  height: calc(2.25rem + 27px);
  padding: 14px 30px;
  outline: 0;
  background-color: #222222;
  border: 1px solid #35373a;
  color: #686a6f;
  font-size: 0.9rem;
  width: 100%;
}
.form-control::-webkit-input-placeholder, .input-text::-webkit-input-placeholder {
  color: #686a6f;
  opacity: 1;
}
.form-control::-moz-placeholder, .input-text::-moz-placeholder {
  color: #686a6f;
  opacity: 1;
}
.form-control:-ms-input-placeholder, .input-text:-ms-input-placeholder {
  color: #686a6f;
  opacity: 1;
}
.form-control::-ms-input-placeholder, .input-text::-ms-input-placeholder {
  color: #686a6f;
  opacity: 1;
}
.form-control::placeholder,
.input-text::placeholder {
  color: #686a6f;
  opacity: 1;
}
.form-control:-ms-input-placeholder,
.input-text:-ms-input-placeholder {
  color: #686a6f;
}
.form-control::-ms-input-placeholder,
.input-text::-ms-input-placeholder {
  color: #686a6f;
}
.form-control:focus,
.input-text:focus {
  background-color: #222222;
  -webkit-box-shadow: none;
          box-shadow: none;
  border: transparent;
}

textarea.form-control {
  height: auto;
  padding-top: 15px;
  padding-bottom: 15px;
}

.pricing-tab-btn {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 20px;
  margin-top: 40px;
  position: relative;
  z-index: 99;
  margin-bottom: 90px;
}
@media (max-width: 767.98px) {
  .pricing-tab-btn {
    margin-bottom: 20px;
    margin-top: 40px;
  }
}
.pricing-tab-btn span {
  font-size: 20px;
  font-weight: 700;
  color: var(--theme-color-white);
  font-family: var(--heading-font-family);
}
.pricing-tab-btn .nav {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  border: 1px solid rgba(255, 255, 255, 0.2);
  border-radius: 100px;
  padding: 5px 8px;
  line-height: 1;
  background: #151515;
}
.pricing-tab-btn .nav .nav-item .nav-link {
  font-size: 20px;
  font-weight: 700;
  color: var(--theme-color2);
  border-radius: 31px;
  font-family: var(--heading-font-family);
  padding: 0;
  width: 24px;
  height: 24px;
  border: none;
  -webkit-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
}
.pricing-tab-btn .nav .nav-item .nav-link.active {
  background: var(--theme-color1);
  color: var(--theme-color-white);
}

.tp-cursor #cursor-outer {
  display: block;
}

#cursor-outer {
  position: absolute;
  display: none;
  width: 10px;
  height: 10px;
  pointer-events: none;
  z-index: 99999;
  opacity: 0;
  top: 0;
  left: 0;
}

#cursorDot {
  position: fixed;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  pointer-events: none;
  background-color: var(--theme-color1);
  border-radius: 50%;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  mix-blend-mode: difference;
  color: transparent;
}

/* cursorDot view 
============= */
#cursorDot .cursorDot-view {
  position: absolute;
  opacity: 0;
  visibility: hidden;
  padding: 0 5px;
  font-size: 15px;
  font-weight: 500;
  color: #000;
  line-height: 1.3;
  text-align: center;
  -webkit-transform: scale(0);
          transform: scale(0);
}

/* cursorDot drag 
============= */
#cursorDot .cursorDot-drag {
  position: absolute;
  display: block;
  width: 100%;
  padding: 0 5px;
  font-size: 15px;
  font-weight: 600;
  color: var(--theme-color-white);
  line-height: 1.2;
  text-align: center;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}

#cursorDot .cursorDot-drag::before,
#cursorDot .cursorDot-drag::after {
  position: absolute;
  top: 50%;
  margin-top: -5px;
  font-size: 19px;
  color: var(--theme-color-white);
  height: 10px;
  line-height: 10px;
  font-family: "Font Awesome 5 Pro";
  font-weight: 900;
  display: inline-block;
  font-style: normal;
  font-variant: normal;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
}

#cursorDot .cursorDot-drag::before {
  content: "\f104"; /* Font Awesome */
  left: 0;
  -webkit-transform: translate3d(20px, 0, 0);
          transform: translate3d(20px, 0, 0);
  -webkit-transition: all 0.25s;
  transition: all 0.25s;
}

#cursorDot .cursorDot-drag::after {
  content: "\f105"; /* Font Awesome */
  right: 0;
  -webkit-transform: translate3d(-20px, 0, 0);
          transform: translate3d(-20px, 0, 0);
  -webkit-transition: all 0.25s;
  transition: all 0.25s;
}

#cursorDot.with-blur {
  backdrop-filter: blur(18px);
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
}

/* cursorDot close 
============== */
#cursorDot.cursorDot-close-enabled {
  opacity: 1 !important;
}

#cursorDot .cursorDot-close {
  position: absolute;
  padding: 0 5px;
  font-size: 14px;
  font-weight: 600;
  color: var(--theme-color1);
  line-height: 1;
  text-align: center;
}

.tp-magnetic-wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.back-to-top {
  border-radius: 15px !important;
  background-color: var(--theme-color1);
  width: 50px;
  height: 50px;
  line-height: 50px;
  color: var(--theme-color-white);
  font-size: 18px;
  position: fixed;
  display: inline-block;
  z-index: 999;
  right: 30px;
  bottom: 30px;
  -webkit-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
  opacity: 0;
  visibility: hidden;
  -webkit-transform: translateY(20px);
          transform: translateY(20px);
}
.back-to-top:hover {
  background-color: var(--headings-color);
  color: var(--theme-color2);
}
.back-to-top.show {
  opacity: 1;
  visibility: visible;
  -webkit-transform: translate(0);
          transform: translate(0);
}

.cursor-outer {
  -webkit-margin-start: -12px;
          margin-inline-start: -12px;
  margin-top: -12px;
  width: 30px;
  height: 30px;
  border: 1px solid var(--theme-color1);
  background-color: var(--theme-color1);
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  z-index: 10000000;
  opacity: 0.34;
  -webkit-transition: all 0.4s ease-out 0s;
  transition: all 0.4s ease-out 0s;
}

.cursor-outer.cursor-hover {
  opacity: 0.14;
}

.cursor-outer.cursor-big {
  opacity: 0;
}

.mouseCursor {
  position: fixed;
  top: 0;
  inset-inline-start: 0;
  inset-inline-end: 0;
  bottom: 0;
  pointer-events: none;
  border-radius: 50%;
  -webkit-transform: translateZ(0);
          transform: translateZ(0);
  visibility: hidden;
  text-align: center;
}

.mouseCursor.cursor-big {
  width: 20px;
  height: 20px;
  -webkit-margin-start: -12px;
          margin-inline-start: -12px;
  margin-top: -12px;
}

.cursor-inner {
  -webkit-margin-start: -3px;
          margin-inline-start: -3px;
  margin-top: -3px;
  width: 10px;
  height: 10px;
  z-index: 10000001;
  background-color: var(--theme-color1);
  opacity: 1;
  -webkit-transition: all 0.24s ease-out 0s;
  transition: all 0.24s ease-out 0s;
}

.cursor-inner span {
  color: #fff;
  line-height: 60px;
  opacity: 0;
  text-transform: uppercase;
  letter-spacing: 1px;
  font-size: 12px;
}

.cursor-inner.cursor-big span {
  opacity: 1;
}

.cursor-inner.cursor-hover {
  -webkit-margin-start: -10px;
          margin-inline-start: -10px;
  margin-top: -10px;
  width: 30px;
  height: 30px;
  background-color: var(--theme-color1);
  border: 1px solid #686363;
  opacity: 0;
}

/*=======================
    Preloader
=======================*/
.preloader {
  position: fixed;
  top: 0;
  inset-inline-start: 0;
  width: 100%;
  height: 100%;
  background-color: #000;
  z-index: 100000000;
  color: #fdfdf9;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
}

.preloader.is-loading .preloader-ball-inner,
.preloader.is-loading .preloader-ball-shadow {
  -webkit-animation-play-state: running;
          animation-play-state: running;
}

.preloader.is-loaded {
  pointer-events: none;
}

.preloader .preloader-overlay {
  position: fixed;
  top: 0;
  inset-inline-start: 0;
  width: 100%;
  height: 100%;
  background-color: #000;
  z-index: 99999999;
  opacity: 1;
  -webkit-animation: fade-out 2s forwards;
          animation: fade-out 2s forwards;
}

@-webkit-keyframes fade-out {
  0% {
    opacity: 1;
  }
  50% {
    opacity: 1;
  }
  to {
    opacity: 0;
  }
}

@keyframes fade-out {
  0% {
    opacity: 1;
  }
  50% {
    opacity: 1;
  }
  to {
    opacity: 0;
  }
}
.preloader .preloader-inner {
  width: 100%;
  height: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

.preloader .preloader-ball-wrap {
  gap: 10px;
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  inset-inline-start: 0;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-transform: translateX(16px);
          transform: translateX(16px);
}

@media only screen and (min-width: 1025px) {
  .preloader .preloader-ball-wrap {
    -webkit-transform: none;
            transform: none;
  }
}
.preloader .preloader-ball-inner-wrap {
  position: absolute;
  width: 10px;
  height: 100%;
  top: 50%;
  inset-inline-start: -16px;
  -webkit-transform: translate(-100%, -50%);
          transform: translate(-100%, -50%);
  z-index: 10000;
}
@media only screen and (min-width: 1025px) {
  .preloader .preloader-ball-inner-wrap {
    inset-inline-start: -30px;
  }
}

.preloader .preloader-ball-shadow {
  position: absolute;
  width: 16px;
  height: 4px;
  inset-inline-start: 50%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  background-color: var(--theme-color1);
  bottom: 0;
  border-radius: 50%;
  -webkit-filter: blur(12px);
          filter: blur(12px);
  -webkit-box-shadow: 0 4px 20px 0 var(--theme-color1);
          box-shadow: 0 4px 20px 0 var(--theme-color1);
  -webkit-transition: 0.7s cubic-bezier(0.77, 0, 0.175, 1);
  transition: 0.7s cubic-bezier(0.77, 0, 0.175, 1);
  -webkit-animation-play-state: paused;
          animation-play-state: paused;
  -webkit-animation: shadow-blur 1s linear infinite;
          animation: shadow-blur 1s linear infinite;
}

.preloader .preloader-ball-inner {
  position: absolute;
  width: 8px;
  height: 8px;
  border-radius: 50%;
  background-color: var(--theme-color1);
  -webkit-animation: bounce-anim 1s linear infinite;
          animation: bounce-anim 1s linear infinite;
  -webkit-box-shadow: 0 0 12px 0 #fdfdf9;
          box-shadow: 0 0 12px 0 #fdfdf9;
  -webkit-transition: 0.7s cubic-bezier(0.77, 0, 0.175, 1);
  transition: 0.7s cubic-bezier(0.77, 0, 0.175, 1);
  -webkit-animation-play-state: paused;
          animation-play-state: paused;
}

.preloader.is-loaded .preloader-ball-shadow {
  display: none;
}

.preloader.is-loaded .preloader-ball-inner {
  -webkit-animation: fadeLeftToRight 0.7s linear;
          animation: fadeLeftToRight 0.7s linear;
}

.preloader .preloader-ball {
  position: absolute;
  width: 14px;
  height: 14px;
  bottom: 50%;
  inset-inline-start: 50%;
  -webkit-transform: translate(-50%, 50%);
          transform: translate(-50%, 50%);
  border-radius: 50%;
  background-color: rgba(0, 255, 194, 0.1);
  -webkit-box-shadow: 0 0 20px 0 var(--theme-color1);
          box-shadow: 0 0 20px 0 var(--theme-color1);
  -webkit-filter: blur(10px);
          filter: blur(10px);
}

.preloader .preloader-text {
  font-size: 20px;
  position: relative;
  letter-spacing: 0;
  -webkit-transform: translateY(-0.03em);
          transform: translateY(-0.03em);
  -webkit-transition: 0.3s;
  transition: 0.3s;
}

.preloader.is-loaded .preloader-text {
  opacity: 0;
  visibility: hidden;
}

#weave-anim span {
  position: relative;
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
  display: inline-block;
  -webkit-animation: tj-weave-anim 1.15s ease infinite;
          animation: tj-weave-anim 1.15s ease infinite;
  -webkit-transform-origin: 100% 50%;
          transform-origin: 100% 50%;
  -webkit-transform-style: preserve-3d;
          transform-style: preserve-3d;
}
#weave-anim span:nth-child(1) {
  -webkit-animation-delay: 0s;
          animation-delay: 0s;
}
#weave-anim span:nth-child(2) {
  -webkit-animation-delay: 0.05s;
          animation-delay: 0.05s;
}
#weave-anim span:nth-child(3) {
  -webkit-animation-delay: 0.1s;
          animation-delay: 0.1s;
}
#weave-anim span:nth-child(4) {
  -webkit-animation-delay: 0.15s;
          animation-delay: 0.15s;
}
#weave-anim span:nth-child(5) {
  -webkit-animation-delay: 0.2s;
          animation-delay: 0.2s;
}
#weave-anim span:nth-child(6) {
  -webkit-animation-delay: 0.25s;
          animation-delay: 0.25s;
}
#weave-anim span:nth-child(7) {
  -webkit-animation-delay: 0.3s;
          animation-delay: 0.3s;
}
#weave-anim span:nth-child(8) {
  -webkit-animation-delay: 0.35s;
          animation-delay: 0.35s;
}
#weave-anim span:nth-child(9) {
  -webkit-animation-delay: 0.4s;
          animation-delay: 0.4s;
}
#weave-anim span:nth-child(10) {
  -webkit-animation-delay: 0.45s;
          animation-delay: 0.45s;
}
#weave-anim span:nth-child(11) {
  -webkit-animation-delay: 0.5s;
          animation-delay: 0.5s;
}
#weave-anim span:nth-child(12) {
  -webkit-animation-delay: 0.55s;
          animation-delay: 0.55s;
}
#weave-anim span:nth-child(13) {
  -webkit-animation-delay: 0.6s;
          animation-delay: 0.6s;
}
#weave-anim span:nth-child(14) {
  -webkit-animation-delay: 0.65s;
          animation-delay: 0.65s;
}
#weave-anim span:nth-child(15) {
  -webkit-animation-delay: 0.7s;
          animation-delay: 0.7s;
}
#weave-anim span:nth-child(16) {
  -webkit-animation-delay: 0.75s;
          animation-delay: 0.75s;
}
#weave-anim span:nth-child(17) {
  -webkit-animation-delay: 0.8s;
          animation-delay: 0.8s;
}
#weave-anim span:nth-child(18) {
  -webkit-animation-delay: 0.85s;
          animation-delay: 0.85s;
}
#weave-anim span:nth-child(19) {
  -webkit-animation-delay: 0.9s;
          animation-delay: 0.9s;
}
#weave-anim span:nth-child(20) {
  -webkit-animation-delay: 0.95s;
          animation-delay: 0.95s;
}
#weave-anim span:nth-child(21) {
  -webkit-animation-delay: 1s;
          animation-delay: 1s;
}
#weave-anim span:nth-child(22) {
  -webkit-animation-delay: 1.05s;
          animation-delay: 1.05s;
}
#weave-anim span:nth-child(23) {
  -webkit-animation-delay: 1.15s;
          animation-delay: 1.15s;
}

@-webkit-keyframes shadow-blur {
  0% {
    -webkit-filter: blur(12px);
            filter: blur(12px);
    -webkit-transform: translate(-50%) scale(0.6);
            transform: translate(-50%) scale(0.6);
    opacity: 0.4;
  }
  30% {
    -webkit-filter: blur(2px);
            filter: blur(2px);
    -webkit-transform: translate(-50%, -0.5rem) scale(1);
            transform: translate(-50%, -0.5rem) scale(1);
    opacity: 1;
  }
  to {
    -webkit-filter: blur(12px);
            filter: blur(12px);
    -webkit-transform: translate(-50%) scale(0.6);
            transform: translate(-50%) scale(0.6);
    opacity: 0.4;
  }
}

@keyframes shadow-blur {
  0% {
    -webkit-filter: blur(12px);
            filter: blur(12px);
    -webkit-transform: translate(-50%) scale(0.6);
            transform: translate(-50%) scale(0.6);
    opacity: 0.4;
  }
  30% {
    -webkit-filter: blur(2px);
            filter: blur(2px);
    -webkit-transform: translate(-50%, -0.5rem) scale(1);
            transform: translate(-50%, -0.5rem) scale(1);
    opacity: 1;
  }
  to {
    -webkit-filter: blur(12px);
            filter: blur(12px);
    -webkit-transform: translate(-50%) scale(0.6);
            transform: translate(-50%) scale(0.6);
    opacity: 0.4;
  }
}
@-webkit-keyframes fadeLeftToRight {
  0% {
    -webkit-filter: blur(0);
            filter: blur(0);
    -webkit-transform: translate(0) scale(1);
            transform: translate(0) scale(1);
    opacity: 1;
  }
  30% {
    -webkit-filter: blur(0);
            filter: blur(0);
    -webkit-transform: translate(-3000%, 0) scale(1);
            transform: translate(-3000%, 0) scale(1);
    opacity: 1;
  }
  40% {
    -webkit-filter: blur(0);
            filter: blur(0);
    -webkit-transform: translate(-2000%, 0) scale(1);
            transform: translate(-2000%, 0) scale(1);
    opacity: 1;
  }
  60% {
    -webkit-filter: blur(0);
            filter: blur(0);
    -webkit-transform: translate(0%, 0) scale(1);
            transform: translate(0%, 0) scale(1);
    opacity: 1;
  }
  to {
    -webkit-filter: blur(12px);
            filter: blur(12px);
    -webkit-transform: translate(1000%, 0) scale(7);
            transform: translate(1000%, 0) scale(7);
    opacity: 0.4;
  }
}
@keyframes fadeLeftToRight {
  0% {
    -webkit-filter: blur(0);
            filter: blur(0);
    -webkit-transform: translate(0) scale(1);
            transform: translate(0) scale(1);
    opacity: 1;
  }
  30% {
    -webkit-filter: blur(0);
            filter: blur(0);
    -webkit-transform: translate(-3000%, 0) scale(1);
            transform: translate(-3000%, 0) scale(1);
    opacity: 1;
  }
  40% {
    -webkit-filter: blur(0);
            filter: blur(0);
    -webkit-transform: translate(-2000%, 0) scale(1);
            transform: translate(-2000%, 0) scale(1);
    opacity: 1;
  }
  60% {
    -webkit-filter: blur(0);
            filter: blur(0);
    -webkit-transform: translate(0%, 0) scale(1);
            transform: translate(0%, 0) scale(1);
    opacity: 1;
  }
  to {
    -webkit-filter: blur(12px);
            filter: blur(12px);
    -webkit-transform: translate(1000%, 0) scale(7);
            transform: translate(1000%, 0) scale(7);
    opacity: 0.4;
  }
}
@-webkit-keyframes bounce-anim {
  0% {
    -webkit-transform: translateY(calc(-50% - 1rem)) scaleX(1.4);
            transform: translateY(calc(-50% - 1rem)) scaleX(1.4);
  }
  3% {
    -webkit-transform: translateY(calc(-50% - 0.95rem)) scale(1.1, 1.05);
            transform: translateY(calc(-50% - 0.95rem)) scale(1.1, 1.05);
  }
  5% {
    -webkit-transform: translateY(calc(-50% - 0.9rem)) scale(1.2, 1.1);
            transform: translateY(calc(-50% - 0.9rem)) scale(1.2, 1.1);
  }
  8% {
    -webkit-transform: translateY(calc(-50% - 0.8rem)) scale(0.98, 1.15);
            transform: translateY(calc(-50% - 0.8rem)) scale(0.98, 1.15);
  }
  12% {
    -webkit-transform: translateY(calc(-50% - 0.7rem)) scale(0.95, 1.2);
            transform: translateY(calc(-50% - 0.7rem)) scale(0.95, 1.2);
  }
  16% {
    -webkit-transform: translateY(calc(-50% - 0.5rem)) scale(0.92, 1.25);
            transform: translateY(calc(-50% - 0.5rem)) scale(0.92, 1.25);
  }
  20% {
    -webkit-transform: translateY(calc(-50% - 0.2rem)) scale(0.9, 1.4);
            transform: translateY(calc(-50% - 0.2rem)) scale(0.9, 1.4);
  }
  24% {
    -webkit-transform: translateY(calc(-50% + 0.4rem)) scale(0.9, 1.7);
            transform: translateY(calc(-50% + 0.4rem)) scale(0.9, 1.7);
  }
  26% {
    -webkit-transform: translateY(calc(-50% + 0.8rem)) scale(0.9, 1.4);
            transform: translateY(calc(-50% + 0.8rem)) scale(0.9, 1.4);
  }
  28% {
    -webkit-transform: translateY(calc(-50% + 0.95rem)) scale(1.2, 0.7);
            transform: translateY(calc(-50% + 0.95rem)) scale(1.2, 0.7);
  }
  30% {
    -webkit-transform: translateY(calc(-50% + 1rem)) scale(1.5, 0.3);
            transform: translateY(calc(-50% + 1rem)) scale(1.5, 0.3);
  }
  32% {
    -webkit-transform: translateY(calc(-50% + 0.8rem)) scale(1.4, 0.4);
            transform: translateY(calc(-50% + 0.8rem)) scale(1.4, 0.4);
  }
  36% {
    -webkit-transform: translateY(calc(-50% + 0.5rem)) scale(1.2, 0.8);
            transform: translateY(calc(-50% + 0.5rem)) scale(1.2, 0.8);
  }
  42% {
    -webkit-transform: translateY(calc(-50% + 0.2rem)) scaleY(1.2);
            transform: translateY(calc(-50% + 0.2rem)) scaleY(1.2);
  }
  48% {
    -webkit-transform: translateY(calc(-50% - 0.2rem)) scale(0.9, 1.4);
            transform: translateY(calc(-50% - 0.2rem)) scale(0.9, 1.4);
  }
  54% {
    -webkit-transform: translateY(calc(-50% - 0.3rem)) scale(0.92, 1.3);
            transform: translateY(calc(-50% - 0.3rem)) scale(0.92, 1.3);
  }
  62% {
    -webkit-transform: translateY(calc(-50% - 0.5rem)) scale(0.95, 1.2);
            transform: translateY(calc(-50% - 0.5rem)) scale(0.95, 1.2);
  }
  68% {
    -webkit-transform: translateY(calc(-50% - 0.6rem)) scale(0.97, 1.15);
            transform: translateY(calc(-50% - 0.6rem)) scale(0.97, 1.15);
  }
  75% {
    -webkit-transform: translateY(calc(-50% - 0.7rem)) scale(0.98, 1.1);
            transform: translateY(calc(-50% - 0.7rem)) scale(0.98, 1.1);
  }
  80% {
    -webkit-transform: translateY(calc(-50% - 0.8rem)) scale(0.99, 1.08);
            transform: translateY(calc(-50% - 0.8rem)) scale(0.99, 1.08);
  }
  85% {
    -webkit-transform: translateY(calc(-50% - 0.9rem)) scaleY(1.05);
            transform: translateY(calc(-50% - 0.9rem)) scaleY(1.05);
  }
  90% {
    -webkit-transform: translateY(calc(-50% - 0.95rem)) scale(1.2, 1.03);
            transform: translateY(calc(-50% - 0.95rem)) scale(1.2, 1.03);
  }
  95% {
    -webkit-transform: translateY(calc(-50% - 0.98rem)) scale(1.1, 1.01);
            transform: translateY(calc(-50% - 0.98rem)) scale(1.1, 1.01);
  }
  to {
    -webkit-transform: translateY(calc(-50% - 1rem)) scaleX(1.4);
            transform: translateY(calc(-50% - 1rem)) scaleX(1.4);
  }
}
@keyframes bounce-anim {
  0% {
    -webkit-transform: translateY(calc(-50% - 1rem)) scaleX(1.4);
            transform: translateY(calc(-50% - 1rem)) scaleX(1.4);
  }
  3% {
    -webkit-transform: translateY(calc(-50% - 0.95rem)) scale(1.1, 1.05);
            transform: translateY(calc(-50% - 0.95rem)) scale(1.1, 1.05);
  }
  5% {
    -webkit-transform: translateY(calc(-50% - 0.9rem)) scale(1.2, 1.1);
            transform: translateY(calc(-50% - 0.9rem)) scale(1.2, 1.1);
  }
  8% {
    -webkit-transform: translateY(calc(-50% - 0.8rem)) scale(0.98, 1.15);
            transform: translateY(calc(-50% - 0.8rem)) scale(0.98, 1.15);
  }
  12% {
    -webkit-transform: translateY(calc(-50% - 0.7rem)) scale(0.95, 1.2);
            transform: translateY(calc(-50% - 0.7rem)) scale(0.95, 1.2);
  }
  16% {
    -webkit-transform: translateY(calc(-50% - 0.5rem)) scale(0.92, 1.25);
            transform: translateY(calc(-50% - 0.5rem)) scale(0.92, 1.25);
  }
  20% {
    -webkit-transform: translateY(calc(-50% - 0.2rem)) scale(0.9, 1.4);
            transform: translateY(calc(-50% - 0.2rem)) scale(0.9, 1.4);
  }
  24% {
    -webkit-transform: translateY(calc(-50% + 0.4rem)) scale(0.9, 1.7);
            transform: translateY(calc(-50% + 0.4rem)) scale(0.9, 1.7);
  }
  26% {
    -webkit-transform: translateY(calc(-50% + 0.8rem)) scale(0.9, 1.4);
            transform: translateY(calc(-50% + 0.8rem)) scale(0.9, 1.4);
  }
  28% {
    -webkit-transform: translateY(calc(-50% + 0.95rem)) scale(1.2, 0.7);
            transform: translateY(calc(-50% + 0.95rem)) scale(1.2, 0.7);
  }
  30% {
    -webkit-transform: translateY(calc(-50% + 1rem)) scale(1.5, 0.3);
            transform: translateY(calc(-50% + 1rem)) scale(1.5, 0.3);
  }
  32% {
    -webkit-transform: translateY(calc(-50% + 0.8rem)) scale(1.4, 0.4);
            transform: translateY(calc(-50% + 0.8rem)) scale(1.4, 0.4);
  }
  36% {
    -webkit-transform: translateY(calc(-50% + 0.5rem)) scale(1.2, 0.8);
            transform: translateY(calc(-50% + 0.5rem)) scale(1.2, 0.8);
  }
  42% {
    -webkit-transform: translateY(calc(-50% + 0.2rem)) scaleY(1.2);
            transform: translateY(calc(-50% + 0.2rem)) scaleY(1.2);
  }
  48% {
    -webkit-transform: translateY(calc(-50% - 0.2rem)) scale(0.9, 1.4);
            transform: translateY(calc(-50% - 0.2rem)) scale(0.9, 1.4);
  }
  54% {
    -webkit-transform: translateY(calc(-50% - 0.3rem)) scale(0.92, 1.3);
            transform: translateY(calc(-50% - 0.3rem)) scale(0.92, 1.3);
  }
  62% {
    -webkit-transform: translateY(calc(-50% - 0.5rem)) scale(0.95, 1.2);
            transform: translateY(calc(-50% - 0.5rem)) scale(0.95, 1.2);
  }
  68% {
    -webkit-transform: translateY(calc(-50% - 0.6rem)) scale(0.97, 1.15);
            transform: translateY(calc(-50% - 0.6rem)) scale(0.97, 1.15);
  }
  75% {
    -webkit-transform: translateY(calc(-50% - 0.7rem)) scale(0.98, 1.1);
            transform: translateY(calc(-50% - 0.7rem)) scale(0.98, 1.1);
  }
  80% {
    -webkit-transform: translateY(calc(-50% - 0.8rem)) scale(0.99, 1.08);
            transform: translateY(calc(-50% - 0.8rem)) scale(0.99, 1.08);
  }
  85% {
    -webkit-transform: translateY(calc(-50% - 0.9rem)) scaleY(1.05);
            transform: translateY(calc(-50% - 0.9rem)) scaleY(1.05);
  }
  90% {
    -webkit-transform: translateY(calc(-50% - 0.95rem)) scale(1.2, 1.03);
            transform: translateY(calc(-50% - 0.95rem)) scale(1.2, 1.03);
  }
  95% {
    -webkit-transform: translateY(calc(-50% - 0.98rem)) scale(1.1, 1.01);
            transform: translateY(calc(-50% - 0.98rem)) scale(1.1, 1.01);
  }
  to {
    -webkit-transform: translateY(calc(-50% - 1rem)) scaleX(1.4);
            transform: translateY(calc(-50% - 1rem)) scaleX(1.4);
  }
}
@-webkit-keyframes weave-anim {
  0% {
    -webkit-transform: translate3D(0, 0, 0) scale(1) rotateY(0);
            transform: translate3D(0, 0, 0) scale(1) rotateY(0);
  }
  12% {
    -webkit-transform: translate3D(2px, -2px, 2px) scale(1.16) rotateY(6deg);
            transform: translate3D(2px, -2px, 2px) scale(1.16) rotateY(6deg);
  }
  24% {
    -webkit-transform: translate3D(0, 0, 0) scale(1) rotateY(0);
            transform: translate3D(0, 0, 0) scale(1) rotateY(0);
  }
  36% {
    -webkit-transform: translate3D(0, 0, 0) scale(1);
            transform: translate3D(0, 0, 0) scale(1);
  }
  100% {
    -webkit-transform: scale(1);
            transform: scale(1);
  }
}
@keyframes weave-anim {
  0% {
    -webkit-transform: translate3D(0, 0, 0) scale(1) rotateY(0);
            transform: translate3D(0, 0, 0) scale(1) rotateY(0);
  }
  12% {
    -webkit-transform: translate3D(2px, -2px, 2px) scale(1.16) rotateY(6deg);
            transform: translate3D(2px, -2px, 2px) scale(1.16) rotateY(6deg);
  }
  24% {
    -webkit-transform: translate3D(0, 0, 0) scale(1) rotateY(0);
            transform: translate3D(0, 0, 0) scale(1) rotateY(0);
  }
  36% {
    -webkit-transform: translate3D(0, 0, 0) scale(1);
            transform: translate3D(0, 0, 0) scale(1);
  }
  100% {
    -webkit-transform: scale(1);
            transform: scale(1);
  }
}
/*
 *	boxed-layout.scss
 * -----------------------------------------------
*/
.tm-boxed-layout {
  background-color: #444;
  padding-top: 40px;
  padding-bottom: 40px;
  padding-left: 15px;
  padding-right: 15px;
}
.tm-boxed-layout.layer-overlay:before {
  z-index: -1;
}
.tm-boxed-layout .page-wrapper {
  margin: 0 auto;
  overflow: hidden;
}
@media (min-width: 1200px) {
  .tm-boxed-layout .page-wrapper {
    width: 1170px;
  }
}
.tm-boxed-layout .container .container {
  width: 100%;
}
@media (min-width: 1200px) {
  .tm-boxed-layout .container {
    width: 1140px;
  }
}
@media (min-width: 1000px) {
  .tm-boxed-layout.tm-container-970px .page-wrapper {
    width: 970px;
  }
}
.tm-boxed-layout.tm-container-970px .container,
.tm-boxed-layout.tm-container-970px .container-fluid {
  padding-left: 20px;
  padding-right: 20px;
}
.tm-boxed-layout.tm-container-970px .container .container,
.tm-boxed-layout.tm-container-970px .container .container-fluid,
.tm-boxed-layout.tm-container-970px .container-fluid .container,
.tm-boxed-layout.tm-container-970px .container-fluid .container-fluid {
  padding-left: 0;
  padding-right: 0;
}
@media (min-width: 1300px) {
  .tm-boxed-layout.tm-container-1230px .page-wrapper {
    width: 1230px;
  }
}
.tm-boxed-layout.tm-container-1230px .container,
.tm-boxed-layout.tm-container-1230px .container-fluid {
  width: 100%;
  padding-left: 20px;
  padding-right: 20px;
}
.tm-boxed-layout.tm-container-1230px .container .container,
.tm-boxed-layout.tm-container-1230px .container .container-fluid,
.tm-boxed-layout.tm-container-1230px .container-fluid .container,
.tm-boxed-layout.tm-container-1230px .container-fluid .container-fluid {
  padding-left: 0;
  padding-right: 0;
}
@media (min-width: 1400px) {
  .tm-boxed-layout.tm-container-1300px .page-wrapper {
    width: 1300px;
  }
}
.tm-boxed-layout.tm-container-1300px .container,
.tm-boxed-layout.tm-container-1300px .container-fluid {
  width: 100%;
  padding-left: 20px;
  padding-right: 20px;
}
.tm-boxed-layout.tm-container-1300px .container .container,
.tm-boxed-layout.tm-container-1300px .container .container-fluid,
.tm-boxed-layout.tm-container-1300px .container-fluid .container,
.tm-boxed-layout.tm-container-1300px .container-fluid .container-fluid {
  padding-left: 0;
  padding-right: 0;
}
@media (min-width: 1400px) {
  .tm-boxed-layout.tm-container-1340px .page-wrapper {
    width: 1340px;
  }
}
.tm-boxed-layout.tm-container-1340px .container,
.tm-boxed-layout.tm-container-1340px .container-fluid {
  width: 100%;
  padding-left: 20px;
  padding-right: 20px;
}
.tm-boxed-layout.tm-container-1340px .container .container,
.tm-boxed-layout.tm-container-1340px .container .container-fluid,
.tm-boxed-layout.tm-container-1340px .container-fluid .container,
.tm-boxed-layout.tm-container-1340px .container-fluid .container-fluid {
  padding-left: 0;
  padding-right: 0;
}
@media (min-width: 1400px) {
  .tm-boxed-layout.tm-container-1440px .page-wrapper {
    width: 1440px;
  }
}
.tm-boxed-layout.tm-container-1440px .container,
.tm-boxed-layout.tm-container-1440px .container-fluid {
  width: 100%;
  padding-left: 20px;
  padding-right: 20px;
}
.tm-boxed-layout.tm-container-1440px .container .container,
.tm-boxed-layout.tm-container-1440px .container .container-fluid,
.tm-boxed-layout.tm-container-1440px .container-fluid .container,
.tm-boxed-layout.tm-container-1440px .container-fluid .container-fluid {
  padding-left: 0;
  padding-right: 0;
}
@media (min-width: 1560px) {
  .tm-boxed-layout.tm-container-1500px .page-wrapper {
    width: 1500px;
  }
}
.tm-boxed-layout.tm-container-1500px .container,
.tm-boxed-layout.tm-container-1500px .container-fluid {
  width: 100%;
  padding-left: 20px;
  padding-right: 20px;
}
.tm-boxed-layout.tm-container-1500px .container .container,
.tm-boxed-layout.tm-container-1500px .container .container-fluid,
.tm-boxed-layout.tm-container-1500px .container-fluid .container,
.tm-boxed-layout.tm-container-1500px .container-fluid .container-fluid {
  padding-left: 0;
  padding-right: 0;
}
@media (min-width: 1660px) {
  .tm-boxed-layout.tm-container-1600px .page-wrapper {
    width: 1600px;
  }
}
.tm-boxed-layout.tm-container-1600px .container,
.tm-boxed-layout.tm-container-1600px .container-fluid {
  width: 100%;
  padding-left: 20px;
  padding-right: 20px;
}
.tm-boxed-layout.tm-container-1600px .container .container,
.tm-boxed-layout.tm-container-1600px .container .container-fluid,
.tm-boxed-layout.tm-container-1600px .container-fluid .container,
.tm-boxed-layout.tm-container-1600px .container-fluid .container-fluid {
  padding-left: 0;
  padding-right: 0;
}
.tm-boxed-layout.tm-container-100pr .page-wrapper {
  width: 95%;
}
.tm-boxed-layout.tm-container-100pr .page-wrapper .container,
.tm-boxed-layout.tm-container-100pr .page-wrapper .container-fluid {
  width: 100%;
}
.tm-boxed-layout.container-shadow .page-wrapper {
  -webkit-box-shadow: 0 0 25px 0 #777;
          box-shadow: 0 0 25px 0 #777;
}
.tm-boxed-layout .header,
.tm-boxed-layout section,
.tm-boxed-layout .footer {
  background-color: #fff;
}
.tm-boxed-layout .header .navbar-default {
  background-color: #fff;
  border-color: #fff;
  padding: 0;
}
.tm-boxed-layout .header .navbar-default .navbar-nav > li > a {
  padding: 30px 5px;
}
.tm-boxed-layout .header .navbar-default .navbar-collapse {
  background-color: #fff;
  border-color: #fff;
  margin-right: 30px;
}
.tm-boxed-layout .header #header-logo {
  margin: 0;
  padding-top: 27px;
}
.tm-boxed-layout .banner-section .slide-item {
  min-height: 540px;
}
.tm-boxed-layout .banner-section .slide-item .content-box {
  padding: 150px 0 220px;
}
.tm-boxed-layout .banner-section-two .content-box {
  padding: 250px 0 150px;
}
.tm-boxed-layout .banner-section-three .content-box {
  padding: 250px 0 150px;
}
.tm-boxed-layout .banner-section-four .content-box {
  padding: 130px 0;
}

@media (max-width: 1200px) {
  .tm-boxed-layout {
    padding-top: 15px;
  }
  .tm-boxed-layout .header .navbar-default .navbar-nav > li > a {
    padding: 10px;
  }
  .tm-boxed-layout .header .navbar-default .navbar-collapse {
    margin-right: 15px;
  }
  .tm-boxed-layout .navbar-header {
    padding: 15px 0;
  }
  .tm-boxed-layout .navbar-collapse .navbar-nav li a .caret {
    margin-right: 0;
  }
}
.accordion-box {
  position: relative;
}
.accordion-box .block {
  position: relative;
  margin-bottom: 10px;
  border-radius: 20px;
  border: 1px solid rgba(255, 255, 255, 0.13);
  background: var(--body-bg);
  padding: 27px 30px;
  line-height: 1;
}
.accordion-box .block:last-child {
  margin-bottom: 0;
}
.accordion-box .block .acc-btn {
  position: relative;
  font-size: 20px;
  color: var(--theme-color-white);
  font-weight: 500;
  -webkit-transition: all 500ms ease;
  transition: all 500ms ease;
}
.accordion-box .block .acc-btn span {
  color: var(--theme-color1);
}
@media (max-width: 1199.98px) {
  .accordion-box .block .acc-btn {
    font-size: 20px;
  }
}
@media (max-width: 767.98px) {
  .accordion-box .block .acc-btn {
    padding-right: 40px;
  }
}
.accordion-box .block .acc-btn .icon {
  border-radius: 50%;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  cursor: inherit;
  -webkit-transition: all 0.4s ease-in-out;
  transition: all 0.4s ease-in-out;
  background-color: var(--theme-color2);
  color: var(--theme-color2-text-color);
  font-size: 18px;
  height: 35px;
  line-height: 25px;
  position: absolute;
  right: 0;
  -webkit-transition: all 500ms ease;
  transition: all 500ms ease;
  width: 34px;
  top: -8px;
}
.accordion-box .block .acc-btn.active {
  color: var(--theme-color1);
}
.accordion-box .block .acc-btn.active .icon {
  background-color: var(--theme-color1);
  color: var(--headings-color);
}
.accordion-box .block .acc-btn.active .icon:before {
  content: "\f068";
}
.accordion-box .block .acc-content {
  position: relative;
  display: none;
  padding-right: 20px;
  margin-top: 20px;
}
.accordion-box .block .acc-content .content {
  position: relative;
}
.accordion-box .block .acc-content .content .text {
  display: block;
  font-size: 16px;
  line-height: 30px;
  margin-bottom: 0;
  color: var(--theme-color-white);
}
@media (max-width: 767.98px) {
  .accordion-box .block .acc-content .content .text {
    padding: 0;
  }
}
.accordion-box .block .acc-content.current {
  display: block;
}
.accordion-box .block.active-block {
  background: radial-gradient(196.16% 133.29% at 100% 98.08%, #222B1C 0%, #151515 55.18%);
}

/***

====================================================================
Reset
====================================================================

***/
* {
  margin: 0px;
  padding: 0px;
  border: none;
  outline: none;
  font-size: 100%;
}

/***

====================================================================
Global Settings
====================================================================

***/
textarea {
  overflow: hidden;
  resize: none;
}

button {
  outline: none !important;
  cursor: pointer;
}

ul,
li {
  list-style: none;
  padding: 0px;
  margin: 0px;
}

.title a {
  color: inherit;
}

.color1 {
  color: var(--theme-color1);
}

.color2 {
  color: var(--theme-color2);
}

.color3 {
  color: var(--theme-color3);
}

.bg-color3 {
  background-color: var(--theme-color3) !important;
}

.page-wrapper {
  position: relative;
  margin: 0 auto;
  width: 100%;
  min-width: 300px;
  z-index: 99;
  background-color: var(--body-bg);
}

.large-container {
  position: static;
  max-width: var(--large-container-width);
  padding: 0px 15px;
  margin: 0 auto;
  width: 100%;
}

.auto-container {
  position: static;
  max-width: var(--container-width);
  padding: 0px 15px;
  margin: 0 auto;
  width: 100%;
}

.small-container {
  position: static;
  max-width: var(--small-container-width);
  padding: 0px 15px;
  margin: 0 auto;
  width: 100%;
}

.pull-right {
  float: right;
}

.pull-left {
  float: left;
}

.dropdown-toggle::after {
  display: none;
}

/*=======================
Scroll To Top style
=======================*/
.scroll-to-top {
  position: fixed;
  right: 20px;
  bottom: 20px;
  width: 40px;
  font-size: 16px;
  line-height: 40px;
  color: var(--theme-color-black);
  text-align: center;
  cursor: pointer;
  background-color: var(--theme-color1);
  z-index: 100;
  display: none;
  border-radius: 50%;
  margin: 0 auto;
  -webkit-box-shadow: 0 0 5px rgba(0, 0, 0, 0.1);
  box-shadow: 0 0 5px rgba(0, 0, 0, 0.1);
  -webkit-transition: all 300ms ease;
  transition: all 300ms ease;
}

.scroll-to-top:hover {
  background: var(--theme-color1);
  color: #000;
}

/*=======================
    Preloader
=======================*/
@-webkit-keyframes text-split {
  0%, 75%, 100% {
    opacity: 0;
    -webkit-transform: rotateY(-90deg);
            transform: rotateY(-90deg);
  }
  25%, 50% {
    opacity: 1;
    -webkit-transform: rotateY(0deg);
            transform: rotateY(0deg);
  }
}
@keyframes text-split {
  0%, 75%, 100% {
    opacity: 0;
    -webkit-transform: rotateY(-90deg);
            transform: rotateY(-90deg);
  }
  25%, 50% {
    opacity: 1;
    -webkit-transform: rotateY(0deg);
            transform: rotateY(0deg);
  }
}
.tabs-box {
  position: relative;
}
.tabs-box .tab {
  display: none;
}
.tabs-box .tab.active-tab {
  display: block;
}

/* background */
.bg-cover {
  background-repeat: no-repeat;
  background-size: cover;
  position: relative;
  background-position: center;
}

.fix {
  overflow: hidden;
}

.bb-top {
  border-top: 1px solid rgba(255, 255, 255, 0.2);
}

.line-shape-animation {
  max-width: 1654px;
  height: 100%;
  position: absolute;
  left: 50%;
  top: 0;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  margin: 0 auto;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  z-index: -1;
}

.line-shape-animation span {
  position: relative;
  width: 1px;
  height: 100%;
  display: block;
  background: rgba(255, 255, 255, 0.1);
  opacity: 0.5;
}

.line-shape-animation span::before,
.line-shape-animation span::after {
  position: absolute;
  top: 0;
  left: 0;
  content: "";
  background: var(--theme-color1);
  -webkit-box-shadow: rgba(255, 255, 255, 0.1) 0px 8px 24px;
          box-shadow: rgba(255, 255, 255, 0.1) 0px 8px 24px;
  border-top-left-radius: 50px;
  border-top-right-radius: 50px;
  clip-path: polygon(51% 8%, 68% 15%, 66% 40%, 60% 78%, 56% 100%, 46% 100%, 42% 84%, 38% 56%, 34% 17%);
}

.line-shape-animation span::after {
  -webkit-animation: dscroll 2s linear infinite;
          animation: dscroll 2s linear infinite;
  width: 2px;
  height: 24px;
  bottom: 0;
  left: 0;
  background: var(--theme-color1);
  -webkit-box-shadow: rgba(255, 255, 255, 0.1) 0px 8px 24px;
          box-shadow: rgba(255, 255, 255, 0.1) 0px 8px 24px;
  border-top-left-radius: 50px;
  border-top-right-radius: 50px;
  clip-path: polygon(51% 8%, 68% 15%, 66% 40%, 60% 78%, 56% 100%, 46% 100%, 42% 84%, 38% 56%, 34% 17%);
}

.line-shape-animation span:nth-child(2)::after {
  -webkit-animation: dscroll 2.1s linear infinite;
          animation: dscroll 2.1s linear infinite;
}

.line-shape-animation span:nth-child(3)::after {
  -webkit-animation: dscroll 2.2s linear infinite;
          animation: dscroll 2.2s linear infinite;
}

.line-shape-animation span:nth-child(4)::after {
  -webkit-animation: dscroll 2.3s linear infinite;
          animation: dscroll 2.3s linear infinite;
}

.line-shape-animation span:nth-child(5)::after {
  -webkit-animation: dscroll 2.4s linear infinite;
          animation: dscroll 2.4s linear infinite;
}

.line-shape-animation span:nth-child(6)::after {
  -webkit-animation: dscroll 1s linear infinite;
          animation: dscroll 1s linear infinite;
}

.line-shape-animation span:nth-child(7)::after {
  -webkit-animation: dscroll 3.5s linear infinite;
          animation: dscroll 3.5s linear infinite;
}

.line-shape-animation span:nth-child(2)::-ms-backdrop {
  animation: dscroll 4.1s linear infinite;
}

.line-shape-animation span:nth-child(2)::backdrop {
  -webkit-animation: dscroll 4.1s linear infinite;
          animation: dscroll 4.1s linear infinite;
}

.line-shape-animation span:nth-child(3)::before {
  -webkit-animation: dscroll 4.2s linear infinite;
          animation: dscroll 4.2s linear infinite;
}

.line-shape-animation span:nth-child(4)::before {
  -webkit-animation: dscroll 4.3s linear infinite;
          animation: dscroll 4.3s linear infinite;
}

.line-shape-animation span:nth-child(5)::before {
  -webkit-animation: dscroll 4.4s linear infinite;
          animation: dscroll 4.4s linear infinite;
}

.line-shape-animation span:nth-child(6)::before {
  -webkit-animation: dscroll 4s linear infinite;
          animation: dscroll 4s linear infinite;
}

.line-shape-animation span:nth-child(7)::before {
  -webkit-animation: dscroll 4.5s linear infinite;
          animation: dscroll 4.5s linear infinite;
}

@-webkit-keyframes dscroll {
  100% {
    -webkit-transform: translateY(100vh);
            transform: translateY(100vh);
  }
}

@keyframes dscroll {
  100% {
    -webkit-transform: translateY(100vh);
            transform: translateY(100vh);
  }
}
.p-relative {
  position: relative !important;
}

.section-bg2 {
  background-color: var(--theme-color3);
}

.mb-135 {
  margin-bottom: 135px;
}

.mb-140 {
  margin-bottom: 140px;
}

.mb-145 {
  margin-bottom: 145px;
}

.mb-150 {
  margin-bottom: 150px;
}

.mb-155 {
  margin-bottom: 155px;
}

.mb-160 {
  margin-bottom: 160px;
}

.mb-165 {
  margin-bottom: 165px;
}

.mb-170 {
  margin-bottom: 170px;
}

.mb-175 {
  margin-bottom: 175px;
}

.mb-180 {
  margin-bottom: 180px;
}

.mb-185 {
  margin-bottom: 185px;
}

.mb-190 {
  margin-bottom: 190px;
}

.mb-195 {
  margin-bottom: 195px;
}

.mb-200 {
  margin-bottom: 200px;
}

.tp-hero-2-img-box.last-item {
  margin-bottom: 1100px;
}

.tilt_scale {
  display: inline-block;
  -webkit-transition: -webkit-transform 0.2s ease;
  transition: -webkit-transform 0.2s ease;
  transition: transform 0.2s ease;
  transition: transform 0.2s ease, -webkit-transform 0.2s ease;
}

.theme-btn-main .btn-style-one.transform {
  border: 1px solid transparent;
}
.theme-btn-main .btn-style-one.transform:hover {
  background-color: var(--theme-color-black);
  border: 1px solid var(--theme-color1);
  color: var(--theme-color1);
}

.theme-btn-main:hover .transform,
.transform {
  -webkit-transform: none !important;
          transform: none !important;
}

.swiper-dot {
  position: relative;
}
.swiper-dot .swiper-pagination-bullet {
  width: 10px;
  height: 10px;
  -webkit-transition: 0.6s;
  transition: 0.6s;
  background-color: rgba(255, 255, 255, 0.14);
  opacity: 1;
  border-radius: 10px;
}
.swiper-dot .swiper-pagination-bullet:not(:last-child) {
  margin-right: 5px;
}
.swiper-dot .swiper-pagination-bullet.swiper-pagination-bullet-active {
  background-color: var(--theme-color1);
  -webkit-transition: 0.6s;
  transition: 0.6s;
  position: relative;
}

.btn-style-one {
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  background-color: var(--theme-color1);
  border-radius: 50px;
  color: var(--theme-color1-text-color);
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  overflow: hidden;
  padding: 14.5px 60px 14.5px 30px;
  position: relative;
  text-transform: capitalize;
  -webkit-transition: all 400ms ease;
  transition: all 400ms ease;
  z-index: 0;
}
.btn-style-one:hover .btn-arrow-left {
  scale: 1;
}
.btn-style-one:hover .btn-arrow-right {
  scale: 0;
}
.btn-style-one:hover .btn-title {
  -webkit-transform: translateX(30px);
  transform: translateX(30px);
}
.btn-style-one .btn-arrow-right {
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  background: var(--theme-color-white);
  border-radius: 50%;
  color: var(--theme-color2);
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  font-size: 15px;
  height: 40px;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  left: auto;
  line-height: 1;
  position: absolute;
  right: 10px;
  width: 40px;
  -webkit-transition: all 400ms ease;
  transition: all 400ms ease;
}
.btn-style-one .btn-arrow-right i {
  rotate: -30deg;
}
.btn-style-one .btn-arrow-left {
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  background: var(--theme-color-white);
  border-radius: 50%;
  color: var(--theme-color2);
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  font-size: 15px;
  height: 40px;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  line-height: 1;
  left: 10px;
  position: absolute;
  right: auto;
  scale: 0;
  width: 40px;
  -webkit-transition: all 400ms ease;
  transition: all 400ms ease;
}
.btn-style-one .btn-title {
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  border-radius: 100px;
  font-weight: 500;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  gap: 10px;
  text-transform: capitalize;
  -webkit-transition: all 400ms ease;
  transition: all 400ms ease;
  font-size: 16px;
  color: var(--theme-color-white);
}

/*** 

====================================================================
  Anim Icons
====================================================================

***/
@-webkit-keyframes moveLeftRight {
  0% {
    left: 0;
  }
  100% {
    left: calc(100% - 210px);
  }
}
@keyframes moveLeftRight {
  0% {
    left: 0;
  }
  100% {
    left: calc(100% - 210px);
  }
}
@-webkit-keyframes moveRightToLeft {
  0% {
    right: 0;
  }
  100% {
    right: calc(100% - 100px);
  }
}
@keyframes moveRightToLeft {
  0% {
    right: 0;
  }
  100% {
    right: calc(100% - 100px);
  }
}
@-webkit-keyframes wind-blow {
  0% {
    -webkit-transform-origin: 50% 100%;
            transform-origin: 50% 100%;
    -webkit-transform: skewX(-2deg);
            transform: skewX(-2deg);
  }
  50% {
    -webkit-transform-origin: 50% 100%;
            transform-origin: 50% 100%;
    -webkit-transform: skewX(2deg);
            transform: skewX(2deg);
  }
  100% {
    -webkit-transform-origin: 50% 100%;
            transform-origin: 50% 100%;
    -webkit-transform: skewX(-2deg);
            transform: skewX(-2deg);
  }
}
@keyframes wind-blow {
  0% {
    -webkit-transform-origin: 50% 100%;
            transform-origin: 50% 100%;
    -webkit-transform: skewX(-2deg);
            transform: skewX(-2deg);
  }
  50% {
    -webkit-transform-origin: 50% 100%;
            transform-origin: 50% 100%;
    -webkit-transform: skewX(2deg);
            transform: skewX(2deg);
  }
  100% {
    -webkit-transform-origin: 50% 100%;
            transform-origin: 50% 100%;
    -webkit-transform: skewX(-2deg);
            transform: skewX(-2deg);
  }
}
.bounce-y {
  -webkit-animation: bounce-y 10s infinite linear;
          animation: bounce-y 10s infinite linear;
}

.bounce-x {
  -webkit-animation: bounce-x 10s infinite linear;
          animation: bounce-x 10s infinite linear;
}

.zoom-one {
  -webkit-animation: zoom-one 10s infinite linear;
          animation: zoom-one 10s infinite linear;
}

@-webkit-keyframes float {
  0% {
    -webkit-transform: translateY(0);
            transform: translateY(0);
  }
  50% {
    -webkit-transform: translateY(-10px);
            transform: translateY(-10px);
  }
  100% {
    -webkit-transform: translateY(0);
            transform: translateY(0);
  }
}

@keyframes float {
  0% {
    -webkit-transform: translateY(0);
            transform: translateY(0);
  }
  50% {
    -webkit-transform: translateY(-10px);
            transform: translateY(-10px);
  }
  100% {
    -webkit-transform: translateY(0);
            transform: translateY(0);
  }
}
@-webkit-keyframes bounce-y {
  0% {
    -webkit-transform: translateY(0);
            transform: translateY(0);
  }
  50% {
    -webkit-transform: translateY(-30px);
            transform: translateY(-30px);
  }
  100% {
    -webkit-transform: translateY(0);
            transform: translateY(0);
  }
}
@keyframes bounce-y {
  0% {
    -webkit-transform: translateY(0);
            transform: translateY(0);
  }
  50% {
    -webkit-transform: translateY(-30px);
            transform: translateY(-30px);
  }
  100% {
    -webkit-transform: translateY(0);
            transform: translateY(0);
  }
}
@-webkit-keyframes bounce-x {
  0% {
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
  50% {
    -webkit-transform: translateX(30px);
            transform: translateX(30px);
  }
  100% {
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
}
@keyframes bounce-x {
  0% {
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
  50% {
    -webkit-transform: translateX(30px);
            transform: translateX(30px);
  }
  100% {
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
}
@-webkit-keyframes zoom-one {
  0% {
    -webkit-transform: scale(0.95);
            transform: scale(0.95);
  }
  50% {
    -webkit-transform: scale(1.05);
            transform: scale(1.05);
  }
  100% {
    -webkit-transform: scale(0.95);
            transform: scale(0.95);
  }
}
@keyframes zoom-one {
  0% {
    -webkit-transform: scale(0.95);
            transform: scale(0.95);
  }
  50% {
    -webkit-transform: scale(1.05);
            transform: scale(1.05);
  }
  100% {
    -webkit-transform: scale(0.95);
            transform: scale(0.95);
  }
}
@-webkit-keyframes popupVideo {
  70% {
    -webkit-box-shadow: 0 0 0 40px rgba(10, 165, 205, 0);
            box-shadow: 0 0 0 40px rgba(10, 165, 205, 0);
  }
  100% {
    -webkit-box-shadow: 0 0 0 0 rgba(10, 165, 205, 0);
            box-shadow: 0 0 0 0 rgba(10, 165, 205, 0);
  }
}
@keyframes popupVideo {
  70% {
    -webkit-box-shadow: 0 0 0 40px rgba(10, 165, 205, 0);
            box-shadow: 0 0 0 40px rgba(10, 165, 205, 0);
  }
  100% {
    -webkit-box-shadow: 0 0 0 0 rgba(10, 165, 205, 0);
            box-shadow: 0 0 0 0 rgba(10, 165, 205, 0);
  }
}
.overlay-anim {
  position: relative;
}
.overlay-anim:after {
  background: rgba(255, 255, 255, 0.3);
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 0;
  opacity: 1;
  z-index: 9;
  pointer-events: none;
}
.overlay-anim:hover:after {
  height: 100%;
  opacity: 0;
  -webkit-transition: all 400ms linear;
  transition: all 400ms linear;
}

.float-bob-y {
  -webkit-animation-name: float-bob-y;
  animation-name: float-bob-y;
  -webkit-animation-duration: 3s;
  animation-duration: 3s;
  -webkit-animation-iteration-count: infinite;
  animation-iteration-count: infinite;
  -webkit-animation-timing-function: linear;
  animation-timing-function: linear;
}

@-webkit-keyframes float-bob-y {
  0% {
    -webkit-transform: translateY(-30px);
    transform: translateY(-30px);
  }
  50% {
    -webkit-transform: translateY(-10px);
    transform: translateY(-10px);
  }
  100% {
    -webkit-transform: translateY(-30px);
    transform: translateY(-30px);
  }
}
@keyframes float-bob-y {
  0% {
    -webkit-transform: translateY(-30px);
    transform: translateY(-30px);
  }
  50% {
    -webkit-transform: translateY(-10px);
    transform: translateY(-10px);
  }
  100% {
    -webkit-transform: translateY(-30px);
    transform: translateY(-30px);
  }
}
.float-bob-x {
  -webkit-animation-name: float-bob-x;
  animation-name: float-bob-x;
  -webkit-animation-duration: 3s;
  animation-duration: 3s;
  -webkit-animation-iteration-count: infinite;
  animation-iteration-count: infinite;
  -webkit-animation-timing-function: linear;
  animation-timing-function: linear;
}

@-webkit-keyframes float-bob-x {
  0% {
    -webkit-transform: translateX(0px);
    transform: translateX(30px);
  }
  50% {
    -webkit-transform: translateX(10px);
    transform: translateX(10px);
  }
  100% {
    -webkit-transform: translateX(30px);
    transform: translateX(30px);
  }
}
@keyframes float-bob-x {
  0% {
    -webkit-transform: translateX(30px);
    transform: translateX(30px);
  }
  50% {
    -webkit-transform: translateX(10px);
    transform: translateX(10px);
  }
  100% {
    -webkit-transform: translateX(30px);
    transform: translateX(30px);
  }
}
@keyframes bounce-x {
  0% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
  50% {
    -webkit-transform: translateX(30px);
    transform: translateX(30px);
  }
  100% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
}
/*img-animation**********************/
.img-custom-anim-right {
  -webkit-animation: img-anim-right 1.3s forwards cubic-bezier(0.645, 0.045, 0.355, 1) 0.4s;
          animation: img-anim-right 1.3s forwards cubic-bezier(0.645, 0.045, 0.355, 1) 0.4s;
  opacity: 0;
}

@-webkit-keyframes img-anim-right {
  0% {
    -webkit-transform: translateX(5%);
            transform: translateX(5%);
    clip-path: inset(0 0 0 100%);
    opacity: 0;
  }
  100% {
    -webkit-transform: translateX(0);
            transform: translateX(0);
    clip-path: inset(0 0 0 0);
    opacity: 1;
  }
}

@keyframes img-anim-right {
  0% {
    -webkit-transform: translateX(5%);
            transform: translateX(5%);
    clip-path: inset(0 0 0 100%);
    opacity: 0;
  }
  100% {
    -webkit-transform: translateX(0);
            transform: translateX(0);
    clip-path: inset(0 0 0 0);
    opacity: 1;
  }
}
.img-custom-anim-left {
  -webkit-animation: img-anim-left 1.3s forwards cubic-bezier(0.645, 0.045, 0.355, 1) 0.4s;
          animation: img-anim-left 1.3s forwards cubic-bezier(0.645, 0.045, 0.355, 1) 0.4s;
  opacity: 0;
}

@-webkit-keyframes img-anim-left {
  0% {
    -webkit-transform: translateX(-5%);
            transform: translateX(-5%);
    clip-path: inset(0 100% 0 0);
    opacity: 0;
  }
  100% {
    -webkit-transform: translateX(0);
            transform: translateX(0);
    clip-path: inset(0 0 0 0);
    opacity: 1;
  }
}

@keyframes img-anim-left {
  0% {
    -webkit-transform: translateX(-5%);
            transform: translateX(-5%);
    clip-path: inset(0 100% 0 0);
    opacity: 0;
  }
  100% {
    -webkit-transform: translateX(0);
            transform: translateX(0);
    clip-path: inset(0 0 0 0);
    opacity: 1;
  }
}
.img-custom-anim-top {
  -webkit-animation: img-anim-top 1.3s forwards cubic-bezier(0.645, 0.045, 0.355, 1);
          animation: img-anim-top 1.3s forwards cubic-bezier(0.645, 0.045, 0.355, 1);
  opacity: 0;
}

@-webkit-keyframes img-anim-top {
  0% {
    -webkit-transform: translateY(-5%);
            transform: translateY(-5%);
    clip-path: inset(0 0 100% 0);
    opacity: 0;
  }
  100% {
    -webkit-transform: translateY(0);
            transform: translateY(0);
    clip-path: inset(0 0 0 0);
    opacity: 1;
  }
}

@keyframes img-anim-top {
  0% {
    -webkit-transform: translateY(-5%);
            transform: translateY(-5%);
    clip-path: inset(0 0 100% 0);
    opacity: 0;
  }
  100% {
    -webkit-transform: translateY(0);
            transform: translateY(0);
    clip-path: inset(0 0 0 0);
    opacity: 1;
  }
}
.float-bob-y {
  -webkit-animation-name: float-bob-y;
  animation-name: float-bob-y;
  -webkit-animation-duration: 3s;
  animation-duration: 3s;
  -webkit-animation-iteration-count: infinite;
  animation-iteration-count: infinite;
  -webkit-animation-timing-function: linear;
  animation-timing-function: linear;
}

@-webkit-keyframes float-bob-y {
  0% {
    -webkit-transform: translateY(-30px);
    transform: translateY(-30px);
  }
  50% {
    -webkit-transform: translateY(-10px);
    transform: translateY(-10px);
  }
  100% {
    -webkit-transform: translateY(-30px);
    transform: translateY(-30px);
  }
}
@keyframes float-bob-y {
  0% {
    -webkit-transform: translateY(-30px);
    transform: translateY(-30px);
  }
  50% {
    -webkit-transform: translateY(-10px);
    transform: translateY(-10px);
  }
  100% {
    -webkit-transform: translateY(-30px);
    transform: translateY(-30px);
  }
}
.float-bob-x {
  -webkit-animation-name: float-bob-x;
  animation-name: float-bob-x;
  -webkit-animation-duration: 3s;
  animation-duration: 3s;
  -webkit-animation-iteration-count: infinite;
  animation-iteration-count: infinite;
  -webkit-animation-timing-function: linear;
  animation-timing-function: linear;
}

@-webkit-keyframes float-bob-x {
  0% {
    -webkit-transform: translateX(0px);
    transform: translateX(30px);
  }
  50% {
    -webkit-transform: translateX(10px);
    transform: translateX(10px);
  }
  100% {
    -webkit-transform: translateX(30px);
    transform: translateX(30px);
  }
}
@keyframes float-bob-x {
  0% {
    -webkit-transform: translateX(30px);
    transform: translateX(30px);
  }
  50% {
    -webkit-transform: translateX(10px);
    transform: translateX(10px);
  }
  100% {
    -webkit-transform: translateX(30px);
    transform: translateX(30px);
  }
}
@-webkit-keyframes rounded {
  50% {
    -webkit-transform: rotate(20deg);
            transform: rotate(20deg);
  }
}
@keyframes rounded {
  50% {
    -webkit-transform: rotate(20deg);
            transform: rotate(20deg);
  }
}
@-webkit-keyframes cir36 {
  100% {
    -webkit-transform: rotate(360deg);
            transform: rotate(360deg);
  }
}
@keyframes cir36 {
  100% {
    -webkit-transform: rotate(360deg);
            transform: rotate(360deg);
  }
}
@-webkit-keyframes spinner {
  to {
    -webkit-transform: rotateZ(360deg);
    transform: rotateZ(360deg);
  }
}
@keyframes spinner {
  to {
    -webkit-transform: rotateZ(360deg);
    transform: rotateZ(360deg);
  }
}
@-webkit-keyframes letters-loading {
  0%, 75%, 100% {
    opacity: 0;
    -webkit-transform: rotateY(-90deg);
            transform: rotateY(-90deg);
  }
  25%, 50% {
    opacity: 1;
    -webkit-transform: rotateY(0deg);
            transform: rotateY(0deg);
  }
}
@keyframes letters-loading {
  0%, 75%, 100% {
    opacity: 0;
    -webkit-transform: rotateY(-90deg);
            transform: rotateY(-90deg);
  }
  25%, 50% {
    opacity: 1;
    -webkit-transform: rotateY(0deg);
            transform: rotateY(0deg);
  }
}
@keyframes loaderspin {
  0% {
    -webkit-transform: translate(-50%, -50%) rotate(0deg);
            transform: translate(-50%, -50%) rotate(0deg);
  }
  100% {
    -webkit-transform: translate(-50%, -50%) rotate(360deg);
            transform: translate(-50%, -50%) rotate(360deg);
  }
}
@-webkit-keyframes tpswing {
  0% {
    -webkit-transform: rotate(20deg);
    transform: rotate(20deg);
  }
  100% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
}
@keyframes tpswing {
  0% {
    -webkit-transform: rotate(20deg);
    transform: rotate(20deg);
  }
  100% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
}
@keyframes width {
  0% {
    width: 0%;
  }
  100% {
    width: 100%;
  }
}
@-webkit-keyframes width {
  0% {
    width: 0%;
  }
  100% {
    width: 100%;
  }
}
@-webkit-keyframes loaderspin {
  0% {
    -webkit-transform: translate(-50%, -50%) rotate(0deg);
            transform: translate(-50%, -50%) rotate(0deg);
  }
  100% {
    -webkit-transform: translate(-50%, -50%) rotate(360deg);
            transform: translate(-50%, -50%) rotate(360deg);
  }
}
@-webkit-keyframes loaderpulse {
  0% {
    -webkit-transform: scale(1);
            transform: scale(1);
  }
  100% {
    -webkit-transform: scale(1.2);
            transform: scale(1.2);
  }
}
@keyframes loaderpulse {
  0% {
    -webkit-transform: scale(1);
            transform: scale(1);
  }
  100% {
    -webkit-transform: scale(1.2);
            transform: scale(1.2);
  }
}
@-webkit-keyframes sway_Y {
  0% {
    -webkit-transform: translateY(0px);
            transform: translateY(0px);
  }
  100% {
    -webkit-transform: translateY(20px);
            transform: translateY(20px);
  }
}
@keyframes sway_Y {
  0% {
    -webkit-transform: translateY(0px);
            transform: translateY(0px);
  }
  100% {
    -webkit-transform: translateY(20px);
            transform: translateY(20px);
  }
}
.sway_Y__animation {
  -webkit-animation: sway_Y 3s linear infinite alternate;
          animation: sway_Y 3s linear infinite alternate;
}

@-webkit-keyframes sway_YY {
  0% {
    -webkit-transform: translateY(0px);
            transform: translateY(0px);
  }
  100% {
    -webkit-transform: translateY(-20px);
            transform: translateY(-20px);
  }
}

@keyframes sway_YY {
  0% {
    -webkit-transform: translateY(0px);
            transform: translateY(0px);
  }
  100% {
    -webkit-transform: translateY(-20px);
            transform: translateY(-20px);
  }
}
.sway_Y__animationY {
  -webkit-animation: sway_YY 3s linear infinite alternate;
          animation: sway_YY 3s linear infinite alternate;
}

@-webkit-keyframes rotate {
  0% {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
            transform: rotate(360deg);
  }
}

@keyframes rotate {
  0% {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
            transform: rotate(360deg);
  }
}
.animation__rotate {
  -webkit-animation: rotate 30s linear infinite;
          animation: rotate 30s linear infinite;
}

@-webkit-keyframes rotateOne {
  0% {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
  }
  50% {
    -webkit-transform: rotate(-20deg);
            transform: rotate(-20deg);
  }
  100% {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
  }
}

@keyframes rotateOne {
  0% {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
  }
  50% {
    -webkit-transform: rotate(-20deg);
            transform: rotate(-20deg);
  }
  100% {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
  }
}
@-webkit-keyframes animate-positive {
  0% {
    width: 0;
  }
}
@keyframes animate-positive {
  0% {
    width: 0;
  }
}
@-webkit-keyframes rotateAndScale {
  0% {
    -webkit-transform: rotate(0deg) scale(1);
            transform: rotate(0deg) scale(1);
  }
  50% {
    -webkit-transform: rotate(180deg) scale(0.8);
            transform: rotate(180deg) scale(0.8);
  }
  100% {
    -webkit-transform: rotate(360deg) scale(1);
            transform: rotate(360deg) scale(1);
  }
}
@keyframes rotateAndScale {
  0% {
    -webkit-transform: rotate(0deg) scale(1);
            transform: rotate(0deg) scale(1);
  }
  50% {
    -webkit-transform: rotate(180deg) scale(0.8);
            transform: rotate(180deg) scale(0.8);
  }
  100% {
    -webkit-transform: rotate(360deg) scale(1);
            transform: rotate(360deg) scale(1);
  }
}
.animation__rotateAndScale {
  -webkit-animation: rotateAndScale 20s linear infinite;
          animation: rotateAndScale 20s linear infinite;
}

@keyframes animate-positive {
  0% {
    width: 0;
  }
}
.float-bob-y {
  -webkit-animation-name: float-bob-y;
  animation-name: float-bob-y;
  -webkit-animation-duration: 3s;
  animation-duration: 3s;
  -webkit-animation-iteration-count: infinite;
  animation-iteration-count: infinite;
  -webkit-animation-timing-function: linear;
  animation-timing-function: linear;
}

@-webkit-keyframes float-bob-y {
  0% {
    -webkit-transform: translateY(-30px);
    transform: translateY(-30px);
  }
  50% {
    -webkit-transform: translateY(-10px);
    transform: translateY(-10px);
  }
  100% {
    -webkit-transform: translateY(-30px);
    transform: translateY(-30px);
  }
}
@keyframes float-bob-y {
  0% {
    -webkit-transform: translateY(-30px);
    transform: translateY(-30px);
  }
  50% {
    -webkit-transform: translateY(-10px);
    transform: translateY(-10px);
  }
  100% {
    -webkit-transform: translateY(-30px);
    transform: translateY(-30px);
  }
}
.float-bob-x {
  -webkit-animation-name: float-bob-x;
  animation-name: float-bob-x;
  -webkit-animation-duration: 3s;
  animation-duration: 3s;
  -webkit-animation-iteration-count: infinite;
  animation-iteration-count: infinite;
  -webkit-animation-timing-function: linear;
  animation-timing-function: linear;
}

@-webkit-keyframes float-bob-x {
  0% {
    -webkit-transform: translateX(0px);
    transform: translateX(30px);
  }
  50% {
    -webkit-transform: translateX(10px);
    transform: translateX(10px);
  }
  100% {
    -webkit-transform: translateX(30px);
    transform: translateX(30px);
  }
}
@keyframes float-bob-x {
  0% {
    -webkit-transform: translateX(30px);
    transform: translateX(30px);
  }
  50% {
    -webkit-transform: translateX(10px);
    transform: translateX(10px);
  }
  100% {
    -webkit-transform: translateX(30px);
    transform: translateX(30px);
  }
}
@keyframes bounce-x {
  0% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
  50% {
    -webkit-transform: translateX(30px);
    transform: translateX(30px);
  }
  100% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
}
.icon-bounce {
  animation: icon-bounce 1s infinite ease;
  /* Only -webkit- prefix is still somewhat relevant for very old mobile browsers */
  -webkit-animation: icon-bounce 1s infinite ease;
}

@-webkit-keyframes icon-bounce {
  0%, 20%, 50%, 80%, 100% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
  40% {
    -webkit-transform: translateY(-10px);
    transform: translateY(-10px);
  }
  60% {
    -webkit-transform: translateY(-5px);
    transform: translateY(-5px);
  }
}
@keyframes icon-bounce {
  0%, 20%, 50%, 80%, 100% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
  40% {
    -webkit-transform: translateY(-10px);
    transform: translateY(-10px);
  }
  60% {
    -webkit-transform: translateY(-5px);
    transform: translateY(-5px);
  }
}
@-webkit-keyframes bounce {
  0%, 20%, 53%, 100% {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
  }
  40%, 43% {
    -webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    -webkit-transform: translate3d(0, -30px, 0) scaleY(1.1);
    transform: translate3d(0, -30px, 0) scaleY(1.1);
  }
  70% {
    -webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    -webkit-transform: translate3d(0, -15px, 0) scaleY(1.05);
    transform: translate3d(0, -15px, 0) scaleY(1.05);
  }
  80% {
    -webkit-transform: translateZ(0) scaleY(0.95);
    transform: translateZ(0) scaleY(0.95);
    -webkit-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }
  90% {
    -webkit-transform: translate3d(0, -4px, 0) scaleY(1.02);
    transform: translate3d(0, -4px, 0) scaleY(1.02);
  }
}
@keyframes bounce {
  0%, 20%, 53%, 100% {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
  }
  40%, 43% {
    -webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    -webkit-transform: translate3d(0, -30px, 0) scaleY(1.1);
    transform: translate3d(0, -30px, 0) scaleY(1.1);
  }
  70% {
    -webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    -webkit-transform: translate3d(0, -15px, 0) scaleY(1.05);
    transform: translate3d(0, -15px, 0) scaleY(1.05);
  }
  80% {
    -webkit-transform: translateZ(0) scaleY(0.95);
    transform: translateZ(0) scaleY(0.95);
    -webkit-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }
  90% {
    -webkit-transform: translate3d(0, -4px, 0) scaleY(1.02);
    transform: translate3d(0, -4px, 0) scaleY(1.02);
  }
}
@-webkit-keyframes wobble {
  0% {
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
  }
  15% {
    -webkit-transform: translate3d(-25%, 0, 0) rotate(-5deg);
    transform: translate3d(-25%, 0, 0) rotate(-5deg);
  }
  30% {
    -webkit-transform: translate3d(20%, 0, 0) rotate(3deg);
    transform: translate3d(20%, 0, 0) rotate(3deg);
  }
  45% {
    -webkit-transform: translate3d(-15%, 0, 0) rotate(-3deg);
    transform: translate3d(-15%, 0, 0) rotate(-3deg);
  }
  60% {
    -webkit-transform: translate3d(10%, 0, 0) rotate(2deg);
    transform: translate3d(10%, 0, 0) rotate(2deg);
  }
  75% {
    -webkit-transform: translate3d(-5%, 0, 0) rotate(-1deg);
    transform: translate3d(-5%, 0, 0) rotate(-1deg);
  }
  100% {
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
  }
}
@keyframes wobble {
  0% {
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
  }
  15% {
    -webkit-transform: translate3d(-25%, 0, 0) rotate(-5deg);
    transform: translate3d(-25%, 0, 0) rotate(-5deg);
  }
  30% {
    -webkit-transform: translate3d(20%, 0, 0) rotate(3deg);
    transform: translate3d(20%, 0, 0) rotate(3deg);
  }
  45% {
    -webkit-transform: translate3d(-15%, 0, 0) rotate(-3deg);
    transform: translate3d(-15%, 0, 0) rotate(-3deg);
  }
  60% {
    -webkit-transform: translate3d(10%, 0, 0) rotate(2deg);
    transform: translate3d(10%, 0, 0) rotate(2deg);
  }
  75% {
    -webkit-transform: translate3d(-5%, 0, 0) rotate(-1deg);
    transform: translate3d(-5%, 0, 0) rotate(-1deg);
  }
  100% {
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
  }
}
@-webkit-keyframes borderanimate2 {
  0% {
    -webkit-transform: translate(-50%, -50%) scale(0.8);
            transform: translate(-50%, -50%) scale(0.8);
  }
  60% {
    opacity: 1;
  }
  100% {
    -webkit-transform: translate(-50%, -50%) scale(2.5);
            transform: translate(-50%, -50%) scale(2.5);
    opacity: 0;
  }
}
@keyframes borderanimate2 {
  0% {
    -webkit-transform: translate(-50%, -50%) scale(0.8);
            transform: translate(-50%, -50%) scale(0.8);
  }
  60% {
    opacity: 1;
  }
  100% {
    -webkit-transform: translate(-50%, -50%) scale(2.5);
            transform: translate(-50%, -50%) scale(2.5);
    opacity: 0;
  }
}
@-webkit-keyframes spin {
  0% {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
            transform: rotate(360deg);
  }
}
@keyframes spin {
  0% {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
            transform: rotate(360deg);
  }
}
@keyframes animate-positive {
  0% {
    width: 0;
  }
}
/*** 
====================================================================
  Main Header
====================================================================
***/
.header-style-one .main-box .nav-outer {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  width: 100%;
}
.header-style-one .main-box .outer-box {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 30px;
}
@media (max-width: 1699.98px) {
  .header-style-one .main-box .outer-box {
    gap: 25px;
  }
}
.header-style-one .main-box .ui-btn-outer .header-contact {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 30px;
  line-height: 1;
}
@media (max-width: 1699.98px) {
  .header-style-one .main-box .ui-btn-outer .header-contact {
    gap: 15px;
  }
}
@media (max-width: 1399.98px) {
  .header-style-one .main-box .ui-btn-outer .header-contact {
    display: none;
  }
}
.header-style-one .main-box .ui-btn-outer .header-contact .social-icon {
  gap: 20px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  border-right: 1px solid #C0C0C0;
  padding-right: 30px;
}
.header-style-one .main-box .ui-btn-outer .header-contact .social-icon a {
  color: #CFCFCF;
  font-size: 18px;
}
.header-style-one .main-box .ui-btn-outer .header-contact .social-icon a:hover {
  color: var(--headings-color);
}
.header-style-one .main-box .ui-btn-outer .header-contact .info-btn {
  font-weight: 600;
  color: var(--theme-color-white);
}
.header-style-one .main-box .ui-btn-outer .header-contact .info-btn:hover {
  color: var(--theme-color1);
}
.header-style-one .main-box .btn-style-one {
  padding: 20px 38px;
}
@media (max-width: 991.98px) {
  .header-style-one .main-box .btn-style-one {
    display: none;
  }
}

.header-1 {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  z-index: 9999;
  border-bottom: 1px solid rgba(255, 255, 255, 0.1);
}
.header-1 .container {
  max-width: 1680px;
}
.header-1 .main-menu .navigation > li > a {
  color: var(--theme-color-white);
}
.header-1 .main-menu .navigation > li > a:hover {
  color: var(--theme-color1);
}
.header-1 .main-menu .navigation > li {
  margin-right: 35px;
}
@media (max-width: 1699.98px) {
  .header-1 .main-menu .navigation > li {
    margin-right: 20px;
  }
}
.header-1 .main-box {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 70px;
}
@media only screen and (max-width: 1023px) {
  .header-1 .main-box {
    padding: 14px 0;
    gap: 0;
  }
}
.header-1 .ui-btn-outer {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 10px;
}
.header-1 .ui-btn-outer .ui-btn-search {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 20px;
}
.header-1 .ui-btn-outer .search-btn {
  background-color: var(--theme-color1);
  border-radius: 50%;
  color: #fff;
  display: inline-block;
  font-size: 14px;
  height: 40px;
  text-align: center;
  width: 40px;
  -webkit-transition: all 0.4s ease-in-out;
  transition: all 0.4s ease-in-out;
}
.header-1 .ui-btn-outer .search-btn:hover {
  background-color: #fff;
  color: var(--theme-color2);
}
.header-1 .mobile-nav-toggler {
  margin-left: 0;
  display: block;
  position: relative;
  width: 26px;
  height: 11px;
}
.header-1 .mobile-nav-toggler span {
  position: absolute;
  width: 100%;
  height: 2px;
  display: inline-block;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
  left: 0;
  background: #fff;
  overflow: hidden;
}
.header-1 .mobile-nav-toggler span:first-child {
  top: 0;
  background: #fff;
  left: 0;
  width: 26px;
}
.header-1 .mobile-nav-toggler span:nth-child(2) {
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  width: 19px;
  left: initial;
  right: 0;
  background: #fff;
  margin-top: 5px;
}
.header-1 .mobile-nav-toggler span:last-child {
  bottom: -9px;
  background: #fff;
  width: 13px;
  left: initial;
  right: 0;
}
.header-1 .mobile-nav-toggler.active span:first-child {
  -webkit-transform: rotate(45deg) translate(3px, 9px);
          transform: rotate(45deg) translate(3px, 9px);
}
.header-1 .mobile-nav-toggler.active span:nth-child(2) {
  opacity: 0;
}
.header-1 .mobile-nav-toggler.active span:last-child {
  -webkit-transform: rotate(-45deg) translate(3px, -9px);
          transform: rotate(-45deg) translate(3px, -9px);
}
.header-1 .mobile-nav-toggler:hover {
  cursor: pointer;
}
.header-1 .contact-btn {
  color: #fff;
  display: inline-block;
  background-color: var(--theme-color1);
  border-radius: 40px;
  height: 40px;
  line-height: 40px;
  padding: 0 20px;
  -webkit-transition: all 0.4s ease-in-out;
  transition: all 0.4s ease-in-out;
}
@media (max-width: 1699.98px) {
  .header-1 .contact-btn {
    padding: 0 16px;
    font-size: 14px;
  }
}
.header-1 .contact-btn:hover {
  background-color: #fff;
  color: var(--theme-color2);
}
@media only screen and (max-width: 1023px) {
  .header-1 .contact-btn {
    display: none;
  }
}

@media only screen and (max-width: 1023px) {
  .header-2 {
    padding: 14px 0;
    gap: 0;
  }
}
.header-2 .main-box {
  display: initial;
}

.main-menu {
  position: relative;
}
.main-menu .navbar-header {
  display: none;
}
.main-menu .navbar-collapse {
  padding: 0px;
}
.main-menu .navigation {
  margin: 0px;
  position: relative;
}
.main-menu .navigation > li {
  float: left;
  margin-right: 30px;
  padding: 25px 0px;
  position: relative;
  -webkit-transition: all 300ms ease;
  transition: all 300ms ease;
}
.main-menu .navigation > li:last-child {
  margin-right: 0;
}
.main-menu .navigation > li:hover:before, .main-menu .navigation > li.current:before {
  left: 0;
  width: 100%;
}
.main-menu .navigation > li > a {
  color: #fff;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  font-size: 16px;
  line-height: 30px;
  font-weight: 400;
  text-transform: capitalize;
  opacity: 1;
  padding: 0;
  position: relative;
  text-align: center;
  -webkit-transition: all 300ms ease;
  transition: all 300ms ease;
  font-family: var(--body-font-family);
}
@media (max-width: 1899.98px) {
  .main-menu .navigation > li > a {
    font-size: 15px;
  }
}
.main-menu .navigation > li > a .icon {
  position: relative;
  font-size: 22px;
  line-height: 24px;
  margin-left: 10px;
}
.main-menu .navigation > li > a:hover {
  color: var(--theme-color1);
}
.main-menu .navigation > li.current > a {
  font-weight: 400;
}
.main-menu .navigation > li.dropdown:hover > ul {
  margin-top: 0;
  opacity: 1;
  top: 100%;
  -webkit-transition: all 300ms ease;
  transition: all 300ms ease;
  visibility: visible;
}
.main-menu .navigation > li > ul {
  background-color: var(--body-bg);
  -webkit-box-shadow: 0 0 3px rgba(0, 0, 0, 0.1);
          box-shadow: 0 0 3px rgba(0, 0, 0, 0.1);
  -webkit-box-shadow: 2px 2px 5px 1px rgba(0, 0, 0, 0.05), -2px 0px 5px 1px rgba(0, 0, 0, 0.05);
          box-shadow: 2px 2px 5px 1px rgba(0, 0, 0, 0.05), -2px 0px 5px 1px rgba(0, 0, 0, 0.05);
  display: none;
  left: 0px;
  margin-top: 30px;
  opacity: 0;
  padding: 10px 0 0;
  position: absolute;
  top: 100%;
  width: 220px;
  border-radius: 16px;
  z-index: 100;
}
.main-menu .navigation > li > ul.from-right {
  left: auto;
  right: 0px;
}
.main-menu .navigation > li > ul > li {
  position: relative;
  width: 100%;
  border-bottom: 1px solid rgba(255, 255, 255, 0.1);
}
.main-menu .navigation > li > ul > li:last-child {
  border-bottom: none;
}
.main-menu .navigation > li > ul > li > a {
  position: relative;
  display: block;
  padding: 10px 0px;
  line-height: 29px;
  font-weight: 400;
  font-size: 16px;
  color: #fff;
  text-align: left;
  font-family: var(--body-font-family);
  margin: 0 30px;
  text-transform: capitalize;
  -webkit-transition: all 200ms ease;
  transition: all 200ms ease;
}
.main-menu .navigation > li > ul > li:hover > a {
  color: var(--theme-color1);
}
.main-menu .navigation > li > ul > li.dropdown > a:after {
  font-family: "Font Awesome 5 Free";
  content: "\f105";
  position: absolute;
  right: 0;
  top: 11px;
  display: block;
  line-height: 24px;
  font-size: 11px;
  font-weight: 600;
  z-index: 5;
}
.main-menu .navigation > li > ul > li.dropdown:hover > ul {
  visibility: visible;
  opacity: 1;
  top: 0px;
  margin-top: 20px;
  -webkit-transition: all 300ms ease;
  transition: all 300ms ease;
}
.main-menu .navigation > li > ul > li > ul {
  background-color: var(--body-bg);
  -webkit-box-shadow: 0 0 3px rgba(0, 0, 0, 0.1);
          box-shadow: 0 0 3px rgba(0, 0, 0, 0.1);
  -webkit-box-shadow: 2px 2px 5px 1px rgba(0, 0, 0, 0.05), -2px 0px 5px 1px rgba(0, 0, 0, 0.05);
          box-shadow: 2px 2px 5px 1px rgba(0, 0, 0, 0.05), -2px 0px 5px 1px rgba(0, 0, 0, 0.05);
  display: none;
  left: 100%;
  margin-top: 10px;
  opacity: 0;
  padding: 10px 0 0;
  position: absolute;
  top: 0px;
  -webkit-transform: translateY(-30px);
          transform: translateY(-30px);
  width: 220px;
  z-index: 100;
  border-radius: 16px;
  border-top-left-radius: 0px;
  border-bottom-left-radius: 0px;
}
.main-menu .navigation > li > ul > li > ul > li {
  position: relative;
  border-bottom: 1px solid rgba(12, 47, 37, 0.1);
  width: 100%;
}
.main-menu .navigation > li > ul > li > ul > li:last-child {
  border-bottom: none;
}
.main-menu .navigation > li > ul > li > ul > li > a {
  position: relative;
  display: block;
  padding: 10px 0;
  line-height: 24px;
  font-weight: 400;
  font-size: 16px;
  color: #fff;
  font-family: var(--body-font-family);
  text-align: left;
  margin: 0 30px;
  text-transform: capitalize;
  -webkit-transition: all 300ms ease;
  transition: all 300ms ease;
}
.main-menu .navigation > li > ul > li > ul > li > a:hover {
  color: var(--theme-color1);
}
.main-menu .navigation li.dropdown .dropdown-btn {
  border: 1px solid #ffffff;
  color: #ffffff;
  cursor: pointer;
  display: none;
  font-size: 16px;
  height: 30px;
  line-height: 26px;
  position: absolute;
  right: 10px;
  text-align: center;
  top: 8px;
  width: 34px;
  z-index: 5;
}

.sticky-header {
  background-color: rgba(10, 8, 8, 0.9843137255);
  -webkit-box-shadow: 0 0 3px rgba(0, 0, 0, 0.1);
          box-shadow: 0 0 3px rgba(0, 0, 0, 0.1);
  -webkit-box-shadow: 2px 2px 5px 1px rgba(0, 0, 0, 0.05), -2px 0px 5px 1px rgba(0, 0, 0, 0.05);
          box-shadow: 2px 2px 5px 1px rgba(0, 0, 0, 0.05), -2px 0px 5px 1px rgba(0, 0, 0, 0.05);
  left: 0px;
  opacity: 0;
  padding: 0px;
  position: fixed;
  top: 0px;
  visibility: hidden;
  width: 100%;
  z-index: 99999;
}
@media only screen and (min-width: 1023px) {
  .sticky-header .mobile-nav-toggler {
    display: none;
  }
}
.sticky-header.fixed-header {
  opacity: 1;
  visibility: visible;
  z-index: 9999;
}
.sticky-header .logo {
  padding: 10px 0;
}
.sticky-header .logo img {
  max-height: 40px;
}
.sticky-header .nav-outer {
  background: none;
  position: relative;
}
.sticky-header .inner-container {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  position: relative;
}
.sticky-header .main-menu .navigation > li {
  margin: 0;
  margin-left: 46px;
  padding: 20px 0;
}
.sticky-header .main-menu .navigation > li > a {
  color: #fff;
}
.sticky-header .main-menu .navigation > li.current > a, .sticky-header .main-menu .navigation > li:hover > a {
  color: var(--theme-color1);
}
.sticky-header .main-menu .navigation > li:before {
  display: none;
}
.sticky-header .outer-box,
.sticky-header .navbar-header {
  display: none;
}
.sticky-header .mobile-nav-toggler {
  color: var(--theme-color-white) !important;
  font-size: 22px;
  line-height: 1;
}

.header-1 .sticky-header .main-menu .navigation > li > a {
  color: #fff;
}
.header-1 .sticky-header .main-menu .navigation > li.current > a, .header-1 .sticky-header .main-menu .navigation > li:hover > a {
  color: var(--theme-color1);
}
.header-1 .sticky-header .main-menu .navigation > li:before {
  display: none;
}

@media only screen and (max-width: 1700px) {
  .main-header .header-lower .outer-box .ui-btn-outer {
    border-right: 0;
    margin-right: 0;
    padding-right: 0;
  }
  .header-style-one .header-lower .logo-box {
    margin-right: 30px;
  }
  .main-menu .navigation > li {
    margin-right: 50px;
  }
}
@media only screen and (max-width: 1439px) {
  .main-menu .navigation > li {
    margin-right: 30px;
  }
}
@media only screen and (max-width: 1199px) {
  .header-top {
    margin-left: 0;
    padding: 0;
  }
  .main-header .main-box {
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
  }
  .main-header .header-lower .logo-box {
    margin-top: 0;
    min-height: auto;
  }
}
@media only screen and (min-width: 768px) {
  .main-menu .navigation > li > ul,
  .main-menu .navigation > li > ul > li > ul {
    display: block !important;
    visibility: hidden;
    opacity: 0;
  }
}
@media only screen and (max-width: 1023px) {
  .header-top,
  .main-header .main-menu {
    display: none;
  }
  .main-header .logo {
    min-width: auto;
  }
  .main-header .logo img, .sticky-header .main-header .logo img {
    width: auto;
    max-width: none;
    max-height: 35px;
  }
  .main-header .main-box .nav-outer {
    width: auto;
  }
  .main-header .main-box {
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
  }
}
@media only screen and (max-width: 767px) {
  .main-slider .title {
    padding: 7px 20px;
  }
  .main-slider .title:before {
    display: none;
  }
}
@media only screen and (max-width: 599px) {
  .main-header .header-lower .logo-box {
    padding-left: 0;
    min-width: auto;
    margin-right: 0px;
    max-width: 140px;
  }
  .main-header .header-lower .logo-box .logo img {
    max-width: 140px;
  }
}
/*** 

====================================================================
		Helping Section
====================================================================

***/
.section-padding {
  padding: 120px 0;
}
@media (max-width: 1199.98px) {
  .section-padding {
    padding: 100px 0;
  }
}
@media (max-width: 991.98px) {
  .section-padding {
    padding: 80px 0;
  }
}

/* background */
.bg-cover {
  background-repeat: no-repeat;
  background-size: cover;
  position: relative;
  background-position: center;
}

@-webkit-keyframes draw {
  to {
    stroke-dashoffset: 0;
  }
}

@keyframes draw {
  to {
    stroke-dashoffset: 0;
  }
}
@-webkit-keyframes draw2 {
  to {
    stroke-dashoffset: 0;
  }
}
@keyframes draw2 {
  to {
    stroke-dashoffset: 0;
  }
}
@media (max-width: 767.98px) {
  br {
    display: none;
  }
}

.fix {
  overflow: hidden;
}

.align-flex-end {
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
  margin-bottom: 30px;
}

.array-button {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 18px;
}
.array-button .array-prev,
.array-button .array-next {
  border-radius: 50%;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  cursor: inherit;
  -webkit-transition: all 0.4s ease-in-out;
  transition: all 0.4s ease-in-out;
  cursor: pointer !important;
  width: 50px;
  height: 50px;
  background: var(--theme-color2);
  color: #fff;
  font-size: 18px;
  font-weight: 600;
  -webkit-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
}
.array-button .array-prev:hover,
.array-button .array-next:hover {
  color: var(--theme-color-black);
  background: var(--theme-color1);
  border: none;
}

.bb-top {
  border-top: 1px solid rgba(12, 47, 37, 0.1);
}

.bb-bottom {
  border-bottom: 1px solid rgba(12, 47, 37, 0.1);
}

.section-bg {
  background-color: var(--bg-color) !important;
}

.section-bg-2 {
  background-color: var(--theme-color-black) !important;
}

.section-bg-3 {
  background-color: var(--theme-color2) !important;
}

.swiper-dot {
  position: relative;
  z-index: 99;
  text-align: center;
  margin-top: 40px;
  line-height: 1;
}
@media (max-width: 767.98px) {
  .swiper-dot {
    margin-top: 30px;
  }
}
.swiper-dot .swiper-pagination-bullet {
  width: 10px;
  height: 10px;
  -webkit-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
  background-color: var(--border-color1-rgba);
  opacity: 1;
  border-radius: 15px;
}
.swiper-dot .swiper-pagination-bullet:not(:last-child) {
  margin-right: 10px;
}
.swiper-dot .swiper-pagination-bullet.swiper-pagination-bullet-active {
  background-color: var(--theme-color1);
  -webkit-transition: 0.6s;
  transition: 0.6s;
  position: relative;
}

.tp--hover-item {
  position: relative;
}

.tp--hover-img {
  overflow: hidden;
}
.tp--hover-img canvas {
  top: 0;
  left: 0;
  width: 100%;
  border-radius: 40px;
  height: 100%;
  position: absolute;
}

.anim-reveal-line {
  overflow: hidden;
}

.body-bg {
  background-color: #f6f5ef;
}

.sticky-style {
  position: sticky;
  top: 100px;
}

.get-in-touch {
  background-color: var(--theme-color3);
  border-radius: 20px;
  color: #fff;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  font-weight: 400;
  gap: 5px;
  line-height: 26px;
  margin-top: 60px;
  padding: 7px 20px;
  position: relative;
  text-align: center;
  text-transform: capitalize;
}
.get-in-touch.style-5 {
  background-color: #0F0B19;
}
.get-in-touch.style-5 a {
  font-family: var(--heading-font-family);
}
@media (max-width: 767.98px) {
  .get-in-touch {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    padding: 10px 20px;
  }
}
.get-in-touch::after {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  height: 100%;
  width: 100%;
  content: "";
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  width: calc(100% + 8px);
  height: 46px;
  border-radius: 28px;
  z-index: -1;
  background: -webkit-gradient(linear, left top, right top, from(#88ff2a), to(rgba(82, 153, 25, 0)));
  background: linear-gradient(90deg, #88ff2a 0%, rgba(82, 153, 25, 0) 100%);
}
@media (max-width: 767.98px) {
  .get-in-touch::after {
    display: none;
  }
}
.get-in-touch a {
  color: var(--theme-color1);
  text-decoration-line: underline;
  text-decoration-style: solid;
  -webkit-text-decoration-skip: ink;
          text-decoration-skip-ink: auto;
  text-decoration-thickness: auto;
  text-underline-offset: auto;
}

.video-icon {
  position: relative;
  -webkit-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
  z-index: 11;
}
.video-icon .video-button-ripple::before,
.video-icon .video-button-ripple::after {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 100%;
  height: 100%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  -webkit-box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.4);
          box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.4);
  -webkit-animation: popupVideo 3s infinite;
          animation: popupVideo 3s infinite;
  border-radius: 50%;
}
.video-icon .video-button-ripple::before {
  -webkit-animation-delay: 0.9s;
          animation-delay: 0.9s;
  content: "";
  position: absolute;
}
.video-icon .video-button-ripple::after {
  -webkit-animation-delay: 0.6s;
          animation-delay: 0.6s;
  content: "";
  position: absolute;
}

.multiple-section {
  position: relative;
  z-index: 1;
}
.multiple-section .work-one {
  position: relative;
}
.multiple-section .work-one .top-object-1 {
  position: absolute;
  bottom: 0;
  right: 0;
}
.multiple-section .inner {
  margin: 0 60px;
  border-radius: 40px;
  position: relative;
}
.multiple-section .inner .object-cricle {
  position: absolute;
  bottom: 0;
  left: 0;
}
@media (max-width: 1699.98px) {
  .multiple-section .inner {
    margin: 0 35px;
  }
}
@media (max-width: 1399.98px) {
  .multiple-section .inner {
    margin: 0 25px;
  }
}
@media (max-width: 1199.98px) {
  .multiple-section .inner {
    margin: 0 15px;
    padding-left: 10px !important;
    padding-right: 10px !important;
  }
}
.multiple-section .inner .shape-1 {
  position: absolute;
  top: -20px;
  right: -20px;
}
.multiple-section .inner .light-shape {
  position: absolute;
  width: 1080px;
  height: 1080px;
  border-radius: 50%;
  opacity: 0.2;
  left: -5%;
  bottom: -100px;
  background: transparent;
  border: 110px solid var(--theme-color1);
  -webkit-filter: blur(125px);
          filter: blur(125px);
  z-index: -1;
}
.multiple-section .inner .light-shape2 {
  position: absolute;
  width: 555px;
  height: 555px;
  border-radius: 50%;
  opacity: 0.3;
  right: -15%;
  bottom: -10px;
  background: transparent;
  border: 60px solid var(--theme-color1);
  -webkit-filter: blur(125px);
          filter: blur(125px);
  z-index: -1;
}
.multiple-section .inner .bg-image {
  background-color: var(--theme-color3);
  position: absolute;
  top: 0;
  width: 100%;
  height: 100%;
  left: 0;
  -webkit-filter: grayscale(100);
          filter: grayscale(100);
  opacity: 0.1;
  border-radius: 40px;
}
.multiple-section .inner::after {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  height: 100%;
  width: 100%;
  content: "";
  background-color: var(--theme-color3);
  left: 10px;
  z-index: -1;
  border-radius: 40px;
}

.multiple-section-6 .inner .array-button .array-next, .multiple-section-6 .inner .array-button .array-prev {
  background-color: var(--body-bg);
}
.multiple-section-6 .inner .array-button .array-next:hover, .multiple-section-6 .inner .array-button .array-prev:hover {
  background-color: var(--theme-color1);
}

.title-shadow {
  position: absolute;
  left: -30px;
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  color: transparent;
  -webkit-text-stroke-width: 1px;
  -webkit-text-stroke-color: rgba(255, 255, 255, 0.24);
  font-size: 250px;
  font-weight: 700;
  line-height: 1;
  letter-spacing: -5px;
  text-transform: uppercase;
  -webkit-writing-mode: sideways-lr;
      -ms-writing-mode: sideways-lr;
          writing-mode: sideways-lr;
  white-space: nowrap;
  z-index: -1;
}
.title-shadow::after {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  height: 100%;
  width: 100%;
  content: "";
  background: #0a0a0a;
  -webkit-filter: blur(90px);
          filter: blur(90px);
  opacity: 1;
  left: auto;
  right: -80px;
}
@media (max-width: 1699.98px) {
  .title-shadow::after {
    display: none;
  }
}
@media (max-width: 1699.98px) {
  .title-shadow {
    position: relative;
    right: 0;
    -webkit-transform: none;
            transform: none;
    top: 0;
    left: 0;
    text-align: center;
    -webkit-writing-mode: unset;
        -ms-writing-mode: unset;
            writing-mode: unset;
    z-index: 1;
    white-space: unset;
  }
}
@media (max-width: 1199.98px) {
  .title-shadow {
    font-size: 220px;
  }
}
@media (max-width: 991.98px) {
  .title-shadow {
    font-size: 180px;
  }
}
@media (max-width: 767.98px) {
  .title-shadow {
    font-size: 150px;
  }
}
@media (max-width: 575.98px) {
  .title-shadow {
    font-size: 120px;
  }
}
@media (max-width: 469.98px) {
  .title-shadow {
    font-size: 100px;
  }
}
.title-shadow.style-2 {
  left: auto;
  right: -30px;
  -webkit-writing-mode: sideways-rl;
      -ms-writing-mode: sideways-rl;
          writing-mode: sideways-rl;
}
@media (max-width: 1699.98px) {
  .title-shadow.style-2 {
    -webkit-writing-mode: unset;
        -ms-writing-mode: unset;
            writing-mode: unset;
  }
}
.title-shadow.style-2::after {
  right: auto;
  left: -80px;
}

.title-shadow-2 {
  width: 100%;
  position: absolute;
  left: 50%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  top: -135px;
  color: var(--theme-color1);
  text-align: center;
  font-size: 160px;
  line-height: 1;
  font-weight: 700;
  text-transform: uppercase;
}
@media (max-width: 1199.98px) {
  .title-shadow-2 {
    top: -102px;
    font-size: 120px;
  }
}
@media (max-width: 991.98px) {
  .title-shadow-2 {
    top: -150px;
    font-size: 105px;
  }
}
@media (max-width: 767.98px) {
  .title-shadow-2 {
    top: -70px;
    font-size: 80px;
  }
}
@media (max-width: 575.98px) {
  .title-shadow-2 {
    top: -115px;
  }
}
@media (max-width: 469.98px) {
  .title-shadow-2 {
    font-size: 60px;
  }
}
.title-shadow-2 span {
  color: transparent;
  -webkit-text-stroke-width: 1px;
  -webkit-text-stroke-color: var(--border-color1-rgba);
}

.bb-bottom {
  border-bottom: 1px solid rgba(255, 255, 255, 0.2);
}

.theme-color {
  color: var(--theme-color1) !important;
}

.mt-minus-30px {
  margin-top: -30px;
}

.pb-160 {
  padding-bottom: 160px !important;
}

@media (max-width: 1199.98px) {
  br {
    display: none;
  }
}

.text-body {
  color: #D9D9D9 !important;
}

/*** 

====================================================================
      Mobile Menu
====================================================================

***/
.mobile-nav-toggler {
  position: relative;
  cursor: pointer;
  display: none;
  top: 0px;
  margin-left: 25px;
  -webkit-box-ordinal-group: 9;
      -ms-flex-order: 8;
          order: 8;
}
.mobile-nav-toggler.style-2 {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 7px;
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
}
.mobile-nav-toggler.style-2 span {
  display: block;
  width: 40px;
  height: 2px;
  background-color: #fff;
}
.mobile-nav-toggler.style-2 span:nth-child(2) {
  width: 30px;
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
.mobile-nav-toggler.style-2 span:nth-child(3) {
  width: 20px;
  -webkit-transition: all 0.4s ease;
  transition: all 0.4s ease;
}
.mobile-nav-toggler.style-2:hover span:nth-child(2) {
  width: 40px;
}
.mobile-nav-toggler.style-2:hover span:nth-child(3) {
  width: 40px;
}

@media only screen and (max-width: 1023px) {
  .mobile-nav-toggler {
    display: block !important;
  }
}
.mobile-menu {
  position: fixed;
  right: 0;
  top: 0;
  width: 300px;
  max-width: 100%;
  height: 100%;
  opacity: 0;
  visibility: hidden;
  z-index: 999999;
}
.mobile-menu .menu-backdrop {
  position: fixed;
  right: 0;
  top: 0;
  width: 100%;
  height: 100%;
  z-index: 1;
  background: rgba(0, 0, 0, 0.7);
  opacity: 0;
  visibility: hidden;
}
.mobile-menu .upper-box {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  width: 100%;
  padding: 20px 20px;
}
.mobile-menu .close-btn {
  position: relative;
  top: 5px;
  text-align: center;
  font-size: 30px;
  color: #fff;
  cursor: pointer;
  z-index: 10;
  -webkit-transition: all 0.5s ease;
  transition: all 0.5s ease;
  -webkit-transform: translateY(-50px);
          transform: translateY(-50px);
}
.mobile-menu .close-btn:hover {
  opacity: 0.5;
}
.mobile-menu .nav-logo {
  position: relative;
  text-align: left;
  width: 100%;
}
.mobile-menu .nav-logo img {
  max-height: 40px;
}
.mobile-menu .menu-box {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  left: 0px;
  top: 0px;
  width: 100%;
  height: 100%;
  max-height: 100%;
  overflow-y: auto;
  background-color: rgba(10, 8, 8, 0.9843137255);
  -webkit-box-shadow: 0 0 3px rgba(0, 0, 0, 0.1);
          box-shadow: 0 0 3px rgba(0, 0, 0, 0.1);
  -webkit-box-shadow: 2px 2px 5px 1px rgba(0, 0, 0, 0.05), -2px 0px 5px 1px rgba(0, 0, 0, 0.05);
          box-shadow: 2px 2px 5px 1px rgba(0, 0, 0, 0.05), -2px 0px 5px 1px rgba(0, 0, 0, 0.05);
  padding: 0px 0px;
  z-index: 5;
  opacity: 0;
  visibility: hidden;
  border-radius: 0px;
  -webkit-transform: translateX(101%);
          transform: translateX(101%);
}

.mobile-menu-visible {
  overflow: hidden;
}
.mobile-menu-visible .mobile-menu {
  opacity: 1;
  visibility: visible;
}
.mobile-menu-visible .mobile-menu .menu-backdrop {
  opacity: 1;
  visibility: visible;
  -webkit-transition: all 0.4s ease;
  transition: all 0.4s ease;
}
.mobile-menu-visible .mobile-menu .menu-box {
  opacity: 1;
  visibility: visible;
  -webkit-transition: all 0.4s ease 200ms;
  transition: all 0.4s ease 200ms;
  -webkit-transform: translateX(0%);
          transform: translateX(0%);
}
.mobile-menu-visible .mobile-menu .close-btn {
  -webkit-transform: translateY(0px);
          transform: translateY(0px);
}
.mobile-menu-visible .scroll-to-top {
  opacity: 0;
  visibility: hidden;
}

.mobile-menu .navigation {
  position: relative;
  display: block;
  width: 100%;
  border-top: 1px solid rgba(255, 255, 255, 0.1);
}
.mobile-menu .navigation li {
  position: relative;
  display: block;
  border-bottom: 1px solid rgba(255, 255, 255, 0.1);
}
.mobile-menu .navigation li > ul > li:last-child {
  border-bottom: none;
}
.mobile-menu .navigation li > ul > li:first-child {
  border-top: 1px solid rgba(255, 255, 255, 0.1);
}
.mobile-menu .navigation li > a {
  position: relative;
  display: block;
  line-height: 24px;
  padding: 10px 20px;
  font-size: 16px;
  color: #ffffff;
  font-weight: 400;
  text-transform: capitalize;
}
.mobile-menu .navigation li:hover > a, .mobile-menu .navigation li.current > a {
  color: var(--theme-color1);
}
.mobile-menu .navigation li.dropdown .dropdown-btn {
  position: absolute;
  right: 0px;
  top: 0px;
  width: 44px;
  height: 44px;
  text-align: center;
  font-size: 17px;
  line-height: 44px;
  font-weight: 500;
  font-family: var(--title-font);
  color: #ffffff;
  cursor: pointer;
  z-index: 5;
}
.mobile-menu .navigation li.dropdown .dropdown-btn:after {
  content: "";
  position: absolute;
  left: 0px;
  top: 10px;
  width: 1px;
  height: 24px;
  border-left: 1px solid rgba(255, 255, 255, 0.1);
}
.mobile-menu .navigation li.dropdown .dropdown-btn.active i:before {
  content: "\f106";
}

.mobile-menu .navigation li > ul,
.mobile-menu .navigation li > ul > li > ul {
  display: none;
}

.mobile-menu .navigation li > ul > li {
  padding-left: 20px;
}

.contact-list-one {
  position: relative;
  padding: 30px 20px 20px;
}
.contact-list-one li {
  position: relative;
  margin-bottom: 20px;
}
.contact-list-one li:last-child {
  margin-right: 0;
}
.contact-list-one li .contact-info-box {
  position: relative;
  padding-left: 54px;
  font-size: 14px;
  line-height: 24px;
  color: #ffffff;
}
.contact-list-one li .contact-info-box a {
  color: #ffffff;
  -webkit-transition: all 300ms ease;
  transition: all 300ms ease;
}
.contact-list-one li .contact-info-box .icon {
  position: absolute;
  left: 0;
  top: 0;
  font-size: 34px;
  line-height: 50px;
  color: #fff;
}
.contact-list-one li .contact-info-box .title {
  display: block;
  font-size: 12px;
  color: #b2c1c0;
  font-weight: 400;
  text-transform: uppercase;
}

.mobile-menu .social-links {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  background: var(--bg-theme-color1);
  width: 100%;
  border-top: 1px solid rgba(255, 255, 255, 0.1);
  margin-top: auto;
}
.mobile-menu .social-links li {
  position: relative;
  text-align: center;
  width: 100%;
  border-right: 1px solid rgba(0, 0, 0, 0.1);
}
.mobile-menu .social-links li a {
  position: relative;
  display: block;
  line-height: 50px;
  height: 50px;
  font-size: 14px;
  text-align: center;
  color: #fff;
  -webkit-transition: all 300ms ease;
  transition: all 300ms ease;
}
.mobile-menu .social-links li a:hover {
  color: var(--theme-color-black);
}

/*** 

====================================================================
  Search Popup
====================================================================

***/
.search-popup {
  position: fixed;
  left: 0;
  top: 0;
  height: 100vh;
  width: 100%;
  z-index: 99;
  opacity: 0;
  visibility: hidden;
  -webkit-transition: all 500ms ease;
  transition: all 500ms ease;
  overflow: hidden;
  -webkit-transform: scale(0.95);
          transform: scale(0.95);
}
.search-popup .search-back-drop {
  position: absolute;
  left: 0;
  top: 0;
  height: 100%;
  width: 100%;
  background-color: var(--bg-theme-color2);
  opacity: 0.95;
}
.search-popup .close-search {
  position: absolute;
  top: 30px;
  right: 30px;
  font-size: 26px;
  color: var(--theme-color-light);
  z-index: 3;
  border-radius: 50%;
  background-color: transparent;
  -webkit-transition: all 500ms ease;
  transition: all 500ms ease;
}
.search-popup .search-inner {
  position: relative;
  display: block;
  top: 40%;
  height: auto;
  z-index: 1;
  width: calc(100% - 60px);
  max-width: 800px;
  margin: auto;
  opacity: 0;
  -webkit-transform: translateY(-50px);
          transform: translateY(-50px);
  -webkit-transition: all 300ms ease;
  transition: all 300ms ease;
}
.search-popup .form-group {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.search-popup .form-group input[type=search],
.search-popup .form-group input[type=text] {
  position: relative;
  display: block;
  line-height: 20px;
  font-size: 16px;
  width: 100%;
  height: 50px;
  border: 1px solid #e1e6dc;
  padding: 15px 20px;
  color: #707070;
  background: #ffffff;
  border-radius: 5px;
  -webkit-transition: all 500ms ease;
  transition: all 500ms ease;
}
.search-popup .form-group input[type=search]:focus,
.search-popup .form-group input[type=text]:focus {
  border-color: var(--border-theme-color2);
}
.search-popup .form-group button {
  position: absolute;
  right: 5px;
  top: 5px;
  height: 40px;
  width: 40px;
  display: block;
  font-size: 18px;
  color: var(--theme-color-dark);
  line-height: 40px;
  border-radius: 5px;
  font-weight: normal;
  background: #ffffff;
  -webkit-transition: all 500ms ease;
  transition: all 500ms ease;
}
.search-popup .form-group button:hover {
  color: var(--theme-color-dark);
}
.search-popup textarea::-webkit-input-placeholder, .search-popup input::-webkit-input-placeholder {
  color: inherit;
}
.search-popup textarea::-moz-placeholder, .search-popup input::-moz-placeholder {
  color: inherit;
}
.search-popup textarea:-ms-input-placeholder, .search-popup input:-ms-input-placeholder {
  color: inherit;
}
.search-popup textarea::-ms-input-placeholder, .search-popup input::-ms-input-placeholder {
  color: inherit;
}
.search-popup textarea::placeholder,
.search-popup input::placeholder {
  color: inherit;
}

.moblie-search-active .search-popup {
  opacity: 1;
  visibility: visible;
  -webkit-transform: scale(1);
          transform: scale(1);
  border-radius: 0%;
}
.moblie-search-active .search-popup .search-inner {
  opacity: 1;
  -webkit-transform: translateY(0);
          transform: translateY(0);
  -webkit-transition-delay: 500ms;
          transition-delay: 500ms;
}

/*** 

====================================================================
Section Title
====================================================================

***/
.sec-title {
  margin-bottom: 30px;
}
@media (max-width: 767.98px) {
  .sec-title {
    margin-bottom: 10px;
  }
}
.sec-title .sub-title {
  font-size: 16px;
  font-weight: 400;
  line-height: 1;
  position: relative;
  color: #7A7A7A;
  font-family: var(--body-font-family);
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  margin-bottom: 18px;
}
.sec-title .sub-title img {
  margin-right: 8px;
}
.sec-title .title span {
  color: var(--theme-color1);
}
@media (max-width: 1199.98px) {
  .sec-title .title {
    font-size: 44px;
  }
}
@media (max-width: 767.98px) {
  .sec-title .title {
    font-size: 40px;
  }
}
@media (max-width: 575.98px) {
  .sec-title .title {
    font-size: 36px;
  }
}
@media (max-width: 469.98px) {
  .sec-title .title {
    font-size: 28px;
  }
}

.section-title-area {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  row-gap: 30px;
}

.hero-1 {
  padding: 200px 0 200px;
  position: relative;
}
@media (max-width: 1199.98px) {
  .hero-1 {
    padding: 180px 0 130px;
  }
}
@media (max-width: 767.98px) {
  .hero-1 {
    padding: 160px 0 110px;
  }
}
@media (max-width: 575.98px) {
  .hero-1 {
    padding: 150px 0 100px;
  }
}
.hero-1 .arrow-path {
  width: 220px;
  height: 130px;
  color: black;
  stroke-dasharray: 1000;
  -webkit-animation: draw 10s linear infinite;
          animation: draw 10s linear infinite;
}
@keyframes draw {
  0% {
    stroke-dashoffset: 1000;
  }
  100% {
    stroke-dashoffset: 0;
  }
}
.hero-1 .hero-oboject-1 {
  position: absolute;
  bottom: 0;
  left: 0;
}
@media (max-width: 1899.98px) {
  .hero-1 .hero-oboject-1 {
    max-width: 430px;
    bottom: 15%;
  }
  .hero-1 .hero-oboject-1 img {
    width: 100%;
    height: 100%;
  }
}
@media (max-width: 1399.98px) {
  .hero-1 .hero-oboject-1 {
    bottom: 130px;
    max-width: 400px;
  }
}
@media (max-width: 1199.98px) {
  .hero-1 .hero-oboject-1 {
    display: none;
  }
}
.hero-1 .hero-oboject-2 {
  position: absolute;
  bottom: -5%;
  right: -5%;
}
@media (max-width: 1399.98px) {
  .hero-1 .hero-oboject-2 {
    bottom: 0;
    max-width: 400px;
  }
  .hero-1 .hero-oboject-2 img {
    width: 100%;
    height: 100%;
  }
}
@media (max-width: 1199.98px) {
  .hero-1 .hero-oboject-2 {
    display: none;
  }
}
.hero-1 .hero-content {
  position: relative;
  z-index: 9;
}
.hero-1 .hero-content .line-ani {
  position: absolute;
  top: 85px;
  right: 41.2%;
  z-index: -1;
}
@media (max-width: 1199.98px) {
  .hero-1 .hero-content .line-ani {
    display: none;
  }
}
.hero-1 .hero-content .hero-title {
  color: #fff;
  max-width: 1200px;
}
@media (max-width: 1199.98px) {
  .hero-1 .hero-content .hero-title {
    font-size: 75px;
  }
}
@media (max-width: 991.98px) {
  .hero-1 .hero-content .hero-title {
    font-size: 60px;
    line-height: 120%;
  }
}
@media (max-width: 767.98px) {
  .hero-1 .hero-content .hero-title {
    font-size: 48px;
    text-align: center;
  }
}
@media (max-width: 575.98px) {
  .hero-1 .hero-content .hero-title {
    font-size: 38px;
  }
}
.hero-1 .hero-content .hero-title span {
  font-weight: 250;
}
.hero-1 .hero-content .content-items {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 60px;
  margin-top: 45px;
  margin-left: 300px;
}
@media (max-width: 991.98px) {
  .hero-1 .hero-content .content-items {
    margin-left: 60px;
  }
}
@media (max-width: 767.98px) {
  .hero-1 .hero-content .content-items {
    margin-left: 0;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    gap: 30px;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
  }
}
.hero-1 .hero-content .content-items .circle-box {
  position: relative;
  display: inline-block;
}
.hero-1 .hero-content .content-items .circle-box .ani-circle {
  -webkit-animation: cir36 10s linear infinite;
          animation: cir36 10s linear infinite;
}
.hero-1 .hero-content .content-items .circle-box .arrow-icon {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
}
.hero-1 .hero-content .content-items .content {
  max-width: 440px;
}
@media (max-width: 767.98px) {
  .hero-1 .hero-content .content-items .content {
    margin: 0 auto;
    text-align: center;
  }
}
.hero-1 .hero-content .content-items .content .hero-text {
  font-size: 18px;
  color: rgba(255, 255, 255, 0.8);
  margin-bottom: 30px;
}
@media (max-width: 767.98px) {
  .hero-1 .hero-content .content-items .content .hero-text {
    font-size: 16px;
    text-align: center;
  }
}

.line-shape-animation {
  max-width: 1654px;
  height: 100%;
  position: absolute;
  left: 50%;
  top: -20px;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  margin: 0 auto;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  z-index: 1;
}
@media (max-width: 1399.98px) {
  .line-shape-animation {
    display: none !important;
  }
}

.line-shape-animation span {
  position: relative;
  width: 1px;
  height: 100%;
  display: block;
  background: rgba(255, 255, 255, 0.1);
}

.line-shape-animation span::before,
.line-shape-animation span::after {
  position: absolute;
  top: 0;
  left: 0;
  content: "";
  background: var(--theme-color1);
  -webkit-box-shadow: rgba(255, 255, 255, 0.1) 0px 8px 24px;
          box-shadow: rgba(255, 255, 255, 0.1) 0px 8px 24px;
  border-top-left-radius: 50px;
  border-top-right-radius: 50px;
  clip-path: polygon(51% 8%, 68% 15%, 66% 40%, 60% 78%, 56% 100%, 46% 100%, 42% 84%, 38% 56%, 34% 17%);
}

.line-shape-animation span::after {
  -webkit-animation: dscroll 2s linear infinite;
          animation: dscroll 2s linear infinite;
  width: 2px;
  height: 24px;
  bottom: 0;
  left: 0;
  background: var(--theme-color1);
  -webkit-box-shadow: rgba(255, 255, 255, 0.1) 0px 8px 24px;
          box-shadow: rgba(255, 255, 255, 0.1) 0px 8px 24px;
  border-top-left-radius: 50px;
  border-top-right-radius: 50px;
  clip-path: polygon(51% 8%, 68% 15%, 66% 40%, 60% 78%, 56% 100%, 46% 100%, 42% 84%, 38% 56%, 34% 17%);
}

.line-shape-animation span:nth-child(2)::after {
  -webkit-animation: dscroll 2.1s linear infinite;
          animation: dscroll 2.1s linear infinite;
}

.line-shape-animation span:nth-child(3)::after {
  -webkit-animation: dscroll 2.2s linear infinite;
          animation: dscroll 2.2s linear infinite;
}

.line-shape-animation span:nth-child(4)::after {
  -webkit-animation: dscroll 2.3s linear infinite;
          animation: dscroll 2.3s linear infinite;
}

.line-shape-animation span:nth-child(5)::after {
  -webkit-animation: dscroll 2.4s linear infinite;
          animation: dscroll 2.4s linear infinite;
}

.line-shape-animation span:nth-child(6)::after {
  -webkit-animation: dscroll 1s linear infinite;
          animation: dscroll 1s linear infinite;
}

.line-shape-animation span:nth-child(7)::after {
  -webkit-animation: dscroll 3.5s linear infinite;
          animation: dscroll 3.5s linear infinite;
}

.line-shape-animation span:nth-child(2)::-ms-backdrop {
  animation: dscroll 4.1s linear infinite;
}

.line-shape-animation span:nth-child(2)::backdrop {
  -webkit-animation: dscroll 4.1s linear infinite;
          animation: dscroll 4.1s linear infinite;
}

.line-shape-animation span:nth-child(3)::before {
  -webkit-animation: dscroll 4.2s linear infinite;
          animation: dscroll 4.2s linear infinite;
}

.line-shape-animation span:nth-child(4)::before {
  -webkit-animation: dscroll 4.3s linear infinite;
          animation: dscroll 4.3s linear infinite;
}

.line-shape-animation span:nth-child(5)::before {
  -webkit-animation: dscroll 4.4s linear infinite;
          animation: dscroll 4.4s linear infinite;
}

.line-shape-animation span:nth-child(6)::before {
  -webkit-animation: dscroll 4s linear infinite;
          animation: dscroll 4s linear infinite;
}

.line-shape-animation span:nth-child(7)::before {
  -webkit-animation: dscroll 4.5s linear infinite;
          animation: dscroll 4.5s linear infinite;
}

@keyframes dscroll {
  100% {
    -webkit-transform: translateY(100vh);
            transform: translateY(100vh);
  }
}
.p-relative {
  position: relative !important;
}

.hero-2 {
  padding: 220px 0 220px;
  position: relative;
}
@media (max-width: 1199.98px) {
  .hero-2 {
    padding: 180px 0 150px;
    z-index: 9;
  }
  .hero-2::before {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    content: "";
    background-color: #000;
    opacity: 0.6;
    z-index: -1;
  }
}
@media (max-width: 767.98px) {
  .hero-2 {
    padding: 160px 0 110px;
  }
}
@media (max-width: 575.98px) {
  .hero-2 {
    padding: 150px 0 100px;
  }
}
.hero-2 .roket-shape {
  position: absolute;
  left: 39.7%;
  top: 10%;
}
@media (max-width: 1699.98px) {
  .hero-2 .roket-shape {
    left: 36%;
  }
}
@media (max-width: 1399.98px) {
  .hero-2 .roket-shape {
    left: 34%;
  }
}
@media (max-width: 1199.98px) {
  .hero-2 .roket-shape {
    left: 32%;
  }
}
@media (max-width: 991.98px) {
  .hero-2 .roket-shape {
    left: 28%;
  }
}
@media (max-width: 767.98px) {
  .hero-2 .roket-shape {
    display: none;
  }
}
.hero-2 .hero-content {
  max-width: 1210px;
  margin: 0 auto;
  position: relative;
  z-index: 9;
}
.hero-2 .hero-content .hero-title {
  font-size: 110px;
  font-weight: 500;
  text-transform: uppercase;
  letter-spacing: -0.04em;
  line-height: 100%;
  text-align: center;
  position: relative;
}
@media (max-width: 1399.98px) {
  .hero-2 .hero-content .hero-title {
    font-size: 90px;
    max-width: 950px;
    margin: 0 auto;
  }
}
@media (max-width: 991.98px) {
  .hero-2 .hero-content .hero-title {
    font-size: 65px;
  }
}
@media (max-width: 767.98px) {
  .hero-2 .hero-content .hero-title {
    font-size: 48px;
    line-height: 115%;
  }
}
@media (max-width: 575.98px) {
  .hero-2 .hero-content .hero-title {
    font-size: 38px;
    line-height: 122%;
    max-width: 420px;
  }
}
@media (max-width: 469.98px) {
  .hero-2 .hero-content .hero-title {
    font-size: 32px;
    line-height: 122%;
    max-width: 350px;
  }
}
.hero-2 .hero-content .hero-title span {
  background: -webkit-gradient(linear, left top, left bottom, from(#FFFFFF), to(#FF56A6));
  background: linear-gradient(180deg, #FFFFFF 0%, #FF56A6 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
  color: transparent;
  position: relative;
}
.hero-2 .hero-content .hero-info .ratting-top {
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: start;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 16px;
}
.hero-2 .hero-content .hero-info .ratting-top span {
  color: #fff;
  font-family: var(--heading-font-family);
  font-size: 40px;
  font-weight: 500;
}
.hero-2 .hero-content .hero-info .ratting-top .star {
  color: var(--theme-color1);
}
@media (max-width: 991.98px) {
  .hero-2 .hero-content .hero-info .ratting-top .star {
    text-align: start;
  }
}
.hero-2 .hero-content .hero-info .ratting-top .star .text {
  color: #fff;
  font-family: var(--heading-font-family);
  font-size: 14px;
  font-weight: 400;
  margin-bottom: 0;
}
.hero-2 .hero-content .hero-info .client-image {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
@media (max-width: 991.98px) {
  .hero-2 .hero-content .hero-info .client-image {
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
  }
}
.hero-2 .hero-content .hero-info .client-image img {
  border: 2px solid #000;
  border-radius: 50%;
  height: 40px;
  width: 40px;
}
.hero-2 .hero-content .hero-info .client-image .icon-1 {
  margin-right: -10px;
}
.hero-2 .hero-content .hero-info .client-image .icon-2 {
  margin-right: -10px;
}
.hero-2 .hero-content .hero-info .client-image .icon-3 {
  margin-right: -10px;
}
.hero-2 .hero-content .hero-info .client-image .icon-4 {
  margin-right: -10px;
}
.hero-2 .hero-content .hero-info .client-image span {
  width: 40px;
  height: 40px;
  border-radius: 50%;
  display: inline-block;
  background-color: var(--theme-color1);
  color: #fff;
  font-size: 18px;
  font-weight: 500;
  font-family: var(--heading-font-family);
  text-align: center;
  line-height: 40px;
}
.hero-2 .hero-content .content .hero-text {
  max-width: 440px;
  color: rgba(255, 255, 255, 0.8);
  margin-bottom: 37px;
}
@media (max-width: 767.98px) {
  .hero-2 .hero-content .content .hero-text {
    margin-bottom: 25px;
  }
}
.hero-2 .hero-content .hero-items {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  max-width: 1130px;
  margin: 0 auto;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  margin: 30px auto 0;
  margin-right: -60px;
}
@media (max-width: 1199.98px) {
  .hero-2 .hero-content .hero-items {
    margin-right: 0;
  }
}
@media (max-width: 991.98px) {
  .hero-2 .hero-content .hero-items {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    gap: 30px;
    text-align: center;
  }
}

.hero-3 {
  padding: 150px 0 430px;
  position: relative;
}
@media (max-width: 767.98px) {
  .hero-3 {
    padding-top: 160px;
  }
}
@media (max-width: 575.98px) {
  .hero-3 {
    padding-top: 140px;
  }
}
.hero-3 .email-items {
  display: -ms-inline-grid;
  display: inline-grid;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 18px;
  position: absolute;
  bottom: 28%;
  left: 100px;
}
@media (max-width: 1699.98px) {
  .hero-3 .email-items {
    display: none;
  }
}
.hero-3 .email-items img {
  line-height: 1;
}
.hero-3 .email-items a {
  -webkit-writing-mode: sideways-rl;
      -ms-writing-mode: sideways-rl;
          writing-mode: sideways-rl;
  font-size: 16px;
  font-weight: 400;
  color: #fff;
  line-height: 1;
}
.hero-3 .social-icon-items {
  display: -ms-inline-grid;
  display: inline-grid;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  gap: 15px;
  position: absolute;
  bottom: 15%;
  right: 100px;
}
@media (max-width: 1699.98px) {
  .hero-3 .social-icon-items {
    display: none;
  }
}
.hero-3 .social-icon-items .line {
  height: 80px;
  width: 1px;
  background: rgba(255, 255, 255, 0.3);
  margin-left: 8px;
}
.hero-3 .social-icon-items span {
  color: #fff;
  font-size: 14px;
  font-weight: 400;
  -webkit-writing-mode: sideways-rl;
      -ms-writing-mode: sideways-rl;
          writing-mode: sideways-rl;
  line-height: 1;
}
.hero-3 .social-icon-items .social-icon {
  -webkit-transform: rotate(360deg);
          transform: rotate(360deg);
  display: -ms-grid;
  display: grid;
}
.hero-3 .social-icon-items .social-icon a {
  -webkit-transform: rotate(-90deg);
          transform: rotate(-90deg);
  color: #fff;
}
.hero-3 .social-icon-items .social-icon a:hover {
  color: var(--theme-color1);
}
.hero-3 .container {
  max-width: 1460px;
}
.hero-3 .hero-title {
  font-size: 92px;
  font-weight: 700;
  line-height: 122%;
  position: relative;
  z-index: 1;
}
@media (max-width: 991.98px) {
  .hero-3 .hero-title .icon {
    display: none;
  }
}
@media (max-width: 1399.98px) {
  .hero-3 .hero-title {
    font-size: 80px;
  }
}
@media (max-width: 1199.98px) {
  .hero-3 .hero-title {
    font-size: 60px;
  }
}
@media (max-width: 991.98px) {
  .hero-3 .hero-title {
    font-size: 70px;
    text-align: center;
    max-width: 700px;
    margin: 0 auto;
  }
}
@media (max-width: 767.98px) {
  .hero-3 .hero-title {
    font-size: 55px;
  }
}
@media (max-width: 575.98px) {
  .hero-3 .hero-title {
    font-size: 44px;
  }
}
@media (max-width: 469.98px) {
  .hero-3 .hero-title {
    font-size: 34px;
  }
}
.hero-3 .hero-title br {
  display: block;
}
@media (max-width: 991.98px) {
  .hero-3 .hero-title br {
    display: none;
  }
}
.hero-3 .hero-title .line-ani {
  position: absolute;
  bottom: 20%;
  right: 34%;
  z-index: -1;
}
@media (max-width: 1399.98px) {
  .hero-3 .hero-title .line-ani {
    display: none;
  }
}
@media (max-width: 991.98px) {
  .hero-3 .hero-content {
    max-width: 650px;
    margin: 0 auto;
    text-align: center;
  }
}
.hero-3 .hero-content .text {
  font-size: 16px;
  font-weight: 400;
  color: #fff;
  margin-bottom: 0;
}
.hero-3 .hero-content .hero-list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 10px;
  margin-bottom: 28px;
  margin-top: 30px;
}
@media (max-width: 991.98px) {
  .hero-3 .hero-content .hero-list {
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
  }
}
@media (max-width: 575.98px) {
  .hero-3 .hero-content .hero-list {
    margin-top: 20px;
    margin-bottom: 20px;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }
}
.hero-3 .hero-content .hero-list a {
  display: inline-block;
  border: 1px solid rgba(255, 255, 255, 0.2);
  font-size: 14px;
  font-weight: 400;
  color: #fff;
  padding: 13px 20px 10px;
  border-radius: 30px;
  line-height: 1;
}
.hero-3 .hero-content .hero-list a:hover {
  background-color: var(--theme-color1);
  border-color: var(--theme-color1);
}

.hero-section-3 .hero-image {
  position: relative;
  border-radius: 12px;
  margin-top: -300px;
  height: 630px;
  z-index: 99;
}
@media (max-width: 991.98px) {
  .hero-section-3 .hero-image {
    height: 580px;
  }
}
@media (max-width: 767.98px) {
  .hero-section-3 .hero-image {
    height: 530px;
  }
}
@media (max-width: 575.98px) {
  .hero-section-3 .hero-image {
    height: 480px;
  }
}
.hero-section-3 .hero-image .circle-box {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  font-size: 20px;
  font-weight: 500;
  text-transform: uppercase;
  width: 180px;
  height: 180px;
  border-radius: 50%;
  background-color: var(--theme-color1);
  color: #fff;
  position: absolute;
  z-index: 9;
  top: -85px;
  right: 210px;
  border: 10px solid var(--theme-color-black);
}
@media (max-width: 991.98px) {
  .hero-section-3 .hero-image .circle-box {
    font-size: 13px;
    border: 5px solid var(--theme-color-black);
    width: 150px;
    height: 150px;
    right: initial;
    left: 50%;
    -webkit-transform: translateX(-50%);
            transform: translateX(-50%);
  }
}
.hero-section-3 .hero-image::before {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  height: 100%;
  width: 100%;
  content: "";
  background: rgba(0, 0, 0, 0.3);
  border-radius: 12px;
}
.hero-section-3 .hero-image img {
  width: 100%;
  height: 100%;
  border-radius: 12px;
  -o-object-fit: cover;
     object-fit: cover;
}

.hero-4 {
  padding: 200px 0 0;
  overflow: hidden;
  border-bottom-left-radius: 50px;
  border-bottom-right-radius: 50px;
}
@media (max-width: 991.98px) {
  .hero-4 {
    padding-top: 180px;
  }
}
@media (max-width: 767.98px) {
  .hero-4 {
    padding-top: 170px;
  }
}
@media (max-width: 575.98px) {
  .hero-4 {
    padding-top: 150px;
  }
}
.hero-4 .container {
  max-width: 1690px;
}
.hero-4 .hero-content .hero-title {
  font-size: 170px;
}
@media (max-width: 1699.98px) {
  .hero-4 .hero-content .hero-title {
    font-size: 120px;
  }
}
@media (max-width: 1199.98px) {
  .hero-4 .hero-content .hero-title {
    font-size: 90px;
  }
}
@media (max-width: 991.98px) {
  .hero-4 .hero-content .hero-title {
    font-size: 75px;
  }
}
@media (max-width: 469.98px) {
  .hero-4 .hero-content .hero-title {
    font-size: 60px;
  }
}
.hero-4 .hero-content .hero-title span {
  display: block;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: rgb(255, 86, 166);
  color: transparent;
}
@media (max-width: 991.98px) {
  .hero-4 .hero-content .hero-title span {
    display: initial;
  }
}
.hero-4 .hero-content .hero-items {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 100px;
  margin-top: 30px;
}
@media (max-width: 1199.98px) {
  .hero-4 .hero-content .hero-items {
    gap: 30px;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }
}
.hero-4 .hero-content .hero-items .thumb {
  -webkit-transform: rotate(18.92deg);
          transform: rotate(18.92deg);
}
@media (max-width: 1199.98px) {
  .hero-4 .hero-content .hero-items .thumb {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
    display: none;
  }
}
.hero-4 .hero-content .hero-items .thumb img {
  border-radius: 10px;
}
.hero-4 .hero-content .hero-items .content {
  max-width: 420px;
}
.hero-4 .hero-content .hero-items .content .text {
  border-bottom: 1px solid rgba(255, 255, 255, 0.1);
  padding-bottom: 25px;
}
.hero-4 .hero-content .hero-items .content .social-icon {
  margin-top: 30px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 8px;
}
.hero-4 .hero-content .hero-items .content .social-icon a {
  display: inline-block;
  border: 1px solid rgba(255, 255, 255, 0.14);
  width: 40px;
  height: 40px;
  line-height: 40px;
  text-align: center;
  border-radius: 50%;
  color: rgba(255, 255, 255, 0.6);
}
.hero-4 .hero-content .hero-items .content .social-icon a:hover {
  background-color: var(--theme-color1);
  color: var(--theme-color-white);
}
.hero-4 .hero-image {
  border-radius: 10px;
  position: relative;
  z-index: 9;
}
@media (max-width: 991.98px) {
  .hero-4 .hero-image {
    height: 550px;
  }
}
@media (max-width: 767.98px) {
  .hero-4 .hero-image {
    height: 470px;
  }
}
@media (max-width: 575.98px) {
  .hero-4 .hero-image {
    height: 430px;
  }
}
.hero-4 .hero-image .shape1 {
  position: absolute;
  left: 60px;
  top: -80px;
}
@media (max-width: 991.98px) {
  .hero-4 .hero-image .shape1 {
    display: none;
  }
}
.hero-4 .hero-image .shape1 img {
  border-radius: 0;
}
.hero-4 .hero-image .shape2 {
  position: absolute;
  right: 60px;
  top: -80px;
}
@media (max-width: 991.98px) {
  .hero-4 .hero-image .shape2 {
    display: none;
  }
}
.hero-4 .hero-image .shape2 img {
  border-radius: 0;
}
.hero-4 .hero-image .shape3 {
  position: absolute;
  left: 40px;
  bottom: -70px;
}
@media (max-width: 991.98px) {
  .hero-4 .hero-image .shape3 {
    display: none;
  }
}
.hero-4 .hero-image .shape3 img {
  border-radius: 0;
}
.hero-4 .hero-image .shape4 {
  position: absolute;
  right: 40px;
  bottom: -70px;
}
@media (max-width: 991.98px) {
  .hero-4 .hero-image .shape4 {
    display: none;
  }
}
.hero-4 .hero-image .shape4 img {
  border-radius: 0;
}
.hero-4 .hero-image img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  border-radius: 10px;
  object-fit: cover;
}
.hero-4 .marquee-section4 {
  margin-top: -60px;
}
@media (max-width: 1399.98px) {
  .hero-4 .marquee-section4 {
    margin-top: 0;
  }
}
.hero-4 .marquee-section4 .marquee-two .marquee-group .text {
  letter-spacing: -0.08em;
  text-transform: uppercase;
  font-weight: 700;
  color: rgba(255, 255, 255, 0.1);
  font-size: 260px;
  line-height: 1;
}
@media (max-width: 1699.98px) {
  .hero-4 .marquee-section4 .marquee-two .marquee-group .text {
    font-size: 220px;
  }
}
@media (max-width: 1199.98px) {
  .hero-4 .marquee-section4 .marquee-two .marquee-group .text {
    font-size: 180px;
  }
}
@media (max-width: 991.98px) {
  .hero-4 .marquee-section4 .marquee-two .marquee-group .text {
    font-size: 140px;
  }
}
@media (max-width: 575.98px) {
  .hero-4 .marquee-section4 .marquee-two .marquee-group .text {
    font-size: 120px;
  }
}

.feature-block .inner-block {
  position: relative;
  z-index: 9;
}
@media (max-width: 767.98px) {
  .feature-block .inner-block {
    text-align: center;
  }
}
.feature-block .inner-block .border-line {
  position: absolute;
  width: 1px;
  height: 100%;
  background: rgba(255, 255, 255, 0.14);
  top: 0;
  right: 45px;
}
@media (max-width: 1399.98px) {
  .feature-block .inner-block .border-line {
    display: none;
  }
}
.feature-block .inner-block .border-line::before {
  position: absolute;
  top: 0;
  left: -1px;
  content: "";
  width: 3px;
  height: 10px;
  background-color: var(--theme-color1);
}
.feature-block .inner-block .border-line::after {
  position: absolute;
  bottom: 0;
  left: -1px;
  content: "";
  width: 3px;
  height: 10px;
  background-color: var(--theme-color1);
}
.feature-block .inner-block .icon {
  font-size: 80px;
  color: var(--theme-color1);
  line-height: 1;
  -webkit-transition: all 900ms ease;
  transition: all 900ms ease;
  display: inline-block;
}
.feature-block .inner-block .content-box {
  margin-top: 45px;
  max-width: 320px;
}
@media (max-width: 1199.98px) {
  .feature-block .inner-block .content-box {
    max-width: initial;
  }
}
@media (max-width: 767.98px) {
  .feature-block .inner-block .content-box {
    margin-top: 20px;
  }
}
.feature-block .inner-block .content-box .title {
  margin-bottom: 20px;
  font-weight: 500;
}
@media (max-width: 767.98px) {
  .feature-block .inner-block .content-box .title {
    margin-bottom: 10px;
  }
}
.feature-block .inner-block .content-box .text {
  color: rgba(255, 255, 255, 0.6);
  font-weight: 400;
}
.feature-block .inner-block .content-box .arrow-link {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 6px;
  text-decoration: none;
  font-weight: 400;
  color: #fff;
  overflow: hidden;
  font-size: 16px;
  font-family: var(--heading-font-family);
  margin-top: 17px;
}
.feature-block .inner-block .content-box .arrow-link .text {
  max-width: 0;
  opacity: 0;
  white-space: nowrap;
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
  font-family: var(--heading-font-family);
}
.feature-block .inner-block .content-box .arrow-link i {
  -webkit-transition: -webkit-transform 0.3s ease;
  transition: -webkit-transform 0.3s ease;
  transition: transform 0.3s ease;
  transition: transform 0.3s ease, -webkit-transform 0.3s ease;
}
.feature-block .inner-block .content-box .arrow-link:hover .text {
  max-width: 100px;
  opacity: 1;
  color: var(--theme-color1);
  text-decoration: underline;
}
.feature-block .inner-block:hover .icon {
  -webkit-transform: rotateY(360deg);
  transform: rotateY(360deg);
}

.feature-section-2 {
  background-color: #000;
  border-radius: 40px;
  border: 1px solid rgba(255, 255, 255, 0.14);
  margin-top: -35px;
  position: relative;
  z-index: 9;
}
@media (max-width: 1199.98px) {
  .feature-section-2 {
    margin-top: 0;
  }
}
@media (max-width: 991.98px) {
  .feature-section-2 {
    margin-top: 0;
    padding-top: 80px !important;
    padding-bottom: 80px !important;
  }
}
.feature-section-2 .shape-1 {
  position: absolute;
  top: 93px;
  left: 53px;
}
@media (max-width: 1699.98px) {
  .feature-section-2 .shape-1 {
    display: none;
  }
}
.feature-section-2 .shape-2 {
  position: absolute;
  top: 99px;
  right: 0;
}
@media (max-width: 1699.98px) {
  .feature-section-2 .shape-2 {
    display: none;
  }
}

.video-section {
  margin: 0 60px;
  position: relative;
}
@media (max-width: 1699.98px) {
  .video-section {
    margin: 0 35px;
  }
}
@media (max-width: 1399.98px) {
  .video-section {
    margin: 0 28px;
  }
}
@media (max-width: 1199.98px) {
  .video-section {
    margin: 0 20px;
  }
}
@media (max-width: 469.98px) {
  .video-section {
    margin: 0 16px;
  }
}
.video-section .video-light-shape-1 {
  position: absolute;
  top: -35%;
  left: -60px;
}

.video-image {
  position: relative;
  z-index: 9;
  border-radius: 40px;
  height: 743px;
}
@media (max-width: 1199.98px) {
  .video-image {
    height: 620px;
  }
}
@media (max-width: 767.98px) {
  .video-image {
    height: 580px;
  }
}
@media (max-width: 575.98px) {
  .video-image {
    height: 480px;
  }
}
.video-image::before {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  content: "";
  width: 100%;
  height: 100%;
  background: -webkit-gradient(linear, left top, left bottom, color-stop(19.26%, rgba(0, 0, 71, 0)), color-stop(97.47%, #FF56A6));
  background: linear-gradient(180deg, rgba(0, 0, 71, 0) 19.26%, #FF56A6 97.47%);
  border-radius: 40px;
  z-index: 1;
}
.video-image::after {
  position: absolute;
  top: 50%;
  left: 50%;
  content: "";
  width: 763px;
  height: 720px;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  background: rgba(255, 255, 255, 0.18);
  border-radius: 50%;
  z-index: 1;
}
@media (max-width: 1399.98px) {
  .video-image::after {
    display: none;
  }
}
.video-image img {
  width: 100%;
  height: 100%;
  border-radius: 40px;
  -o-object-fit: cover;
     object-fit: cover;
}
.video-image .content {
  position: absolute;
  left: 0;
  right: 0;
  text-align: center;
  bottom: 120px;
  z-index: 9;
}
@media (max-width: 1399.98px) {
  .video-image .content {
    padding: 0 30px;
    bottom: 80px;
  }
}
.video-image .content .title {
  font-size: 50px;
  font-weight: 500;
  max-width: 630px;
  margin: 0 auto;
  height: 140%;
  margin-top: 70px;
}
@media (max-width: 991.98px) {
  .video-image .content .title {
    font-size: 40px;
    margin-top: 50px;
  }
}
@media (max-width: 575.98px) {
  .video-image .content .title {
    font-size: 34px;
    margin-top: 40px;
  }
}
@media (max-width: 469.98px) {
  .video-image .content .title {
    font-size: 30px;
  }
}
.video-image .content .play-now .icon {
  width: 110px;
  height: 110px;
  font-size: 24px;
  line-height: 110px;
  padding-left: 0;
  color: var(--theme-color1);
  background-color: var(--theme-color2);
  border-radius: 50%;
  z-index: 9;
  margin: 0 auto;
  -webkit-transition: all 0.4s ease-in-out;
  transition: all 0.4s ease-in-out;
}
@media (max-width: 575.98px) {
  .video-image .content .play-now .icon {
    font-size: 19px;
    width: 80px;
    height: 80px;
    line-height: 80px;
  }
}
.video-image .content .play-now .icon:hover {
  background-color: var(--theme-color1);
  color: #fff;
}

.choose-us-content-1 {
  position: relative;
}
.choose-us-content-1 .choose-text {
  margin-top: 20px;
}
.choose-us-content-1 .feature-box-wrapper {
  border: 1px solid rgba(255, 255, 255, 0.13);
  background-color: var(--theme-color-black);
  border-radius: 30px;
  margin-top: 45px;
  max-width: 577px;
}
@media (max-width: 991.98px) {
  .choose-us-content-1 .feature-box-wrapper {
    max-width: initial;
    margin-top: 30px;
  }
}
.choose-us-content-1 .feature-box-wrapper .feature-box .inner-box {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 40px;
  padding: 50px;
}
@media (max-width: 1199.98px) {
  .choose-us-content-1 .feature-box-wrapper .feature-box .inner-box {
    padding: 35px;
    gap: 30px;
  }
}
@media (max-width: 575.98px) {
  .choose-us-content-1 .feature-box-wrapper .feature-box .inner-box {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    gap: 20px;
  }
}
.choose-us-content-1 .feature-box-wrapper .feature-box .inner-box.border-add {
  border-bottom: 1px solid rgba(255, 255, 255, 0.14);
  padding-bottom: 40px;
}
@media (max-width: 1199.98px) {
  .choose-us-content-1 .feature-box-wrapper .feature-box .inner-box.border-add {
    padding-bottom: 30px;
  }
}
.choose-us-content-1 .feature-box-wrapper .feature-box .inner-box .icon {
  -webkit-transition: all 900ms ease;
  transition: all 900ms ease;
  display: inline-block;
}
.choose-us-content-1 .feature-box-wrapper .feature-box .inner-box .content-box .title {
  line-height: 1;
  margin-bottom: 25px;
}
.choose-us-content-1 .feature-box-wrapper .feature-box .inner-box:hover .icon {
  -webkit-transform: rotateY(360deg);
  transform: rotateY(360deg);
}
.choose-us-content-1 .choose-client-info {
  display: -ms-inline-grid;
  display: inline-grid;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  position: absolute;
  bottom: 0;
  right: -85px;
}
@media (max-width: 1399.98px) {
  .choose-us-content-1 .choose-client-info {
    display: none;
  }
}
.choose-us-content-1 .choose-client-info .ball-icon {
  display: inline-block;
  width: 114px;
  height: 114px;
  line-height: 114px;
  text-align: center;
  border-radius: 50%;
  background-color: var(--theme-color-black);
  border: 1px solid rgba(255, 255, 255, 0.13);
}
.choose-us-content-1 .choose-client-info .info-content {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 10px;
  background-color: var(--theme-color-black);
  border: 1px solid rgba(255, 255, 255, 0.13);
  border-radius: 57px;
  padding: 87px 20px;
}
.choose-us-content-1 .choose-client-info .info-content .client-image {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  display: -ms-grid;
  display: grid;
}
.choose-us-content-1 .choose-client-info .info-content .client-image img {
  border: 2px solid #000;
  border-radius: 50%;
  height: 40px;
  width: 40px;
}
.choose-us-content-1 .choose-client-info .info-content .client-image .icon-1 {
  margin-top: -8px;
}
.choose-us-content-1 .choose-client-info .info-content .client-image .icon-2 {
  margin-top: -8px;
}
.choose-us-content-1 .choose-client-info .info-content .client-image .icon-3 {
  margin-top: -8px;
}
.choose-us-content-1 .choose-client-info .info-content .client-image .icon-4 {
  margin-top: -8px;
}
.choose-us-content-1 .choose-client-info .info-content .client-image span {
  width: 40px;
  height: 40px;
  border-radius: 50%;
  display: inline-block;
  background-color: var(--theme-color1);
  color: #fff;
  font-size: 18px;
  font-weight: 500;
  font-family: var(--heading-font-family);
  text-align: center;
  line-height: 40px;
}
.choose-us-content-1 .choose-client-info .info-content p {
  color: #fff;
  -webkit-writing-mode: vertical-rl;
      -ms-writing-mode: tb-rl;
          writing-mode: vertical-rl;
  -webkit-transform: rotate(180deg);
          transform: rotate(180deg);
}

.choose-us-image-1 {
  position: relative;
  max-width: 570px;
  margin-left: auto;
  border-radius: 468px;
  height: 800px;
  z-index: 9;
  margin-left: 85px;
  z-index: 9;
}
@media (max-width: 1199.98px) {
  .choose-us-image-1 {
    margin-left: 0;
  }
}
@media (max-width: 991.98px) {
  .choose-us-image-1 {
    height: initial;
    max-width: initial;
    border-radius: 20px !important;
    height: 500px;
  }
  .choose-us-image-1 img {
    border-radius: 20px !important;
  }
}
.choose-us-image-1::before {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  height: 100%;
  width: 100%;
  content: "";
  background: -webkit-gradient(linear, left top, left bottom, color-stop(46.43%, rgba(13, 13, 13, 0)), to(#FF56A6));
  background: linear-gradient(180deg, rgba(13, 13, 13, 0) 46.43%, #FF56A6 100%);
  border-radius: 468px;
}
@media (max-width: 991.98px) {
  .choose-us-image-1::before {
    border-radius: 20px;
  }
}
.choose-us-image-1 img {
  width: 100%;
  height: 100%;
  border-radius: 468px;
  -o-object-fit: cover;
     object-fit: cover;
}
.choose-us-image-1 .choose-counter {
  width: 258px;
  height: 258px;
  line-height: 258px;
  border-radius: 50%;
  background-color: var(--theme-color2);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  text-align: center;
  position: absolute;
  bottom: 50px;
  left: 0;
  right: 0;
  margin: 0 auto;
  z-index: 99;
}
@media (max-width: 575.98px) {
  .choose-us-image-1 .choose-counter {
    width: 190px;
    height: 190px;
    line-height: 190px;
  }
}
.choose-us-image-1 .choose-counter .count-box {
  font-size: 60px;
  font-weight: 400;
  color: var(--theme-color1);
}
@media (max-width: 575.98px) {
  .choose-us-image-1 .choose-counter .count-box {
    font-size: 45px;
  }
}
.choose-us-image-1 .choose-counter p {
  font-size: 18px;
  max-width: 155px;
  color: #fff;
  margin-top: 10px;
  line-height: 133%;
}
@media (max-width: 575.98px) {
  .choose-us-image-1 .choose-counter p {
    font-size: 14px;
  }
}

.feature-box-style1 {
  padding: 60px;
  background-color: var(--theme-color-black);
  border-radius: 40px;
  border: 1px solid rgba(255, 255, 255, 0.14);
  padding-top: 55px;
  overflow: hidden;
  position: relative;
  z-index: 99;
}
@media (max-width: 1199.98px) {
  .feature-box-style1 {
    padding: 40px;
  }
}
@media (max-width: 469.98px) {
  .feature-box-style1 {
    padding: 35px 28px;
  }
}
.feature-box-style1 .feature-frame {
  position: absolute;
  right: 0;
  top: 0;
  bottom: 0;
}
.feature-box-style1 .feature-frame img {
  height: 100%;
}
.feature-box-style1 .sub-title {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  font-size: 16px;
  font-weight: 400;
  gap: 10px;
  margin-bottom: 13px;
}
@media (max-width: 1199.98px) {
  .feature-box-style1 .title {
    font-size: 35px;
  }
}
@media (max-width: 575.98px) {
  .feature-box-style1 .title {
    font-size: 30px;
  }
}
@media (max-width: 469.98px) {
  .feature-box-style1 .title {
    font-size: 26px;
  }
}
.feature-box-style1 .title span {
  color: var(--theme-color1);
}
.feature-box-style1 .btn-style-one {
  margin-top: 100px;
}
@media (max-width: 767.98px) {
  .feature-box-style1 .btn-style-one {
    margin-top: 60px;
  }
}
@media (max-width: 575.98px) {
  .feature-box-style1 .btn-style-one {
    margin-top: 50px;
  }
}
@media (max-width: 1199.98px) {
  .feature-box-style1.style-2 {
    padding: 40px;
  }
}
@media (max-width: 1399.98px) {
  .feature-box-style1.style-2 .title {
    font-size: 44px;
  }
}
@media (max-width: 767.98px) {
  .feature-box-style1.style-2 .title {
    font-size: 40px;
  }
}
@media (max-width: 575.98px) {
  .feature-box-style1.style-2 .title {
    font-size: 36px;
  }
}
@media (max-width: 469.98px) {
  .feature-box-style1.style-2 .title {
    font-size: 28px;
  }
}
.feature-box-style1.style-2 .feature-button {
  margin-top: 35px;
  text-align: right;
}
@media (max-width: 767.98px) {
  .feature-box-style1.style-2 .feature-button {
    margin-top: 25px;
    text-align: left;
  }
}

.feature-box-style2 {
  background-color: var(--theme-color-black);
  border-radius: 40px;
  border: 1px solid rgba(255, 255, 255, 0.1411764706);
  position: relative;
  z-index: 99;
}
.feature-box-style2.bg-theme-color {
  background-color: var(--theme-color1);
  overflow: hidden;
}
.feature-box-style2.bg-theme-color .image {
  height: 248px;
  margin-top: -2px;
}
@media (max-width: 575.98px) {
  .feature-box-style2.bg-theme-color .image {
    margin-top: -18px;
  }
}
.feature-box-style2.bg-theme-color .content .text {
  color: rgba(255, 255, 255, 0.8);
}
.feature-box-style2 .image {
  text-align: center;
  width: 100%;
  height: 258px;
}
@media (max-width: 1199.98px) {
  .feature-box-style2 .image {
    height: 180px;
  }
}
.feature-box-style2 .image img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-fit: contain;
     object-fit: contain;
}
.feature-box-style2 .content {
  padding: 30px 40px;
}
.feature-box-style2 .content .text {
  max-width: 315px;
  margin-top: 15px;
}
.feature-box-style2.style-2 .image {
  height: initial;
  max-width: 425px;
  margin: 0 auto;
}
.feature-box-style2.style-2 .content {
  padding-left: 60px;
  padding-bottom: 60px;
  padding-top: 0;
  margin-top: -15px;
}
@media (max-width: 1199.98px) {
  .feature-box-style2.style-2 .content {
    padding-left: 30px;
    padding-bottom: 30px;
  }
}
.feature-box-style2.style-2 .content .text {
  max-width: 500px !important;
}

.feature-box-style3 {
  border: 1px solid var(--border-color1-rgba);
  background-color: var(--theme-color-black);
  border-radius: 40px;
  padding: 42px 0;
  padding-right: 60px;
  padding-left: 55px;
}
@media (max-width: 575.98px) {
  .feature-box-style3 {
    padding-left: 30px;
    padding-right: 30px;
  }
}
.feature-box-style3 .content .title {
  padding-bottom: 190px;
  max-width: 240px;
  margin-left: auto;
  text-align: right;
}
@media (max-width: 991.98px) {
  .feature-box-style3 .content .title {
    padding-bottom: 50px;
  }
}
@media (max-width: 375.98px) {
  .feature-box-style3 .content .title {
    padding-bottom: 30px;
  }
}
.feature-box-style3 .content .text {
  padding-top: 30px;
  border-top: 1px solid var(--border-color1-rgba);
  text-align: right;
  margin-left: -90px;
}
@media (max-width: 1199.98px) {
  .feature-box-style3 .content .text {
    margin-left: -190px;
  }
}
@media (max-width: 767.98px) {
  .feature-box-style3 .content .text {
    margin-left: 0;
  }
}
.feature-box-style3 .image {
  width: 100%;
  height: 394px;
  position: relative;
  left: -30px;
}
@media (max-width: 1199.98px) {
  .feature-box-style3 .image {
    display: none;
  }
}
.feature-box-style3 .image img {
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
     object-fit: contain;
}
@media (max-width: 375.98px) {
  .feature-box-style3 .image img {
    height: auto;
  }
}
.feature-box-style3.style-2 {
  padding-bottom: 0;
  padding-left: 35px;
  padding-top: 10px;
  position: relative;
  z-index: 9;
}
@media (max-width: 1199.98px) {
  .feature-box-style3.style-2 {
    padding: 40px;
  }
}
@media (max-width: 1199.98px) {
  .feature-box-style3.style-2 .image2 {
    display: none;
  }
}
.feature-box-style3.style-2 .content .text {
  margin-left: -50px;
  max-width: initial;
}
@media (max-width: 1199.98px) {
  .feature-box-style3.style-2 .content .text {
    margin-left: 0;
  }
}

.feature-box-style4 {
  background-color: var(--theme-color1);
  padding: 50px;
  border-radius: 40px;
  padding-top: 37px;
  padding-right: 37px;
}
@media (max-width: 1399.98px) {
  .feature-box-style4 {
    padding: 30px;
    padding-right: 20px;
  }
}
.feature-box-style4 .image {
  text-align: center;
  margin-bottom: 40px;
}
.feature-box-style4 .title {
  color: #fff;
}
.feature-box-style4 .text {
  color: #fff;
  font-weight: 400;
  margin-top: 10px;
}

.feature-section {
  position: relative;
}
.feature-section .light-shape-1 {
  position: absolute;
  top: -40%;
  right: 0;
}
@media (max-width: 1199.98px) {
  .feature-section .light-shape-1 {
    display: none;
  }
}
.feature-section .shape-1 {
  position: absolute;
  top: -12%;
  right: 20px;
}
@media (max-width: 1199.98px) {
  .feature-section .shape-1 {
    display: none;
  }
}

.skiil-content-4 .text {
  margin-top: 35px;
}
@media (max-width: 767.98px) {
  .skiil-content-4 .text {
    margin-top: 20px;
    font-size: 14px;
  }
}
.skiil-content-4 .skill-feature {
  margin-top: 45px;
}
@media (max-width: 767.98px) {
  .skiil-content-4 .skill-feature {
    margin-top: 28px;
  }
}
.skiil-content-4 .skill-feature .title {
  font-weight: 500;
  color: #fff;
  margin-bottom: 18px;
}
@media (max-width: 1199.98px) {
  .skiil-content-4 .skill-feature .title {
    font-size: 16px;
  }
}
@media (max-width: 575.98px) {
  .skiil-content-4 .skill-feature .title {
    font-size: 15px;
  }
}
.skiil-content-4 .skill-feature .progress-value {
  text-transform: capitalize;
}
.skiil-content-4 .skill-feature .progress {
  position: relative;
  height: 7px;
  background-color: rgba(206, 206, 206, 0.1);
  border-radius: 3px;
  overflow: visible;
}
.skiil-content-4 .skill-feature .progress-bar {
  background-color: var(--theme-color-white);
  height: 7px;
  margin: 0;
  border-radius: 3px;
  overflow: visible;
  position: relative;
  margin-top: 0;
  -webkit-transition: width 1.8s ease;
  transition: width 1.8s ease;
  width: 0;
}
.skiil-content-4 .skill-feature .progress-bar::before {
  position: absolute;
  top: -5px;
  right: 0;
  bottom: 0;
  content: "";
  width: 5px;
  height: 16px;
  border-radius: 20px;
  background-color: var(--theme-color-white);
}
.skiil-content-4 .skill-feature .progress-value {
  position: absolute;
  top: -52px;
  right: -8px;
  font-size: 20px;
  font-weight: 500;
}
@media (max-width: 1199.98px) {
  .skiil-content-4 .skill-feature .progress-value {
    font-size: 16px;
    top: -40px;
  }
}
@media (max-width: 575.98px) {
  .skiil-content-4 .skill-feature .progress-value {
    font-size: 15px;
  }
}
.skiil-content-4 .skill-feature .price-list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  margin-top: 10px;
}
.skiil-content-4 .skill-feature .price-list span {
  color: var(--theme-color-white);
  font-size: 16px;
  font-weight: 400;
}

.skill-section-4 {
  position: relative;
}
.skill-section-4 .line-shape {
  width: 1px;
  height: 405px;
  background-color: rgba(255, 255, 255, 0.1);
  position: absolute;
  bottom: 0;
  left: 54%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
}
@media (max-width: 1399.98px) {
  .skill-section-4 .line-shape {
    display: none;
  }
}
.skill-section-4 .skill-light {
  position: absolute;
  bottom: -80%;
  right: 0;
}

.skills-block-4 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: end;
  max-width: 490px;
  margin-left: auto;
  position: relative;
  z-index: 99;
}
@media (max-width: 991.98px) {
  .skills-block-4 {
    margin-left: initial;
  }
}
.skills-block-4 .inner-box {
  height: 380px;
  border-radius: 20px;
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  padding: 30px 0;
  -webkit-transition: all 0.4s ease;
  transition: all 0.4s ease;
}
@media (max-width: 575.98px) {
  .skills-block-4 .inner-box .icon img {
    width: 35px;
  }
}
@media (max-width: 575.98px) {
  .skills-block-4 .inner-box .title {
    font-size: 17px;
  }
}
.skills-block-4 .inner-box.style-1 {
  width: 150px;
  height: 340px;
  background-color: var(--theme-color2);
  border-bottom-right-radius: 0px;
}
@media (max-width: 575.98px) {
  .skills-block-4 .inner-box.style-1 {
    width: 135px;
  }
}
.skills-block-4 .inner-box.style-2 {
  width: 150px;
  height: 380px;
  background-color: #fff;
  margin-left: -15px;
  border-bottom-right-radius: 0px;
}
@media (max-width: 575.98px) {
  .skills-block-4 .inner-box.style-2 {
    width: 135px;
  }
}
.skills-block-4 .inner-box.style-2 .content {
  margin-left: -20px;
}
.skills-block-4 .inner-box.style-2 .content .title {
  color: var(--theme-color-black);
}
.skills-block-4 .inner-box.style-3 {
  width: 150px;
  height: 440px;
  background-color: var(--theme-color-black);
  margin-left: -25px;
}
@media (max-width: 575.98px) {
  .skills-block-4 .inner-box.style-3 {
    width: 135px;
  }
}
.skills-block-4 .inner-box.style-3 .content {
  margin-left: -20px;
}
.skills-block-4 .inner-box.style-4 {
  width: 150px;
  height: 490px;
  background-color: var(--theme-color1);
  margin-left: -25px;
}
@media (max-width: 575.98px) {
  .skills-block-4 .inner-box.style-4 {
    width: 135px;
    margin-left: -13px;
  }
}
.skills-block-4 .inner-box.style-4 .content {
  margin-left: -20px;
}
.skills-block-4 .inner-box.style-4 .content .text {
  color: #fff;
}
.skills-block-4 .inner-box .content {
  -webkit-writing-mode: vertical-rl;
      -ms-writing-mode: tb-rl;
          writing-mode: vertical-rl;
  -webkit-transform: rotate(180deg);
          transform: rotate(180deg);
  text-align: center;
  margin-left: -20px;
}
.skills-block-4 .inner-box .content .text {
  text-align: left;
  margin-right: 5px;
}
.skills-block-4 .inner-box .content .title {
  color: #fff;
}

.funfact-area-1 {
  background-color: var(--theme-color1);
  border-radius: 40px;
  margin: 0 60px;
  position: relative;
  padding: 170px 0 100px;
  margin-top: -80px;
}
@media (max-width: 1699.98px) {
  .funfact-area-1 {
    margin: 0 35px;
    margin-top: -80px;
  }
}
@media (max-width: 1399.98px) {
  .funfact-area-1 {
    margin: 0 28px;
    margin-top: -80px;
  }
}
@media (max-width: 1199.98px) {
  .funfact-area-1 {
    margin: 0 20px;
    margin-top: -80px;
  }
}
@media (max-width: 469.98px) {
  .funfact-area-1 {
    margin: 0 16px;
    margin-top: -80px;
  }
}

.funfact-left-content .title {
  color: var(--headings-color);
  font-size: 30px;
  font-weight: 500;
  line-height: 133%;
  max-width: 590px;
}
@media (max-width: 575.98px) {
  .funfact-left-content .title {
    font-size: 22px;
  }
}
.funfact-left-content .btn-style-one {
  margin-top: 35px;
  background-color: #fff;
}
.funfact-left-content .btn-style-one .btn-title {
  color: var(--theme-color-black);
}
.funfact-left-content .btn-style-one .btn-arrow-left, .funfact-left-content .btn-style-one .btn-arrow-right {
  background-color: var(--theme-color-black);
}

.funfact-counter-items {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 60px;
}
@media (max-width: 1199.98px) {
  .funfact-counter-items {
    gap: 40px;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }
}
.funfact-counter-items .count-box .title {
  color: #fff;
  font-size: 100px;
  font-weight: 500;
  letter-spacing: -2px;
  text-transform: uppercase;
  line-height: 1;
}
@media (max-width: 1399.98px) {
  .funfact-counter-items .count-box .title {
    font-size: 70px;
  }
}
.funfact-counter-items .count-box p {
  font-size: 20px;
  font-weight: 400;
  color: #fff;
  line-height: 1;
  margin-top: 8px;
}
@media (max-width: 1399.98px) {
  .funfact-counter-items .count-box p {
    font-size: 18px;
    margin-top: 10px;
  }
}
.funfact-counter-items .line-border {
  width: 1px;
  height: 111.533px;
  opacity: 0.3;
  background-color: rgb(255, 255, 255);
}
@media (max-width: 1199.98px) {
  .funfact-counter-items .line-border {
    display: none;
  }
}

.about-image-1 {
  width: 560px;
  position: relative;
  -webkit-mask: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 587 719"><path fill-rule="evenodd" clip-rule="evenodd"  d="M154 0C192.66 0 224 31.3401 224 70C224 31.3401 255.34 0 294 0H517C555.66 2.19049e-06 587 31.3401 587 70V649C587 687.66 555.66 719 517 719H294C255.34 719 224 687.66 224 649C224 687.66 192.66 719 154 719H70C31.3401 719 1.38937e-06 687.66 0 649V70C4.28489e-06 31.3401 31.3401 0 70 0H154Z" /></svg>');
          mask: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 587 719"><path fill-rule="evenodd" clip-rule="evenodd"  d="M154 0C192.66 0 224 31.3401 224 70C224 31.3401 255.34 0 294 0H517C555.66 2.19049e-06 587 31.3401 587 70V649C587 687.66 555.66 719 517 719H294C255.34 719 224 687.66 224 649C224 687.66 192.66 719 154 719H70C31.3401 719 1.38937e-06 687.66 0 649V70C4.28489e-06 31.3401 31.3401 0 70 0H154Z" /></svg>');
  -webkit-mask-repeat: no-repeat;
          mask-repeat: no-repeat;
  -webkit-mask-position: center center;
          mask-position: center center;
  -webkit-mask-size: cover;
          mask-size: cover;
  height: 750px;
  border-radius: 70px;
}
@media (max-width: 1399.98px) {
  .about-image-1 {
    width: initial;
  }
}
@media (max-width: 1199.98px) {
  .about-image-1 {
    max-width: initial;
    -webkit-mask: none;
            mask: none;
    height: 500px;
  }
}
@media (max-width: 575.98px) {
  .about-image-1 {
    height: 400px;
  }
}
.about-image-1 img {
  width: 100%;
  height: 100%;
  border-radius: 70px;
  -o-object-fit: cover;
     object-fit: cover;
}

.about-content {
  margin-left: 70px;
}
@media (max-width: 1399.98px) {
  .about-content {
    margin-left: 0;
  }
}
.about-content .about-text {
  max-width: 650px;
  margin-top: 20px;
}
.about-content .about-list-items {
  border: 1px solid rgba(255, 255, 255, 0.14);
  padding: 35px 50px;
  padding-top: 35px;
  border-radius: 20px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  margin-top: 30px;
}
@media (max-width: 1699.98px) {
  .about-content .about-list-items {
    padding: 28px 20px;
  }
}
@media (max-width: 1199.98px) {
  .about-content .about-list-items {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    gap: 20px;
  }
}
@media (max-width: 767.98px) {
  .about-content .about-list-items {
    padding: 30px;
  }
}
.about-content .about-list-items ul li {
  font-size: 16px;
  font-weight: 400;
  color: #fff;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 16px;
}
@media (max-width: 1699.98px) {
  .about-content .about-list-items ul li {
    font-size: 14px;
  }
}
.about-content .about-list-items ul li:not(:last-child) {
  margin-bottom: 20px;
}
.about-content .about-list-items ul li i {
  color: var(--theme-color1);
}
.about-content .about-thumb-items {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 0;
  margin-top: 20px;
  margin-bottom: 40px;
}
@media (max-width: 1399.98px) {
  .about-content .about-thumb-items {
    gap: 15px;
  }
}
@media (max-width: 1199.98px) {
  .about-content .about-thumb-items {
    display: block;
  }
}
@media (max-width: 991.98px) {
  .about-content .about-thumb-items {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
}
@media (max-width: 767.98px) {
  .about-content .about-thumb-items {
    display: block;
  }
}
@media (max-width: 1199.98px) {
  .about-content .about-thumb-items .thumb1 {
    height: 167px;
    margin-bottom: 20px;
  }
}
@media (max-width: 767.98px) {
  .about-content .about-thumb-items .thumb1 {
    margin-bottom: 15px;
  }
}
.about-content .about-thumb-items .thumb1 img {
  border-radius: 26px;
}
@media (max-width: 1399.98px) {
  .about-content .about-thumb-items .thumb1 img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
       object-fit: cover;
  }
}
.about-content .about-thumb-items .content {
  background-color: var(--bg-color);
  border-radius: 20px;
  padding: 50px 44px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  gap: 20px;
}
@media (max-width: 1399.98px) {
  .about-content .about-thumb-items .content {
    gap: 15px;
    padding: 40px 30px;
  }
}
@media (max-width: 575.98px) {
  .about-content .about-thumb-items .content {
    padding: 40px 20px;
  }
}
@media (max-width: 469.98px) {
  .about-content .about-thumb-items .content {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }
}
.about-content .about-thumb-items .content .count-box {
  font-size: 60px;
  font-weight: 400;
  color: var(--theme-color1);
}
@media (max-width: 1399.98px) {
  .about-content .about-thumb-items .content .count-box {
    font-size: 36px;
  }
}
.about-content .about-thumb-items .content p {
  font-size: 18px;
  color: #fff;
  max-width: 155px;
}
@media (max-width: 1399.98px) {
  .about-content .about-thumb-items .content p {
    font-size: 14px;
  }
}

.about-items-2 .title {
  font-size: 50px;
  font-weight: 500;
  color: #fff;
  text-align: center;
  letter-spacing: -0.03em;
}
@media (max-width: 1399.98px) {
  .about-items-2 .title {
    font-size: 42px;
    line-height: 130%;
  }
}
@media (max-width: 1199.98px) {
  .about-items-2 .title {
    font-size: 36px;
  }
}
@media (max-width: 991.98px) {
  .about-items-2 .title {
    font-size: 32px;
  }
}
@media (max-width: 767.98px) {
  .about-items-2 .title {
    font-size: 29px;
  }
}
@media (max-width: 575.98px) {
  .about-items-2 .title {
    font-size: 27px;
  }
}
@media (max-width: 469.98px) {
  .about-items-2 .title {
    font-size: 25px;
  }
}
.about-items-2 .about-btn {
  margin-top: 50px;
  text-align: center;
  margin-bottom: -20px;
  position: relative;
  z-index: 1;
}
.about-items-2 .about-thumb {
  border-radius: 20px;
  height: 460px;
}
.about-items-2 .about-thumb img {
  width: 100%;
  height: 100%;
  border-radius: 20px;
  -o-object-fit: cover;
     object-fit: cover;
}

.about-section {
  position: relative;
}
.about-section .light-shape-1 {
  position: absolute;
  top: -360px;
  right: -100px;
}
@media (max-width: 1199.98px) {
  .about-section .light-shape-1 {
    display: none;
  }
}
.about-section .about-shape-1 {
  position: absolute;
  top: -40px;
  right: -200px;
}
@media (max-width: 1699.98px) {
  .about-section .about-shape-1 {
    display: none;
  }
}
.about-section .light-shape-2 {
  position: absolute;
  bottom: -50%;
  left: -20%;
}
@media (max-width: 1199.98px) {
  .about-section .light-shape-2 {
    display: none;
  }
}
.about-section .about-shape-2 {
  position: absolute;
  bottom: -25%;
  left: -8%;
  z-index: 22;
}
@media (max-width: 1699.98px) {
  .about-section .about-shape-2 {
    display: none;
  }
}

.about-section-2 {
  position: relative;
}
.about-section-2 .about-light {
  position: absolute;
  top: -50%;
  right: 0;
}
@media (max-width: 767.98px) {
  .about-section-2 .about-light {
    display: none;
  }
}
.about-section-2 .about-vec {
  position: absolute;
  right: -8%;
  top: 25px;
}
@media (max-width: 1699.98px) {
  .about-section-2 .about-vec {
    display: none;
  }
}

.about-items-3 {
  margin-top: 30px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 60px;
  position: relative;
}
@media (max-width: 1399.98px) {
  .about-items-3 {
    gap: 30px;
  }
}
@media (max-width: 767.98px) {
  .about-items-3 {
    display: block;
  }
}
.about-items-3 .about-light {
  position: absolute;
  top: -65%;
  left: -40%;
  z-index: -1;
}
.about-items-3 .thumb-1 {
  max-width: 446px;
}
@media (max-width: 767.98px) {
  .about-items-3 .thumb-1 {
    max-width: initial;
  }
}
.about-items-3 .thumb-1 img {
  width: 100%;
  height: 100%;
  border-radius: 30px;
}
@media (max-width: 767.98px) {
  .about-items-3 .about-content-3 {
    margin-top: 30px;
  }
}
.about-items-3 .about-content-3 .count-box {
  position: relative;
  display: inline-block;
}
.about-items-3 .about-content-3 .count-box .count-text {
  font-size: 160px;
  font-weight: 500;
  position: relative;
  line-height: 1;
  color: var(--theme-color1);
}
@media (max-width: 1399.98px) {
  .about-items-3 .about-content-3 .count-box .count-text {
    font-size: 111px;
  }
}
.about-items-3 .about-content-3 .count-box .plus {
  position: absolute;
  right: -40px;
  top: 10px;
  font-size: 40px;
}
.about-items-3 .about-content-3 .text {
  max-width: 310px;
  color: #999999;
}
.about-items-3 .about-content-3 .about-list {
  margin-top: 40px;
}
@media (max-width: 1399.98px) {
  .about-items-3 .about-content-3 .about-list {
    margin-top: 25px;
  }
}
.about-items-3 .about-content-3 .about-list li {
  font-size: 16px;
  font-weight: 400;
  color: var(--theme-color-white);
  position: relative;
  padding-left: 33px;
}
@media (max-width: 1399.98px) {
  .about-items-3 .about-content-3 .about-list li {
    font-size: 13px;
  }
}
@media (max-width: 767.98px) {
  .about-items-3 .about-content-3 .about-list li {
    font-size: 16px;
  }
}
.about-items-3 .about-content-3 .about-list li:not(:last-child) {
  margin-bottom: 15px;
}
.about-items-3 .about-content-3 .about-list li::before {
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  left: 0;
  content: "";
  width: 18px;
  height: 18px;
  border-radius: 18px;
  border: 1px solid var(--theme-color1);
}
.about-items-3 .about-content-3 .about-list li::after {
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  left: 6px;
  content: "";
  width: 6px;
  height: 6px;
  border-radius: 6px;
  background-color: var(--theme-color1);
}

.about-icon-box-3 {
  border: 1px solid rgba(255, 255, 255, 0.1);
  border-radius: 30px;
  padding: 70px 40px;
  margin-top: 30px;
}
@media (max-width: 1399.98px) {
  .about-icon-box-3 {
    padding: 50px 30px;
  }
}
@media (max-width: 469.98px) {
  .about-icon-box-3 {
    padding: 30px;
  }
}
.about-icon-box-3 .icon-box-1 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 20px;
  border-bottom: 1px solid rgba(255, 255, 255, 0.13);
  padding-bottom: 45px;
  margin-bottom: 45px;
}
@media (max-width: 1399.98px) {
  .about-icon-box-3 .icon-box-1 {
    margin-bottom: 30px;
    padding-bottom: 30px;
  }
}
.about-icon-box-3 .icon-box-1.bb-none {
  padding-bottom: 0;
  border-bottom: none;
  margin-bottom: 0;
}
.about-icon-box-3 .icon-box-1 .icon {
  max-width: 60px;
  width: 100%;
  height: 60px;
  line-height: 60px;
  text-align: center;
  border-radius: 50%;
  background-color: rgba(255, 255, 255, 0.1);
  -webkit-transition: all 0.4s ease-in-out;
  transition: all 0.4s ease-in-out;
  -webkit-transition: all 900ms ease;
  transition: all 900ms ease;
  display: inline-block;
}
.about-icon-box-3 .icon-box-1 .content .title {
  font-size: 20px;
  font-weight: 500;
  margin-bottom: 15px;
}
.about-icon-box-3 .icon-box-1 .content .text {
  letter-spacing: -0.02em;
  line-height: 162%;
  font-size: 15px;
}
.about-icon-box-3 .icon-box-1:hover .icon {
  background-color: var(--theme-color1);
  -webkit-transform: rotateY(360deg);
  transform: rotateY(360deg);
}
.about-icon-box-3 .icon-box-1:hover .icon img {
  -webkit-filter: grayscale(100%) brightness(200%);
          filter: grayscale(100%) brightness(200%);
}
.about-icon-box-3 .btn-style-one {
  margin-top: 50px;
}
@media (max-width: 1399.98px) {
  .about-icon-box-3 .btn-style-one {
    margin-top: 35px;
  }
}

.about-section-3 {
  position: relative;
}
.about-section-3 .about-arrow {
  position: absolute;
  top: 5%;
  right: 14%;
}
@media (max-width: 1399.98px) {
  .about-section-3 .about-arrow {
    display: none;
  }
}

.about-inner-block-4 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  margin-top: 60px;
}
@media (max-width: 1199.98px) {
  .about-inner-block-4 {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    gap: 30px;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    text-align: center;
    margin-top: 40px;
  }
}
@media (max-width: 767.98px) {
  .about-inner-block-4 {
    margin-top: 30px;
  }
}
.about-inner-block-4 .inner-counter {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 40px;
}
@media (max-width: 1199.98px) {
  .about-inner-block-4 .inner-counter {
    display: -ms-grid;
    display: grid;
    gap: 0;
    text-align: center;
  }
}
.about-inner-block-4 .inner-counter .count-box {
  font-size: 260px;
  font-weight: 500;
  color: var(--theme-color1);
  line-height: 1;
}
@media (max-width: 1199.98px) {
  .about-inner-block-4 .inner-counter .count-box {
    font-size: 180px;
  }
}
@media (max-width: 991.98px) {
  .about-inner-block-4 .inner-counter .count-box {
    font-size: 150px;
  }
}
.about-inner-block-4 .inner-counter .text {
  -webkit-writing-mode: sideways-lr;
      -ms-writing-mode: sideways-lr;
          writing-mode: sideways-lr;
}
@media (max-width: 1199.98px) {
  .about-inner-block-4 .inner-counter .text {
    -webkit-writing-mode: initial;
        -ms-writing-mode: initial;
            writing-mode: initial;
  }
}
.about-inner-block-4 .line {
  display: inline-block;
  width: 2px;
  height: 240px;
  background-color: rgba(255, 255, 255, 0.1);
}
@media (max-width: 1199.98px) {
  .about-inner-block-4 .line {
    display: none;
  }
}
.about-inner-block-4 .about-content4 {
  max-width: 540px;
}
@media (max-width: 1199.98px) {
  .about-inner-block-4 .about-content4 {
    margin: 0 auto;
  }
}
.about-inner-block-4 .about-content4 .title {
  font-weight: 500;
  color: #fff;
  line-height: 180%;
  margin-bottom: 25px;
}
.about-inner-block-4 .about-content4 .about-bottom {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 45px;
  margin-top: 35px;
}
@media (max-width: 1199.98px) {
  .about-inner-block-4 .about-content4 .about-bottom {
    gap: 20px;
    margin-top: 25px;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    margin-top: 20px;
  }
}
@media (max-width: 575.98px) {
  .about-inner-block-4 .about-content4 .about-bottom {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }
}
.about-inner-block-4 .about-content4 .about-bottom .about-btn {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 8px;
  font-size: 14px;
  font-weight: 600;
  color: var(--theme-color1);
  overflow: hidden;
}
.about-inner-block-4 .about-content4 .about-bottom .about-btn .text {
  color: var(--theme-color1);
  text-transform: uppercase;
  font-size: 14px;
  font-weight: 600;
}
.about-inner-block-4 .about-content4 .about-bottom .about-btn .text {
  position: relative;
  display: inline-block;
  height: 22px;
  overflow: hidden;
}
.about-inner-block-4 .about-content4 .about-bottom .about-btn .text-default,
.about-inner-block-4 .about-content4 .about-bottom .about-btn .text-hover {
  display: block;
  -webkit-transition: -webkit-transform 0.4s ease;
  transition: -webkit-transform 0.4s ease;
  transition: transform 0.4s ease;
  transition: transform 0.4s ease, -webkit-transform 0.4s ease;
}
.about-inner-block-4 .about-content4 .about-bottom .about-btn .text-hover {
  position: absolute;
  left: 0;
  top: 100%;
}
.about-inner-block-4 .about-content4 .about-bottom .about-btn:hover .text-default {
  -webkit-transform: translateY(-100%);
          transform: translateY(-100%);
}
.about-inner-block-4 .about-content4 .about-bottom .about-btn:hover .text-hover {
  -webkit-transform: translateY(-100%);
          transform: translateY(-100%);
}
.about-inner-block-4 .about-content4 .about-bottom .client-top-items {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 35px;
}
.about-inner-block-4 .about-content4 .about-bottom .client-top-items .client-image img {
  width: 40px;
  height: 40px;
  border-radius: 50%;
  margin-right: -15px;
}
.about-inner-block-4 .about-content4 .about-bottom .client-top-items .text {
  color: #fff;
  position: relative;
}
.about-inner-block-4 .about-content4 .about-bottom .client-top-items .text .guest-line {
  position: absolute;
  bottom: -15px;
  left: 0;
  right: 0;
}

.about-section-4 {
  position: relative;
}
.about-section-4 .about-vec {
  position: absolute;
  left: 45px;
  top: 20%;
}

.service-section {
  border-radius: 40px;
  margin: 0 60px;
  position: relative;
  z-index: 9;
}
@media (max-width: 1699.98px) {
  .service-section {
    margin: 0 35px;
  }
}
@media (max-width: 1399.98px) {
  .service-section {
    margin: 0 28px;
  }
}
@media (max-width: 1199.98px) {
  .service-section {
    margin: 0 20px;
  }
}
@media (max-width: 469.98px) {
  .service-section {
    margin: 0 16px;
  }
}

.service-block-one .inner-block {
  background-color: var(--theme-color-black);
  border-radius: 30px;
  border: 1px solid rgba(255, 255, 255, 0.13);
  padding: 40px;
  padding-top: 125px;
  position: relative;
  overflow: hidden;
  z-index: 99;
}
.service-block-one .inner-block .dot {
  display: inline-block;
  width: 8px;
  height: 8px;
  border-radius: 8px;
  background-color: var(--theme-color1);
  position: absolute;
  top: 40px;
  left: 40px;
}
.service-block-one .inner-block .number {
  position: absolute;
  top: 40px;
  right: 40px;
  font-size: 50px;
  line-height: 1;
  font-weight: 500;
  color: rgba(255, 255, 255, 0.15);
}
.service-block-one .inner-block .content-box {
  -webkit-transform: translateY(58px);
          transform: translateY(58px);
  -webkit-transition: all 0.4s ease-in-out;
  transition: all 0.4s ease-in-out;
}
.service-block-one .inner-block .content-box .icon {
  margin-bottom: 10px;
  -webkit-transition: all 900ms ease;
  transition: all 900ms ease;
  display: inline-block;
  font-size: 60px;
}
.service-block-one .inner-block .content-box .icon img {
  width: 60px;
}
.service-block-one .inner-block .content-box .title {
  margin-bottom: 10px;
}
.service-block-one .inner-block .content-box .title a {
  background-position: 0 95%;
  background-repeat: no-repeat;
  background-size: 0% 2px;
  display: inline;
}
.service-block-one .inner-block .content-box .title a:hover {
  color: var(--theme-color1);
  background-size: 100% 2px;
  background-image: -webkit-gradient(linear, left top, left bottom, from(var(--theme-color1)), to(var(--theme-color1)));
  background-image: linear-gradient(180deg, var(--theme-color1) 0%, var(--theme-color1) 100%);
}
.service-block-one .inner-block .content-box .text {
  font-size: 16px;
}
.service-block-one .inner-block .content-box .arrow-link {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  color: #fff;
  font-size: 16px;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  font-weight: 400;
  gap: 10px;
  text-decoration: underline;
  margin-top: 22px;
  opacity: 0;
  visibility: hidden;
  -webkit-transition: all 0.4s ease-in-out;
  transition: all 0.4s ease-in-out;
}
.service-block-one .inner-block .content-box .arrow-link:hover {
  color: var(--theme-color1);
}
.service-block-one .inner-block:hover .content-box {
  -webkit-transform: translateY(0px);
          transform: translateY(0px);
}
.service-block-one .inner-block:hover .content-box .icon {
  -webkit-transform: rotateY(360deg);
  transform: rotateY(360deg);
}
.service-block-one .inner-block:hover .content-box .arrow-link {
  opacity: 1;
  visibility: visible;
}

.service-section-2 {
  border-radius: 40px;
  margin: 0 60px;
  position: relative;
  z-index: 9;
}
@media (max-width: 1699.98px) {
  .service-section-2 {
    margin: 0 35px;
  }
}
@media (max-width: 1399.98px) {
  .service-section-2 {
    margin: 0 28px;
  }
}
@media (max-width: 1199.98px) {
  .service-section-2 {
    margin: 0 20px;
  }
}
@media (max-width: 469.98px) {
  .service-section-2 {
    margin: 0 16px;
  }
}
@media (max-width: 991.98px) {
  .service-section-2 .sercice-top-text {
    text-align: center !important;
  }
}
.service-section-2 .sercice-top-text .top-text {
  font-size: 16px;
  font-weight: 400;
  color: rgba(255, 255, 255, 0.6);
  max-width: 450px;
  margin-left: auto;
  margin-bottom: 26px;
}
@media (max-width: 991.98px) {
  .service-section-2 .sercice-top-text .top-text {
    margin: 0 auto;
    margin-bottom: 25px;
  }
}

.service-hover-box-item {
  position: relative;
}
.service-hover-box-item .service-hover-image {
  position: relative;
}
.service-hover-box-item .service-hover-image .image-box {
  display: none;
}
.service-hover-box-item .service-hover-image .image-box {
  width: 100%;
  opacity: 0;
  visibility: hidden;
  -webkit-transition: opacity 0.5s ease, -webkit-transform 0.5s ease;
  transition: opacity 0.5s ease, -webkit-transform 0.5s ease;
  transition: opacity 0.5s ease, transform 0.5s ease;
  transition: opacity 0.5s ease, transform 0.5s ease, -webkit-transform 0.5s ease;
  -webkit-transform: translateY(20px);
          transform: translateY(20px);
}
.service-hover-box-item .service-hover-image .image-box.active {
  opacity: 1;
  visibility: visible;
  -webkit-transform: translateY(0);
          transform: translateY(0);
  display: block;
  -webkit-animation: qodef-animate-image-in 1s cubic-bezier(0.78, 0.2, 0.21, 0.88) forwards;
          animation: qodef-animate-image-in 1s cubic-bezier(0.78, 0.2, 0.21, 0.88) forwards;
}
.service-hover-box-item .service-line {
  width: 1px;
  background-color: rgba(255, 255, 255, 0.14);
  height: 648px;
  position: absolute;
  top: 51%;
  bottom: 0;
  left: 52%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
}
.service-hover-box-item .service-line::before {
  position: absolute;
  top: 0;
  left: 50%;
  content: "";
  width: 3px;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  height: 21px;
  background-color: var(--theme-color1);
}
.service-hover-box-item .service-line::after {
  position: absolute;
  bottom: 0;
  left: 50%;
  content: "";
  width: 3px;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  height: 21px;
  background-color: var(--theme-color1);
}
@media (max-width: 1399.98px) {
  .service-hover-box-item .service-line {
    display: none;
  }
}

.service-block-two .inner-box {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  width: 100%;
  background-color: transparent;
  border: 1px solid rgba(255, 255, 255, 0.13);
  border-radius: 20px;
  padding: 31px 30px;
  margin-top: 20px;
  z-index: 1;
  overflow: hidden;
  max-width: 648px;
  position: relative;
  max-width: 610px;
}
@media (max-width: 1399.98px) {
  .service-block-two .inner-box {
    max-width: initial;
  }
}
@media (max-width: 1199.98px) {
  .service-block-two .inner-box {
    padding: 19px 20px;
  }
}
.service-block-two .inner-box .title {
  color: #fff;
  font-weight: 400;
  text-transform: capitalize;
}
@media (max-width: 767.98px) {
  .service-block-two .inner-box .title {
    font-size: 17px;
  }
}
.service-block-two .inner-box .title a {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 50px;
}
@media (max-width: 767.98px) {
  .service-block-two .inner-box .title a {
    gap: 18px;
  }
}
.service-block-two .inner-box .arrow-icon {
  border-radius: 50%;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-transition: all 400ms ease-in-out;
  transition: all 400ms ease-in-out;
  width: 50px;
  height: 50px;
  background-color: var(--theme-color3);
  color: #fff;
  font-size: 19px;
}
.service-block-two .inner-box .arrow-icon i {
  rotate: -30deg;
  -webkit-transition: all 500ms ease;
  transition: all 500ms ease;
}
.service-block-two .inner-box .arrow-icon:hover {
  color: var(--theme-color1);
}
.service-block-two .inner-box .arrow-icon:hover i {
  rotate: 0deg;
}
.service-block-two .inner-box::before {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  height: 100%;
  width: 100%;
  content: "";
  left: auto;
  bottom: auto;
  top: 0;
  right: 0;
  width: 0%;
  height: 100%;
  z-index: -1;
  -webkit-transition: all 500ms ease;
  transition: all 500ms ease;
  background-color: var(--theme-color1);
}
.service-block-two .inner-box.active, .service-block-two .inner-box:hover {
  border-color: var(--theme-color1);
}
.service-block-two .inner-box.active::before, .service-block-two .inner-box:hover::before {
  left: 0;
  width: 100%;
}
.service-block-two .inner-box.active .arrow-icon, .service-block-two .inner-box:hover .arrow-icon {
  background-color: #fff;
  color: var(--theme-color2);
}

.service-hover-image {
  position: relative;
}
.service-hover-image .image-box {
  margin-top: 20px;
  position: relative;
  max-width: 556px;
  margin-left: auto;
  position: relative;
}
@media (max-width: 991.98px) {
  .service-hover-image .image-box {
    max-width: initial;
    height: 600px;
    border-radius: 40px;
    overflow: hidden;
  }
}
@media (max-width: 767.98px) {
  .service-hover-image .image-box {
    height: initial;
    border-radius: initial;
  }
}
.service-hover-image .image-box .image {
  margin-left: auto;
  position: relative;
  max-width: 556px;
  -webkit-mask: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 536 630"><path fill-rule="evenodd" clip-rule="evenodd" d="M0 570C0 603.137 26.8629 630 60 630H476C509.137 630 536 603.137 536 570V116.282C536 101.921 530.849 88.0366 521.484 77.1505L473.063 20.8689C461.664 7.62028 445.056 0 427.579 0H60C26.8629 0 0 26.8629 0 60V570Z" /></svg>');
          mask: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 536 630"><path fill-rule="evenodd" clip-rule="evenodd" d="M0 570C0 603.137 26.8629 630 60 630H476C509.137 630 536 603.137 536 570V116.282C536 101.921 530.849 88.0366 521.484 77.1505L473.063 20.8689C461.664 7.62028 445.056 0 427.579 0H60C26.8629 0 0 26.8629 0 60V570Z" /></svg>');
  -webkit-mask-repeat: no-repeat;
          mask-repeat: no-repeat;
  -webkit-mask-position: center center;
          mask-position: center center;
  -webkit-mask-size: cover;
          mask-size: cover;
}
@media (max-width: 991.98px) {
  .service-hover-image .image-box .image {
    max-width: initial;
  }
}
.service-hover-image .image-box .image::before {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  content: "";
  width: 100%;
  height: 100%;
  background: -webkit-gradient(linear, left bottom, left top, color-stop(18.31%, #0D0D0D), to(rgba(13, 13, 13, 0)));
  background: linear-gradient(0deg, #0D0D0D 18.31%, rgba(13, 13, 13, 0) 100%);
  z-index: 11;
}
@media (max-width: 1199.98px) {
  .service-hover-image .image-box .image img {
    width: 100%;
    height: 100%;
  }
}
.service-hover-image .image-box .image .hover-img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  border-radius: 40px;
  display: block;
  object-fit: cover;
  -webkit-transition: all 500ms ease;
  transition: all 500ms ease;
}
.service-hover-image .image-box .image .hover-img:first-child {
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  z-index: 1;
  -webkit-transform: translateX(50%) scaleX(2);
  transform: translate(50%) scaleX(2);
  opacity: 0;
  -webkit-filter: blur(10px);
  filter: blur(10px);
}
.service-hover-image .image-box .content-box {
  position: absolute;
  bottom: 50px;
  left: 50px;
  right: 50px;
  z-index: 99;
}
@media (max-width: 1199.98px) {
  .service-hover-image .image-box .content-box {
    left: 45px;
    right: 45px;
    bottom: 45px;
  }
}
@media (max-width: 469.98px) {
  .service-hover-image .image-box .content-box {
    left: 30px;
    right: 30px;
    bottom: 30px;
  }
}
.service-hover-image .image-box .content-box .text {
  color: rgb(229, 231, 235);
  border-left: 1px solid var(--theme-color1);
  padding-left: 30px;
}
@media (max-width: 1199.98px) {
  .service-hover-image .image-box .content-box .text {
    border-left: none;
    padding-left: 0;
    font-size: 16px;
  }
}
@media (max-width: 469.98px) {
  .service-hover-image .image-box .content-box .text {
    font-size: 14px;
  }
}
.service-hover-image .image-box .content-box .link-btn {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  color: #fff;
  font-weight: 400;
  font-size: 16px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 10px;
  margin-top: 20px;
  text-decoration: underline;
}
.service-hover-image .image-box .content-box .link-btn:hover {
  color: var(--theme-color1);
}
.service-hover-image .image-box:hover .image .hover-img:first-child {
  -webkit-transform: translateX(0) scaleX(1);
  transform: translate(0) scaleX(1);
  opacity: 1;
  -webkit-filter: blur(0);
  filter: blur(0);
}
.service-hover-image .image-box:hover .image .hover-img:nth-child(2) {
  -webkit-transform: translateX(-50%) scaleX(2);
  transform: translateX(-50%) scaleX(2);
  opacity: 0;
  -webkit-filter: blur(10px);
  filter: blur(10px);
}

@-webkit-keyframes qodef-animate-image-out {
  0% {
    -webkit-transform: scale(1) translateZ(0);
            transform: scale(1) translateZ(0);
    clip-path: inset(0 0 0 0);
  }
  100% {
    -webkit-transform: scale(1);
            transform: scale(1);
    clip-path: inset(0 0 0 0);
  }
}

@keyframes qodef-animate-image-out {
  0% {
    -webkit-transform: scale(1) translateZ(0);
            transform: scale(1) translateZ(0);
    clip-path: inset(0 0 0 0);
  }
  100% {
    -webkit-transform: scale(1);
            transform: scale(1);
    clip-path: inset(0 0 0 0);
  }
}
@-webkit-keyframes qodef-animate-image-in {
  0% {
    -webkit-transform: scale(1.05) translateZ(0);
            transform: scale(1.05) translateZ(0);
    clip-path: inset(0 100% 0 0);
  }
  100% {
    -webkit-transform: scale(1);
            transform: scale(1);
    clip-path: inset(0 0 0 0);
  }
}
@keyframes qodef-animate-image-in {
  0% {
    -webkit-transform: scale(1.05) translateZ(0);
            transform: scale(1.05) translateZ(0);
    clip-path: inset(0 100% 0 0);
  }
  100% {
    -webkit-transform: scale(1);
            transform: scale(1);
    clip-path: inset(0 0 0 0);
  }
}
.service-section-3 {
  position: relative;
}
.service-section-3 .service-light {
  position: absolute;
  bottom: 10%;
  left: 0;
}

.service-inner-3 {
  border-radius: 40px;
  margin: 0 60px;
  position: relative;
  z-index: 9;
}
@media (max-width: 1699.98px) {
  .service-inner-3 {
    margin: 0 35px;
  }
}
@media (max-width: 1399.98px) {
  .service-inner-3 {
    margin: 0 28px;
  }
}
@media (max-width: 1199.98px) {
  .service-inner-3 {
    margin: 0 20px;
  }
}
@media (max-width: 469.98px) {
  .service-inner-3 {
    margin: 0 16px;
  }
}
.service-inner-3 .service-vec {
  position: absolute;
  top: -5%;
  left: -2%;
}
.service-inner-3 .service-button {
  margin-top: 80px;
  text-align: center;
}
@media (max-width: 1199.98px) {
  .service-inner-3 .service-button {
    margin-top: 48px;
  }
}
@media (max-width: 767.98px) {
  .service-inner-3 .service-button {
    margin-top: 35px;
  }
}

.service-block-three .inner-box {
  position: relative;
  padding: 20px 0px 20px;
  border-top: 1px solid rgba(255, 255, 255, 0.15);
}
.service-block-three .inner-box.bb-bottom-add {
  border-bottom: 1px solid rgba(255, 255, 255, 0.15);
}
.service-block-three .inner-box:hover .image-box, .service-block-three .inner-box.active .image-box {
  visibility: visible;
  opacity: 1;
  -webkit-transform: scaleX(1);
          transform: scaleX(1);
}
.service-block-three .inner-box:hover .content-box, .service-block-three .inner-box.active .content-box {
  padding-left: 440px;
}
@media (max-width: 1199.98px) {
  .service-block-three .inner-box:hover .content-box, .service-block-three .inner-box.active .content-box {
    padding-left: 0px;
  }
}
.service-block-three .inner-box:hover .content-box .content, .service-block-three .inner-box.active .content-box .content {
  -ms-flex-preferred-size: initial;
      flex-basis: initial;
}
.service-block-three .inner-box:hover .content-box .service-list-item, .service-block-three .inner-box.active .content-box .service-list-item {
  margin-left: 0;
}
.service-block-three .inner-box:hover .content-box .icon-box .icon, .service-block-three .inner-box.active .content-box .icon-box .icon {
  -webkit-transform: rotate(0deg);
          transform: rotate(0deg);
  background-color: var(--theme-color1);
}
.service-block-three .inner-box .image-box {
  position: absolute;
  top: 12px;
  left: 0;
  opacity: 0;
  border-radius: 20px;
  visibility: hidden;
  margin-right: 30px;
  -webkit-transform: scaleX(0);
          transform: scaleX(0);
  -webkit-transform-origin: left;
          transform-origin: left;
  overflow: hidden;
  -webkit-transition: all 300ms ease;
  transition: all 300ms ease;
}
@media (max-width: 1199.98px) {
  .service-block-three .inner-box .image-box {
    position: relative;
    max-width: 360px;
    opacity: 1;
    height: auto;
    visibility: visible;
    -webkit-transform: scaleX(1);
            transform: scaleX(1);
    margin-bottom: 20px;
    margin-right: 0;
  }
}
@media (max-width: 767.98px) {
  .service-block-three .inner-box .image-box {
    margin-right: 0;
  }
}
.service-block-three .inner-box .content-box {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 35px;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  padding: 50px 0;
  -webkit-transition: all 300ms ease;
  transition: all 300ms ease;
}
@media (max-width: 1199.98px) {
  .service-block-three .inner-box .content-box {
    padding: 30px 0;
  }
}
@media (max-width: 767.98px) {
  .service-block-three .inner-box .content-box {
    gap: 20px;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
  }
}
.service-block-three .inner-box .content-box .content {
  -ms-flex-preferred-size: 55%;
      flex-basis: 55%;
}
@media (max-width: 1199.98px) {
  .service-block-three .inner-box .content-box .content {
    -ms-flex-preferred-size: initial;
        flex-basis: initial;
  }
}
.service-block-three .inner-box .content-box .content .title {
  font-size: 40px;
}
@media (max-width: 1399.98px) {
  .service-block-three .inner-box .content-box .content .title {
    font-size: 27px;
  }
}
@media (max-width: 575.98px) {
  .service-block-three .inner-box .content-box .content .title {
    font-size: 20px;
  }
}
.service-block-three .inner-box .content-box .content .text {
  font-size: 18px;
}
@media (max-width: 575.98px) {
  .service-block-three .inner-box .content-box .content .text {
    font-size: 14px;
  }
}
.service-block-three .inner-box .content-box .service-list-item {
  margin-left: -25%;
  -webkit-transition: all 0.4s ease-in-out;
  transition: all 0.4s ease-in-out;
}
@media (max-width: 1199.98px) {
  .service-block-three .inner-box .content-box .service-list-item {
    margin-left: 0;
  }
}
.service-block-three .inner-box .content-box .service-list-item li {
  font-size: 16px;
  font-weight: 400;
  color: #fff;
  position: relative;
  padding-left: 20px;
  line-height: 1;
}
.service-block-three .inner-box .content-box .service-list-item li:not(:last-child) {
  margin-bottom: 20px;
}
.service-block-three .inner-box .content-box .service-list-item li::before {
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  left: 0;
  content: "";
  width: 5px;
  height: 5px;
  border-radius: 5px;
  background-color: #fff;
}
.service-block-three .inner-box .content-box .icon-box .icon {
  width: 58px;
  height: 58px;
  line-height: 58px;
  text-align: center;
  border-radius: 50%;
  cursor: pointer;
  -webkit-transform: rotate(-32deg);
          transform: rotate(-32deg);
  color: var(--theme-color-white);
  background-color: rgba(255, 255, 255, 0.1);
  -webkit-transition: all 500ms ease;
  transition: all 500ms ease;
}

.service-inner-4 {
  border-radius: 40px;
  margin: 0 60px;
  position: relative;
  z-index: 9;
}
@media (max-width: 1699.98px) {
  .service-inner-4 {
    margin: 0 35px;
  }
}
@media (max-width: 1399.98px) {
  .service-inner-4 {
    margin: 0 28px;
  }
}
@media (max-width: 1199.98px) {
  .service-inner-4 {
    margin: 0 20px;
  }
}
@media (max-width: 469.98px) {
  .service-inner-4 {
    margin: 0 16px;
  }
}
.service-inner-4 .sec-title {
  margin-bottom: 60px;
}
@media (max-width: 469.98px) {
  .service-inner-4 .sec-title {
    margin-bottom: 30px;
  }
}

.service-block-four .inner-box {
  position: relative;
}
.service-block-four .inner-box .service-box-four,
.service-block-four .inner-box .service-box-hover-four {
  -webkit-transition: all 450ms ease;
  transition: all 450ms ease;
}
.service-block-four .inner-box .service-box-four.border-radius-add,
.service-block-four .inner-box .service-box-hover-four.border-radius-add {
  border-bottom-left-radius: 20px;
  border-bottom-right-radius: 20px;
}
.service-block-four .inner-box .service-box-four {
  background-color: var(--theme-color-black);
  padding: 45px 90px;
  border-radius: 20px 20px 0px 0px;
  padding-bottom: 65px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  cursor: pointer;
  border-top: 1px solid rgba(255, 255, 255, 0.2);
  margin-bottom: -20px;
}
@media (max-width: 991.98px) {
  .service-block-four .inner-box .service-box-four {
    padding: 45px 40px;
  }
}
@media (max-width: 767.98px) {
  .service-block-four .inner-box .service-box-four {
    padding: 30px 35px;
  }
}
@media (max-width: 575.98px) {
  .service-block-four .inner-box .service-box-four {
    padding: 30px 25px;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    gap: 20px;
  }
}
.service-block-four .inner-box .service-box-four .title {
  font-size: 30px;
}
@media (max-width: 1199.98px) {
  .service-block-four .inner-box .service-box-four .title {
    font-size: 26px;
  }
}
@media (max-width: 991.98px) {
  .service-block-four .inner-box .service-box-four .title {
    font-size: 25px;
  }
}
@media (max-width: 767.98px) {
  .service-block-four .inner-box .service-box-four .title {
    font-size: 22px;
  }
}
@media (max-width: 575.98px) {
  .service-block-four .inner-box .service-box-four .title {
    font-size: 20px;
  }
}
.service-block-four .inner-box .service-box-four .arrow-icon {
  display: inline-block;
  width: 52px;
  height: 52px;
  line-height: 52px;
  border-radius: 50%;
  text-align: center;
  background-color: var(--theme-color2);
  color: #fff;
  -webkit-transform: rotate(-40deg);
          transform: rotate(-40deg);
}
.service-block-four .inner-box .service-box-hover-four {
  padding: 60px 80px;
  background-color: #202020;
  border-radius: 20px 20px 0px 0px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  height: 0;
  overflow: hidden;
  opacity: 0;
  padding: 0 80px;
}
@media (max-width: 1199.98px) {
  .service-block-four .inner-box .service-box-hover-four {
    padding: 40px 40px;
    margin-bottom: -80px;
  }
}
@media (max-width: 991.98px) {
  .service-block-four .inner-box .service-box-hover-four {
    display: block;
  }
}
@media (max-width: 767.98px) {
  .service-block-four .inner-box .service-box-hover-four {
    padding: 30px 35px;
    margin-bottom: -50px;
  }
}
@media (max-width: 575.98px) {
  .service-block-four .inner-box .service-box-hover-four {
    padding: 30px 25px;
  }
}
.service-block-four .inner-box .service-box-hover-four .content-box {
  max-width: 500px;
}
@media (max-width: 991.98px) {
  .service-block-four .inner-box .service-box-hover-four .content-box {
    margin-bottom: 30px;
  }
}
.service-block-four .inner-box .service-box-hover-four .content-box .tag-box {
  display: inline-block;
  font-size: 16px;
  font-weight: 500;
  color: var(--theme-color-white);
  border-radius: 20.1127px;
  height: 40px;
  line-height: 40px;
  padding: 0 20px;
  background-color: var(--theme-color-black);
}
.service-block-four .inner-box .service-box-hover-four .content-box .tag-box.bg-2 {
  background-color: #fff;
  color: var(--theme-color-black);
}
.service-block-four .inner-box .service-box-hover-four .content-box .tag-box.bg-3 {
  background-color: var(--theme-color1);
}
.service-block-four .inner-box .service-box-hover-four .content-box .tag-items {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 20px;
  margin-bottom: 12px;
  margin-top: 35px;
}
@media (max-width: 1199.98px) {
  .service-block-four .inner-box .service-box-hover-four .content-box .tag-items {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    gap: 16px;
    margin-top: 20px;
  }
}
.service-block-four .inner-box .service-box-hover-four .content-box .title {
  font-size: 30px;
  margin-bottom: 30px;
}
.service-block-four .inner-box .service-box-hover-four .content-box .title a:hover {
  color: var(--theme-color1);
}
@media (max-width: 1199.98px) {
  .service-block-four .inner-box .service-box-hover-four .content-box .title {
    font-size: 26px;
    margin-bottom: 18px;
  }
}
@media (max-width: 991.98px) {
  .service-block-four .inner-box .service-box-hover-four .content-box .title {
    font-size: 25px;
  }
}
@media (max-width: 767.98px) {
  .service-block-four .inner-box .service-box-hover-four .content-box .title {
    font-size: 22px;
  }
}
@media (max-width: 575.98px) {
  .service-block-four .inner-box .service-box-hover-four .content-box .title {
    font-size: 20px;
  }
}
.service-block-four .inner-box .service-box-hover-four .image-box {
  border-radius: 15px;
}
.service-block-four .inner-box .service-box-hover-four .image-box img {
  width: 100%;
  height: 100%;
  border-radius: 15px;
}
.service-block-four .inner-box.active .service-box-four {
  display: none;
}
.service-block-four .inner-box.active .service-box-hover-four {
  height: auto;
  opacity: 1;
  padding: 60px 80px;
  margin-top: -20px;
  margin-bottom: -20px;
}
@media (max-width: 1199.98px) {
  .service-block-four .inner-box.active .service-box-hover-four {
    padding: 40px 40px;
  }
}
@media (max-width: 991.98px) {
  .service-block-four .inner-box.active .service-box-hover-four {
    display: block;
  }
}
@media (max-width: 767.98px) {
  .service-block-four .inner-box.active .service-box-hover-four {
    padding: 30px 35px;
  }
}
@media (max-width: 575.98px) {
  .service-block-four .inner-box.active .service-box-hover-four {
    padding: 30px 25px;
  }
}

.service-section-4 {
  position: relative;
}
.service-section-4 .service-light {
  position: absolute;
  top: -12%;
  left: 0;
  z-index: -1;
}
.service-section-4 .service-light2 {
  position: absolute;
  bottom: 0;
  right: 0;
  z-index: -1;
}
.service-section-4 .service-vec {
  position: absolute;
  right: -50px;
  top: -4%;
}

.faq-block-one {
  background-color: var(--theme-color-black);
  position: relative;
  padding: 25px 30px;
  border: 1px solid rgba(255, 255, 255, 0.13);
  border-radius: 20px;
  line-height: 1;
  position: relative;
  z-index: 9;
}
.faq-block-one::before {
  display: none;
}
@media (max-width: 991.98px) {
  .faq-block-one {
    padding: 20px 26px;
  }
}
@media (max-width: 575.98px) {
  .faq-block-one {
    padding: 18px 24px;
  }
}
.faq-block-one {
  -webkit-transition: all 400ms ease;
  transition: all 400ms ease;
}
.faq-block-one .content-box {
  display: none;
}
.faq-block-one .content-box.show {
  display: block;
}
.faq-block-one .title-box {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  background-color: transparent;
  -webkit-box-shadow: none;
          box-shadow: none;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 20px;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  margin-bottom: 0;
  position: relative;
  width: 100%;
  -webkit-transition: all 400ms ease;
  transition: all 400ms ease;
}
.faq-block-one .title-box span {
  display: block;
}
.faq-block-one .title-box .content {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 30px;
}
.faq-block-one .title-box .content .title {
  color: #fff;
  margin-bottom: 0;
  font-size: 19px;
  font-weight: 500;
}
@media (max-width: 1399.98px) {
  .faq-block-one .title-box .content .title {
    font-size: 17px;
  }
}
@media (max-width: 575.98px) {
  .faq-block-one .title-box .content .title {
    font-size: 15px;
  }
}
.faq-block-one .title-box .icon {
  max-width: 34px;
  width: 100%;
  height: 34px;
  line-height: 34px;
  text-align: center;
  border-radius: 50%;
  background-color: var(--theme-color3);
}
.faq-block-one .title-box .icon i {
  color: #fff;
  font-size: 12px;
  font-weight: 600;
  -webkit-transition: all 400ms ease;
  transition: all 400ms ease;
}
.faq-block-one .title-box::after {
  display: none;
}
.faq-block-one .title-box:hover {
  cursor: pointer;
}
.faq-block-one .inner {
  margin-top: 28px;
}
@media (max-width: 767.98px) {
  .faq-block-one .inner {
    margin-top: 20px;
  }
}
.faq-block-one .inner .text {
  max-width: 562px;
  font-size: 16px;
  font-weight: 400;
  color: #fff;
  letter-spacing: -0.02em;
  line-height: 162%;
}
@media (max-width: 767.98px) {
  .faq-block-one .inner .text {
    font-size: 13px;
  }
}
.faq-block-one.active .title-box .content .count {
  border-right: 1px solid var(--text-color);
}
.faq-block-one.active .title,
.faq-block-one.active .icon i,
.faq-block-one.active .count {
  color: #fff;
}
.faq-block-one.active .icon {
  background-color: var(--theme-color1);
}
.faq-block-one.active .icon a i {
  -webkit-transform: rotate(45deg);
          transform: rotate(45deg);
}
.faq-block-one:not(:last-child) {
  margin-bottom: 10px;
}
.faq-block-one.new-style-add {
  max-width: 716px;
  margin-left: auto;
}
.faq-block-one.new-style-add .inner .text {
  color: var(--text-color);
  max-width: 590px;
}
.faq-block-one.style-new-2 {
  background: transparent;
  border: 2px solid rgba(255, 255, 255, 0.1);
  max-width: 816px;
}
.faq-block-one.style-new-2 .inner .text {
  color: rgba(255, 255, 255, 0.6);
  max-width: 690px;
}
.faq-block-one.style-new-2 .title-box .content .title {
  color: #fff;
}
.faq-block-one.style-new-2 .title-box .icon {
  background-color: transparent;
  width: initial;
  height: initial;
  line-height: initial;
}
.faq-block-one.style-new-2 .title-box .icon i {
  color: #fff;
  font-size: 12px;
  font-weight: 600;
  -webkit-transition: all 400ms ease;
  transition: all 400ms ease;
}
.faq-block-one.style-new-2 .title-box::after {
  display: none;
}
.faq-block-one.style-new-2 .title-box:hover {
  cursor: pointer;
}
.faq-block-one.style-new-2.active .title-box .content .title {
  color: var(--theme-color1);
}

.faq-section {
  position: relative;
  border-bottom: 1px solid rgba(255, 255, 255, 0.14);
}
.faq-section .faq-light-shape {
  position: absolute;
  top: -55%;
  left: 0;
}
@media (max-width: 1699.98px) {
  .faq-section .faq-light-shape {
    display: none;
  }
}
.faq-section .faq-shape {
  position: absolute;
  top: -20%;
  left: 0;
  z-index: 99;
}
@media (max-width: 1699.98px) {
  .faq-section .faq-shape {
    display: none;
  }
}

.faq-inner-2 {
  border-radius: 40px;
  margin: 0 60px;
  position: relative;
  z-index: 9;
  border: 1px solid rgba(255, 255, 255, 0.14);
}
@media (max-width: 1699.98px) {
  .faq-inner-2 {
    margin: 0 35px;
  }
}
@media (max-width: 1399.98px) {
  .faq-inner-2 {
    margin: 0 28px;
  }
}
@media (max-width: 1199.98px) {
  .faq-inner-2 {
    margin: 0 20px;
  }
}
@media (max-width: 469.98px) {
  .faq-inner-2 {
    margin: 0 16px;
  }
}

.faq-block-two {
  background-color: var(--theme-color-black);
  position: relative;
  border: 1px solid rgba(255, 255, 255, 0.13);
  border-radius: 20px;
  line-height: 1;
  position: relative;
  z-index: 99;
  -webkit-transition: all 400ms ease;
  transition: all 400ms ease;
}
.faq-block-two .content-box {
  display: none;
}
.faq-block-two .content-box.show {
  display: block;
}
.faq-block-two .title-box {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  background-color: transparent;
  -webkit-box-shadow: none;
          box-shadow: none;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 20px;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  margin-bottom: 0;
  position: relative;
  border-radius: 20px;
  width: 100%;
  padding-right: 30px;
}
@media (max-width: 575.98px) {
  .faq-block-two .title-box {
    padding-right: 15px;
  }
}
.faq-block-two .title-box {
  -webkit-transition: all 400ms ease;
  transition: all 400ms ease;
}
.faq-block-two .title-box span {
  display: block;
}
.faq-block-two .title-box .content {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 30px;
  padding: 0 25px;
}
@media (max-width: 575.98px) {
  .faq-block-two .title-box .content {
    gap: 12px;
  }
}
@media screen and (max-width: 380px) {
  .faq-block-two .title-box .content {
    padding: 0 15px;
  }
}
.faq-block-two .title-box .content .number {
  color: #fff;
  margin-bottom: 0;
  font-size: 20px;
  font-weight: 500;
}
@media (max-width: 1399.98px) {
  .faq-block-two .title-box .content .number {
    font-size: 17px;
  }
}
@media (max-width: 575.98px) {
  .faq-block-two .title-box .content .number {
    font-size: 15px;
  }
}
@media screen and (max-width: 380px) {
  .faq-block-two .title-box .content .number {
    font-size: 13px;
  }
}
.faq-block-two .title-box .content .line {
  width: 1px;
  height: 72px;
  background-color: rgba(255, 255, 255, 0.14);
  display: inline-block;
}
@media screen and (max-width: 380px) {
  .faq-block-two .title-box .content .line {
    height: 90px;
  }
}
.faq-block-two .title-box .content .title {
  color: #fff;
  margin-bottom: 0;
  font-weight: 500;
}
@media (max-width: 1399.98px) {
  .faq-block-two .title-box .content .title {
    font-size: 17px;
  }
}
@media (max-width: 575.98px) {
  .faq-block-two .title-box .content .title {
    font-size: 15px;
  }
}
@media screen and (max-width: 380px) {
  .faq-block-two .title-box .content .title {
    font-size: 13px;
  }
}
.faq-block-two .title-box .icon i {
  color: var(--theme-color1);
  font-size: 16px;
  font-weight: 600;
  -webkit-transition: all 400ms ease;
  transition: all 400ms ease;
}
.faq-block-two .title-box::after {
  display: none;
}
.faq-block-two .title-box:hover {
  cursor: pointer;
}
.faq-block-two .inner {
  padding: 35px 100px;
}
@media (max-width: 1199.98px) {
  .faq-block-two .inner {
    padding: 30px;
  }
}
@media screen and (max-width: 380px) {
  .faq-block-two .inner {
    padding: 18px;
  }
}
.faq-block-two .inner .text {
  max-width: 765px;
  font-size: 16px;
  font-weight: 400;
  color: var(--text-color);
  line-height: 170%;
}
@media screen and (max-width: 380px) {
  .faq-block-two .inner .text {
    font-size: 14px;
  }
}
.faq-block-two.active .title-box {
  background-color: var(--theme-color1);
}
.faq-block-two.active .title,
.faq-block-two.active .icon i,
.faq-block-two.active .count {
  color: #fff;
}
.faq-block-two.active .icon {
  background-color: var(--theme-color1);
}
.faq-block-two.active .icon a i {
  -webkit-transform: rotate(45deg);
          transform: rotate(45deg);
}
.faq-block-two:not(:last-child) {
  margin-bottom: 20px;
}

.faq-section-2 {
  position: relative;
}
.faq-section-2 .faq-light {
  position: absolute;
  top: -60%;
  left: 0;
}
@media (max-width: 1199.98px) {
  .faq-section-2 .faq-light {
    display: none;
  }
}
.faq-section-2 .faq-vec {
  position: absolute;
  top: -15%;
  left: 15px;
  z-index: 11;
}
@media (max-width: 1399.98px) {
  .faq-section-2 .faq-vec {
    display: none;
  }
}
.faq-section-2 .faq-light2 {
  position: absolute;
  bottom: -40%;
  right: 0;
}
@media (max-width: 1199.98px) {
  .faq-section-2 .faq-light2 {
    display: none;
  }
}
.faq-section-2 .faq-vec2 {
  position: absolute;
  bottom: -15%;
  right: 30px;
  z-index: 11;
}
@media (max-width: 1399.98px) {
  .faq-section-2 .faq-vec2 {
    display: none;
  }
}

.faq-inner-items {
  background: #000000;
  border-radius: 30px;
  padding: 20px;
}
.faq-inner-items .content {
  padding: 40px;
  background: rgba(244, 244, 244, 0.05);
  border-radius: 30px;
}
@media (max-width: 1199.98px) {
  .faq-inner-items .content {
    padding: 28px;
  }
}
.faq-inner-items .content .title {
  font-size: 30px;
  font-weight: 500;
  color: var(--theme-color1);
  margin-bottom: 10px;
}
@media (max-width: 767.98px) {
  .faq-inner-items .content .title {
    font-size: 22px;
  }
}
.faq-inner-items .content .text {
  color: rgba(255, 255, 255, 0.6);
}
@media (max-width: 767.98px) {
  .faq-inner-items .content .text {
    font-size: 14px;
  }
}
.faq-inner-items .content .icon-box {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 20px;
  background-color: var(--theme-color-black);
  border-radius: 30px;
  padding: 38px 30px;
  margin-top: 30px;
}
@media (max-width: 1399.98px) {
  .faq-inner-items .content .icon-box {
    padding: 28px;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }
}
.faq-inner-items .content .icon-box .icon {
  border-radius: 50%;
  width: 50px;
  height: 50px;
  line-height: 50px;
  background-color: var(--theme-color1);
  text-align: center;
  color: var(--theme-color-white);
}
.faq-inner-items .content .icon-box .icon-content .icon-title {
  font-weight: 600;
  margin-bottom: 5px;
}
.faq-inner-items .content .icon-box .icon-content .text-2 {
  max-width: 270px;
}

.faq-section-3 {
  position: relative;
  z-index: 1;
}
.faq-section-3 .faq-light {
  position: absolute;
  top: -15%;
  left: 25%;
  z-index: -1;
}
@media (max-width: 1199.98px) {
  .faq-section-3 .faq-light {
    display: none;
  }
}
.faq-section-3 .sec-title {
  margin-bottom: 60px;
}
@media (max-width: 1199.98px) {
  .faq-section-3 .sec-title {
    margin-bottom: 30px;
  }
}

.faq-section-4 .sec-title {
  margin-bottom: 60px;
}
@media (max-width: 767.98px) {
  .faq-section-4 .sec-title {
    margin-bottom: 30px;
  }
}

.faqs-block-crm {
  overflow: hidden;
  position: relative;
  border-radius: 40px;
  z-index: 1;
  padding: 50px 40px 58px;
  padding-top: 60px;
  border: 1px solid rgba(255, 255, 255, 0.102);
  background: linear-gradient(112.57deg, rgba(255, 86, 166, 0.3) 22.93%, rgba(17, 16, 15, 0) 87.49%);
  text-align: center;
}
.faqs-block-crm .text {
  color: var(--text-color);
  margin-bottom: 40px;
}
.faqs-block-crm .item-shadow {
  position: absolute;
  bottom: 0;
  right: 0;
  z-index: -1;
}

.work-process-content-1 .work-process-thumb {
  margin-top: 110px;
}
@media (max-width: 991.98px) {
  .work-process-content-1 .work-process-thumb {
    display: none;
  }
}

.working-block-one .inner-block {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin-top: 40px;
  position: relative;
  z-index: 9;
  gap: 40px;
}
.working-block-one .inner-block.top-margin-none {
  margin-top: 0;
}
@media (max-width: 991.98px) {
  .working-block-one .inner-block.top-margin-none {
    margin-top: 40px;
  }
}
@media (max-width: 575.98px) {
  .working-block-one .inner-block {
    gap: 20px;
  }
}
.working-block-one .inner-block .step {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  background-color: var(--theme-color2);
  font-size: 16px;
  font-weight: 400;
  color: #fff;
  width: 52px;
  border-radius: 10px;
  -webkit-writing-mode: sideways-lr;
      -ms-writing-mode: sideways-lr;
          writing-mode: sideways-lr;
  -webkit-transition: all 0.4s ease-in-out;
  transition: all 0.4s ease-in-out;
  height: 127px;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.working-block-one .inner-block .content-box {
  position: relative;
  padding-bottom: 20px;
  width: 100%;
}
.working-block-one .inner-block .content-box .text {
  color: rgba(255, 255, 255, 0.6);
  margin-top: 10px;
  max-width: 450px;
  font-size: 16px;
  font-weight: 400;
  letter-spacing: -0.02em;
}
@media (max-width: 575.98px) {
  .working-block-one .inner-block .content-box .text {
    font-size: 14px;
  }
}
.working-block-one .inner-block .content-box .line {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  width: 100%;
  height: 1px;
  background: rgba(255, 255, 255, 0.14);
}
.working-block-one .inner-block .content-box .line::before {
  position: absolute;
  top: 50%;
  right: 0;
  width: 9px;
  height: 9px;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  content: "";
  background-color: #D9D9D9;
  border-radius: 50%;
}
.working-block-one .inner-block.active .step {
  background-color: var(--theme-color1);
}
.working-block-one .inner-block.active .content-box .line::before {
  background-color: var(--theme-color1);
}

@media (max-width: 991.98px) {
  .work-process-section {
    padding-top: 0 !important;
  }
}

.work-process-section-2 {
  position: relative;
}
.work-process-section-2 .work-process-light {
  position: absolute;
  right: 0;
  top: -50%;
}
@media (max-width: 1199.98px) {
  .work-process-section-2 .work-process-light {
    display: none;
  }
}
.work-process-section-2 .work-process-vec {
  position: absolute;
  top: -120px;
  right: 0;
  z-index: 19;
}
@media (max-width: 1399.98px) {
  .work-process-section-2 .work-process-vec {
    display: none;
  }
}
.work-process-section-2 .how-it-client-wrapper {
  background-color: var(--theme-color3);
  padding: 30px;
  border-radius: 20px;
  margin-top: 40px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
@media (max-width: 1199.98px) {
  .work-process-section-2 .how-it-client-wrapper {
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    gap: 30px;
  }
}
.work-process-section-2 .how-it-client-wrapper .client-info {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 50px;
}
@media (max-width: 575.98px) {
  .work-process-section-2 .how-it-client-wrapper .client-info {
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    gap: 30px;
    text-align: center;
  }
}
.work-process-section-2 .how-it-client-wrapper .client-info .client-image {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.work-process-section-2 .how-it-client-wrapper .client-info .client-image img {
  width: 50px;
  height: 50px;
  border-radius: 50%;
  border: 2px solid var(--bg-color);
}
.work-process-section-2 .how-it-client-wrapper .client-info .client-image .icon-1 {
  margin-right: -10px;
}
.work-process-section-2 .how-it-client-wrapper .client-info .client-image .icon-2 {
  margin-right: -10px;
}
.work-process-section-2 .how-it-client-wrapper .client-info .client-image .icon-3 {
  margin-right: -10px;
}
.work-process-section-2 .how-it-client-wrapper .client-info .info-title {
  font-size: 18px;
  font-weight: 400;
  max-width: 400px;
}
.work-process-section-2 .how-it-client-wrapper .clieng-btn {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 70px;
}
@media (max-width: 767.98px) {
  .work-process-section-2 .how-it-client-wrapper .clieng-btn {
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    gap: 30px;
  }
}

.work-process-inner-2 {
  border-radius: 40px;
  margin: 0 60px;
  position: relative;
  z-index: 9;
  border: 1px solid rgba(255, 255, 255, 0.14);
}
@media (max-width: 1699.98px) {
  .work-process-inner-2 {
    margin: 0 35px;
  }
}
@media (max-width: 1399.98px) {
  .work-process-inner-2 {
    margin: 0 28px;
  }
}
@media (max-width: 1199.98px) {
  .work-process-inner-2 {
    margin: 0 20px;
  }
}
@media (max-width: 469.98px) {
  .work-process-inner-2 {
    margin: 0 16px;
  }
}
.work-process-inner-2 .line {
  height: 1px;
  width: 100%;
  background-color: rgba(255, 255, 255, 0.14);
  margin-bottom: -50px;
  margin-top: 50px;
  padding-left: 18px;
}
@media (max-width: 1199.98px) {
  .work-process-inner-2 .line {
    display: none;
  }
}

.working-block-two {
  margin-top: 30px;
}
@media (max-width: 1199.98px) {
  .working-block-two {
    margin-top: 40px;
  }
}
.working-block-two .step-btn {
  display: inline-block;
  height: 35px;
  line-height: 35px;
  background-color: var(--theme-color3);
  border-radius: 10px;
  padding: 0 20px;
  color: #fff;
  font-size: 16px;
  font-weight: 400;
  margin-bottom: 45px;
}
@media (max-width: 1199.98px) {
  .working-block-two .step-btn {
    margin-bottom: 25px;
  }
}
.working-block-two .inner-block {
  background-color: var(--theme-color3);
  border-radius: 30px;
  padding: 40px;
  position: relative;
}
@media (max-width: 767.98px) {
  .working-block-two .inner-block {
    padding: 30px;
  }
}
@media (max-width: 469.98px) {
  .working-block-two .inner-block {
    padding: 28px;
  }
}
.working-block-two .inner-block .dot {
  display: inline-block;
  width: 9px;
  height: 9px;
  border-radius: 9px;
  background-color: var(--theme-color1);
  position: absolute;
  top: 40px;
  right: 40px;
}
.working-block-two .inner-block .icon-box {
  margin-bottom: 50px;
}
@media (max-width: 767.98px) {
  .working-block-two .inner-block .icon-box {
    margin-bottom: 30px;
  }
}
.working-block-two .inner-block .icon-box {
  -webkit-transition: all 900ms ease;
  transition: all 900ms ease;
  display: inline-block;
}
.working-block-two .inner-block .text {
  margin-top: 16px;
}
.working-block-two .inner-block:hover .icon-box {
  -webkit-transform: rotateY(360deg);
  transform: rotateY(360deg);
}

.work-process-section-3 {
  position: relative;
}
.work-process-section-3 .vec-shape {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 11;
}
.work-process-section-3 .light-shape {
  position: absolute;
  bottom: -18%;
  left: 0;
}
.work-process-section-3 .work-process-inner-3 {
  border-radius: 40px;
  margin: 0 60px;
  position: relative;
  z-index: 9;
}
@media (max-width: 1699.98px) {
  .work-process-section-3 .work-process-inner-3 {
    margin: 0 35px;
  }
}
@media (max-width: 1399.98px) {
  .work-process-section-3 .work-process-inner-3 {
    margin: 0 28px;
  }
}
@media (max-width: 1199.98px) {
  .work-process-section-3 .work-process-inner-3 {
    margin: 0 20px;
  }
}
@media (max-width: 469.98px) {
  .work-process-section-3 .work-process-inner-3 {
    margin: 0 16px;
  }
}

.hzAccordion-section .options {
  -webkit-box-align: stretch;
      -ms-flex-align: stretch;
          align-items: stretch;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  max-width: 100%;
  margin-top: -12px;
  -webkit-transition-delay: 300ms;
          transition-delay: 300ms;
}
@media (max-width: 1399.98px) {
  .hzAccordion-section .options {
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: (1fr)[3];
    grid-template-columns: repeat(3, 1fr);
  }
}
@media (max-width: 1199.98px) {
  .hzAccordion-section .options {
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: (1fr)[2];
    grid-template-columns: repeat(2, 1fr);
  }
}
@media (max-width: 767.98px) {
  .hzAccordion-section .options {
    -ms-grid-columns: (1fr)[1];
    grid-template-columns: repeat(1, 1fr);
  }
}
@media (max-width: 767.98px) {
  .hzAccordion-section .options {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
}
.hzAccordion-section .options .option {
  background: var(--theme-color-black);
  background-size: auto 100%;
  border: 1px solid rgba(var(--theme-color2-rgb), 0.1);
  border-radius: 30px;
  cursor: pointer;
  height: 500px;
  margin: 10px;
  min-width: 272px;
  overflow: hidden;
  position: relative;
  -webkit-transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
          transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  -webkit-transition-duration: 0.28s;
          transition-duration: 0.28s;
  margin-top: 30px;
}
@media (max-width: 1199.98px) {
  .hzAccordion-section .options .option {
    height: 170px;
    min-width: inherit;
  }
}
@media (max-width: 575.98px) {
  .hzAccordion-section .options .option {
    height: 220px;
  }
}
.hzAccordion-section .options .option .default-content {
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: start;
  bottom: 0;
  display: none;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  left: 0;
  margin: 0 auto;
  position: absolute;
  right: 0;
  -webkit-transition: all 400ms ease;
  transition: all 400ms ease;
}
@media (max-width: 1199.98px) {
  .hzAccordion-section .options .option .default-content {
    margin: 0;
    padding: 30px;
    right: auto;
  }
}
@media (max-width: 359.98px) {
  .hzAccordion-section .options .option .default-content {
    bottom: 0px;
  }
}
@media (max-width: 320px) {
  .hzAccordion-section .options .option .default-content {
    padding: 15px;
  }
}
.hzAccordion-section .options .option .default-content .title {
  bottom: 200px;
  font-weight: 500;
  left: -30px;
  min-width: -webkit-max-content;
  min-width: -moz-max-content;
  min-width: max-content;
  position: relative;
  -webkit-transform: rotate(-90deg);
          transform: rotate(-90deg);
  -webkit-transition: all 400ms ease;
  transition: all 400ms ease;
}
@media (max-width: 1199.98px) {
  .hzAccordion-section .options .option .default-content .title {
    bottom: 0;
    left: 0;
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
  }
}
@media (max-width: 575.98px) {
  .hzAccordion-section .options .option .default-content .title {
    font-size: 24px;
  }
}
@media (max-width: 379.98px) {
  .hzAccordion-section .options .option .default-content .title {
    font-size: 20px;
  }
}
.hzAccordion-section .options .option .default-content .text {
  bottom: 245px;
  color: rgba(255, 255, 255, 0.5);
  font-weight: 400;
  left: 20px;
  min-width: 300px;
  position: relative;
  -webkit-transition: all 400ms ease;
  transition: all 400ms ease;
  -webkit-transform: rotate(-90deg);
          transform: rotate(-90deg);
}
@media (max-width: 1199.98px) {
  .hzAccordion-section .options .option .default-content .text {
    bottom: 0;
    max-width: 80%;
    left: 0;
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
  }
}
@media (max-width: 575.98px) {
  .hzAccordion-section .options .option .default-content .text {
    min-width: inherit;
  }
}
.hzAccordion-section .options .option .label {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
  position: absolute;
  bottom: 0;
  -webkit-transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
          transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  -webkit-transition-duration: 0.28s;
          transition-duration: 0.28s;
  z-index: -1;
}
@media (max-width: 1199.98px) {
  .hzAccordion-section .options .option .label {
    padding-right: 20px;
  }
}
@media (max-width: 767.98px) {
  .hzAccordion-section .options .option .label {
    bottom: unset;
    top: 50%;
    -webkit-transform: translateY(-50%);
            transform: translateY(-50%);
  }
}
@media (max-width: 575.98px) {
  .hzAccordion-section .options .option .label {
    top: 40%;
  }
}
@media (max-width: 339.98px) {
  .hzAccordion-section .options .option .label {
    top: 37%;
  }
}
.hzAccordion-section .options .option .label .info {
  padding: 50px 40px;
  opacity: 1;
  visibility: visible;
  -webkit-transition: all 400ms ease;
  transition: all 400ms ease;
  -webkit-transition-delay: 300ms;
          transition-delay: 300ms;
}
@media (max-width: 1199.98px) {
  .hzAccordion-section .options .option .label .info {
    padding: 0 0 30px;
  }
}
@media (max-width: 575.98px) {
  .hzAccordion-section .options .option .label .info {
    padding: 0;
  }
}
.hzAccordion-section .options .option .label .info .cont .count {
  bottom: -70px;
  color: var(--theme-color-white);
  display: inline-block;
  font-weight: 600;
  font-size: 80px;
  line-height: 1;
  left: 15px;
  letter-spacing: -0.03em;
  position: relative;
}
.hzAccordion-section .options .option .label .info .cont .count span {
  color: var(--theme-color-white);
}
.hzAccordion-section .options .option .label .info .cont .sub-title {
  color: var(--theme-color-white);
  letter-spacing: -0.03em;
  font-weight: 600;
  margin-bottom: 20px;
}
.hzAccordion-section .options .option .label .info .cont .text {
  color: var(--theme-color-white);
  font-weight: 400;
}
.hzAccordion-section .options .option .label .info .lg-count {
  color: rgba(242, 102, 28, 0.9);
  font-size: 234px;
  font-weight: 600;
  line-height: 1;
  letter-spacing: -0.03em;
  text-transform: capitalize;
  font-size: clamp(80px, 14.62vw, 234px);
  line-height: 1;
}
.hzAccordion-section .options .option .search-icon {
  bottom: -10px;
  left: 0;
  position: absolute;
  right: 0;
  text-align: center;
}
.hzAccordion-section .options .option .search-icon .count {
  color: rgba(255, 255, 255, 0.1);
  display: inline-block;
  font-weight: 600;
  font-size: 80px;
  line-height: 1;
  text-align: center;
  letter-spacing: -0.03em;
}
.hzAccordion-section .options .option .search-icon .count span {
  color: var(--theme-color1);
}
.hzAccordion-section .options .option:not(.active) {
  background: var(--theme-color-black);
  border-radius: 20px;
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
  -webkit-transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
          transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  -webkit-transition-duration: 0.28s;
          transition-duration: 0.28s;
}
.hzAccordion-section .options .option:not(.active) .default-content {
  display: -webkit-box !important;
  display: -ms-flexbox !important;
  display: flex !important;
}
.hzAccordion-section .options .option:not(.active) .label {
  bottom: 10px;
  left: 10px;
}
.hzAccordion-section .options .option:not(.active) .label .info {
  opacity: 0;
  visibility: hidden;
  -webkit-transition: all 400ms ease;
  transition: all 400ms ease;
}
.hzAccordion-section .options .option:not(.active) .info > div {
  left: 20px;
  opacity: 0;
}
.hzAccordion-section .options .option.active {
  background: var(--theme-color1);
  background-size: auto 100%;
  border-radius: 30px;
  -webkit-box-flex: 10000;
      -ms-flex-positive: 10000;
          flex-grow: 10000;
  -webkit-transform: scale(1);
          transform: scale(1);
  -webkit-transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
          transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  -webkit-transition-duration: 0.28s;
          transition-duration: 0.28s;
  position: relative;
}
@media (max-width: 1199.98px) {
  .hzAccordion-section .options .option.active {
    height: 300px;
    min-width: inherit;
    padding: 30px;
  }
}
@media (max-width: 575.98px) {
  .hzAccordion-section .options .option.active {
    padding: 30px 20px;
  }
}
.hzAccordion-section .options .option.active .search-icon {
  display: none;
}
.hzAccordion-section .options .option.active .search-icon {
  position: relative;
}
.hzAccordion-section .options .option.active .search-icon .lg-count {
  opacity: 1;
}

.working-block-four .inner-block {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: end;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  border-bottom: 1px solid rgba(217, 217, 217, 0.08);
  padding-bottom: 40px;
  margin-top: 35px;
  max-width: 608px;
  margin-left: auto;
  position: relative;
  z-index: 88;
}
@media (max-width: 991.98px) {
  .working-block-four .inner-block {
    margin-left: initial;
    max-width: initial;
  }
}
@media (max-width: 575.98px) {
  .working-block-four .inner-block {
    display: -ms-grid;
    display: grid;
    gap: 20px;
  }
}
.working-block-four .inner-block.style-margin-0 {
  margin-left: initial;
}
.working-block-four .inner-block .content-box span {
  display: inline-block;
  font-size: 16px;
  font-weight: 400;
  color: var(--theme-color1);
  margin-bottom: 20px;
}
@media (max-width: 575.98px) {
  .working-block-four .inner-block .content-box span {
    margin-bottom: 10px;
  }
}
@media (max-width: 1199.98px) {
  .working-block-four .inner-block .content-box .title {
    font-size: 20px;
  }
}
.working-block-four .inner-block .year-text {
  font-size: 18px;
  position: relative;
  height: 47px;
  line-height: 47px;
  background-color: rgba(255, 255, 255, 0.1);
  padding: 0 18px;
  padding-left: 40px;
  border-radius: 30px;
  margin-bottom: 10px;
}
@media (max-width: 1199.98px) {
  .working-block-four .inner-block .year-text {
    font-size: 14px;
    position: relative;
    height: 44px;
    line-height: 44px;
    padding: 0 15px;
    padding-left: 38px;
    margin-bottom: 0;
  }
}
@media (max-width: 575.98px) {
  .working-block-four .inner-block .year-text {
    max-width: 150px;
  }
}
.working-block-four .inner-block .year-text::before {
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  left: 18px;
  content: "";
  width: 8px;
  height: 8px;
  background: rgba(255, 255, 255, 0.6);
  border-radius: 50%;
}

@media (max-width: 991.98px) {
  .work-eduction-section {
    margin-top: 30px;
  }
}

/***

====================================================================
    Marquee Section
====================================================================

***/
.marquee-area2 {
  margin-bottom: 150px;
  position: relative;
  z-index: 99;
}
@media (max-width: 1499.98px) {
  .marquee-area2 {
    margin-bottom: 100px;
  }
}
@media (max-width: 991.98px) {
  .marquee-area2 {
    margin-bottom: 80px;
    padding-top: 0 !important;
  }
}
.marquee-area2 .marque-object2 {
  position: absolute;
  right: -60px;
  top: -100px;
}
@media (max-width: 1199.98px) {
  .marquee-area2 .marque-object2 {
    display: none;
  }
}
.marquee-area2 .light-marque {
  position: absolute;
  top: -30%;
  right: -60px;
  z-index: 1;
}
@media (max-width: 1199.98px) {
  .marquee-area2 .light-marque {
    display: none;
  }
}
.marquee-area2.style-marquee2 {
  margin: 0 60px;
  background-color: var(--theme-color3);
  border: 1px solid rgba(255, 255, 255, 0.13);
  border-radius: 40px;
  padding-bottom: 190px;
}
@media (max-width: 1699.98px) {
  .marquee-area2.style-marquee2 {
    margin: 0 35px;
  }
}
@media (max-width: 1399.98px) {
  .marquee-area2.style-marquee2 {
    margin: 0 25px;
  }
}
@media (max-width: 1199.98px) {
  .marquee-area2.style-marquee2 {
    margin: 0 15px;
    padding-left: 10px !important;
    padding-right: 10px !important;
  }
}
@media (max-width: 1199.98px) {
  .marquee-area2.style-marquee2 {
    padding-bottom: 120px;
  }
}
.marquee-area2.style-marquee2 .marque-object {
  text-align: center;
  margin-bottom: -190px;
}
@media (max-width: 1199.98px) {
  .marquee-area2.style-marquee2 .marque-object {
    margin-bottom: 0;
  }
}
.marquee-area2.style-marquee2 .marquee-title {
  text-align: center;
  position: relative;
  z-index: 99;
  margin-bottom: 60px;
}
.marquee-area2.style-marquee2 .marquee-title .title {
  font-size: 60px;
  font-weight: 500;
  line-height: 133.333%;
  color: #fff;
  margin-bottom: 40px;
}
@media (max-width: 767.98px) {
  .marquee-area2.style-marquee2 .marquee-title .title {
    font-size: 40px;
  }
}
@media (max-width: 575.98px) {
  .marquee-area2.style-marquee2 .marquee-title .title {
    font-size: 36px;
  }
}
.marquee-area2.style-marquee2 .marquee-section.style-2 {
  background-color: var(--theme-color2);
  position: relative;
  z-index: 81;
}

.marquee-section {
  position: relative;
  background-color: var(--theme-color2);
  padding: 40px 0;
  z-index: 9;
}
.marquee-section.style-2 {
  -webkit-transform: rotate(7.174deg);
          transform: rotate(7.174deg);
  background-color: var(--theme-color1);
  margin-bottom: -135px;
}
@media (max-width: 991.98px) {
  .marquee-section.style-2 {
    margin-bottom: 0;
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
  }
}
.marquee-section.style-2 .marquee-group {
  -webkit-animation: scroll2 var(--duration) linear infinite;
          animation: scroll2 var(--duration) linear infinite;
}
.marquee-section.style-2 .text {
  font-size: 30px;
  font-weight: 500;
  color: #fff;
}
.marquee-section.style-four {
  -webkit-transform: rotate(0deg) !important;
          transform: rotate(0deg) !important;
  margin-bottom: 0;
  padding: 30px 0;
}
.marquee-section.style-four .text {
  font-size: 40px;
  font-weight: 500;
}
.marquee-section.style-3 {
  -webkit-transform: rotate(-5deg);
          transform: rotate(-5deg);
}
@media (max-width: 991.98px) {
  .marquee-section.style-3 {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
  }
}
@media (max-width: 1199.98px) {
  .marquee-section {
    padding: 25px 0;
  }
}

.marquee-two {
  position: relative;
  --duration: 30s;
  --gap: 0px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  overflow: hidden;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  gap: var(--gap);
}
.marquee-two .marquee-group {
  -ms-flex-negative: 0;
      flex-shrink: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -ms-flex-pack: distribute;
      justify-content: space-around;
  gap: var(--gap);
  min-width: 100%;
  -webkit-animation: scroll var(--duration) linear infinite;
          animation: scroll var(--duration) linear infinite;
}
.marquee-two .text {
  font-size: 30px;
  line-height: 1.2;
  color: #fff;
  font-weight: 500;
  margin: 0 40px;
  position: relative;
  font-family: var(--heading-font-family);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 30px;
}
@media (prefers-reduced-motion: reduce) {
  .marquee-two .marquee-group {
    -webkit-animation-play-state: paused;
            animation-play-state: paused;
  }
}

/* Global keyframes — declared only once */
@-webkit-keyframes scroll {
  0% {
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
  100% {
    -webkit-transform: translateX(calc(-100% - var(--gap)));
            transform: translateX(calc(-100% - var(--gap)));
  }
}
@keyframes scroll {
  0% {
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
  100% {
    -webkit-transform: translateX(calc(-100% - var(--gap)));
            transform: translateX(calc(-100% - var(--gap)));
  }
}
@-webkit-keyframes scroll2 {
  0% {
    -webkit-transform: translateX(calc(-100% - var(--gap)));
            transform: translateX(calc(-100% - var(--gap)));
  }
  100% {
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
}
@keyframes scroll2 {
  0% {
    -webkit-transform: translateX(calc(-100% - var(--gap)));
            transform: translateX(calc(-100% - var(--gap)));
  }
  100% {
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
}
.marquee-section-2.marquee-style-2 {
  position: relative;
  z-index: 9;
  margin-top: 45px;
  margin-bottom: 32px;
}
@media (max-width: 1199.98px) {
  .marquee-section-2.marquee-style-2 {
    margin-top: 0;
    margin-bottom: 0;
  }
}
.marquee-section-2.marquee-style-2 .marque-line1 {
  position: absolute;
  left: 0;
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  bottom: 0;
  width: 620px;
  height: 235px;
  border: 1px solid rgba(255, 255, 255, 0.2);
  border-radius: 152px;
  z-index: -1;
}
@media (max-width: 1699.98px) {
  .marquee-section-2.marquee-style-2 .marque-line1 {
    width: 550px;
  }
}
@media (max-width: 1399.98px) {
  .marquee-section-2.marquee-style-2 .marque-line1 {
    width: 500px;
  }
}
@media (max-width: 1199.98px) {
  .marquee-section-2.marquee-style-2 .marque-line1 {
    display: none;
  }
}
.marquee-section-2.marquee-style-2 .marque-line1::before {
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  left: 30px;
  bottom: 0;
  width: 468px;
  content: "";
  height: 235px;
  border: 1px solid rgba(255, 255, 255, 0.2);
  border-radius: 152px;
  z-index: -1;
}
.marquee-section-2.marquee-style-2 .marque-line2 {
  position: absolute;
  left: 50%;
  top: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  bottom: 0;
  width: 666px;
  height: 235px;
  border: 1px solid rgba(255, 255, 255, 0.2);
  border-radius: 152px;
  z-index: -1;
}
@media (max-width: 1699.98px) {
  .marquee-section-2.marquee-style-2 .marque-line2 {
    width: 550px;
  }
}
@media (max-width: 1399.98px) {
  .marquee-section-2.marquee-style-2 .marque-line2 {
    width: 500px;
  }
}
@media (max-width: 1199.98px) {
  .marquee-section-2.marquee-style-2 .marque-line2 {
    display: none;
  }
}
.marquee-section-2.marquee-style-2 .marque-line2::before {
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  left: 100px;
  bottom: 0;
  width: 468px;
  content: "";
  height: 235px;
  border: 1px solid rgba(255, 255, 255, 0.2);
  border-radius: 152px;
  z-index: -1;
}
.marquee-section-2.marquee-style-2 .marque-line3 {
  position: absolute;
  right: 0;
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  bottom: 0;
  width: 620px;
  height: 235px;
  border: 1px solid rgba(255, 255, 255, 0.2);
  border-radius: 152px;
  z-index: -1;
}
@media (max-width: 1699.98px) {
  .marquee-section-2.marquee-style-2 .marque-line3 {
    width: 550px;
  }
}
@media (max-width: 1399.98px) {
  .marquee-section-2.marquee-style-2 .marque-line3 {
    width: 500px;
  }
}
@media (max-width: 1199.98px) {
  .marquee-section-2.marquee-style-2 .marque-line3 {
    display: none;
  }
}
.marquee-section-2.marquee-style-2 .marque-line3::before {
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  left: 100px;
  bottom: 0;
  width: 468px;
  content: "";
  height: 235px;
  border: 1px solid rgba(255, 255, 255, 0.2);
  border-radius: 152px;
  z-index: -1;
}
.marquee-section-2.marquee-style-2 .marquee {
  background: none;
  margin: 0;
  padding: 0;
}
.marquee-section-2 .marquee {
  background: -webkit-gradient(linear, left top, right top, from(rgba(13, 13, 13, 0)), color-stop(36.07%, rgba(136, 255, 42, 0.6)), to(rgba(13, 13, 13, 0)));
  background: linear-gradient(90deg, rgba(13, 13, 13, 0) 0%, rgba(136, 255, 42, 0.6) 36.07%, rgba(13, 13, 13, 0) 100%);
  margin: 0 60px;
  padding: 60px 0;
  position: relative;
  --duration: 30s;
  --gap: 0px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  overflow: hidden;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  gap: 0;
}
@media (max-width: 1699.98px) {
  .marquee-section-2 .marquee {
    margin: 0 35px;
  }
}
@media (max-width: 1399.98px) {
  .marquee-section-2 .marquee {
    margin: 0 25px;
  }
}
@media (max-width: 1199.98px) {
  .marquee-section-2 .marquee {
    margin: 0 15px;
    padding-left: 10px !important;
    padding-right: 10px !important;
  }
}
.marquee-section-2 .marquee .marquee-group {
  -ms-flex-negative: 0;
  flex-shrink: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-pack: distribute;
  justify-content: space-around;
  gap: 24px;
  min-width: 100%;
  -webkit-animation: scroll var(--duration) linear infinite;
  animation: scroll var(--duration) linear infinite;
}
.marquee-section-2 .marquee .marquee-group .text {
  color: #fff;
  font-size: 150px;
  font-weight: 500;
  line-height: 1;
  letter-spacing: -3px;
  text-transform: uppercase;
}
@media (max-width: 1199.98px) {
  .marquee-section-2 .marquee .marquee-group .text {
    font-size: 90px;
  }
}
@media (max-width: 767.98px) {
  .marquee-section-2 .marquee .marquee-group .text {
    font-size: 80px;
  }
}
.marquee-section-2 .marquee .marquee-group .marquee-dot {
  background-color: var(--theme-color1);
  display: inline-block;
  width: 8px;
  height: 8px;
  border-radius: 8px;
}

.testimonial-one {
  border-radius: 40px;
  margin: 0 60px;
  position: relative;
  z-index: 9;
  background-color: var(--theme-color2);
  border: 1px solid rgba(255, 255, 255, 0.13);
}
@media (max-width: 1699.98px) {
  .testimonial-one {
    margin: 0 35px;
  }
}
@media (max-width: 1399.98px) {
  .testimonial-one {
    margin: 0 28px;
  }
}
@media (max-width: 1199.98px) {
  .testimonial-one {
    margin: 0 20px;
  }
}
@media (max-width: 469.98px) {
  .testimonial-one {
    margin: 0 16px;
  }
}
.testimonial-one .testi-counter {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: end;
  gap: 20px;
}
@media (max-width: 469.98px) {
  .testimonial-one .testi-counter {
    -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
  }
}
.testimonial-one .testi-counter .count-box {
  font-size: 80px;
  font-weight: 500;
  color: var(--theme-color1);
  line-height: 1;
}
@media (max-width: 469.98px) {
  .testimonial-one .testi-counter .count-box {
    font-size: 60px;
  }
}
.testimonial-one .testi-counter p {
  font-size: 16px;
  font-weight: 400;
  color: #fff;
  text-transform: capitalize;
}
.testimonial-one .left-content {
  background-color: var(--theme-color-black);
  padding: 84px 60px;
  border: 1px solid rgba(255, 255, 255, 0.13);
  border-radius: 30px;
  margin-top: 30px;
}
@media (max-width: 1199.98px) {
  .testimonial-one .left-content {
    padding: 59px 60px;
  }
}
@media (max-width: 575.98px) {
  .testimonial-one .left-content {
    padding: 50px 30px;
  }
}
.testimonial-one .left-content .circle-box {
  position: relative;
  text-align: center;
}
.testimonial-one .left-content .circle-box .ani-circle {
  -webkit-animation: cir36 10s linear infinite;
          animation: cir36 10s linear infinite;
}
@media (max-width: 469.98px) {
  .testimonial-one .left-content .circle-box .ani-circle {
    width: 100%;
    height: 100%;
  }
}
.testimonial-one .left-content .icon {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
}
.testimonial-one .slider-box {
  position: relative;
}
.testimonial-one .slider-box .array-button {
  position: absolute;
  bottom: 62px;
  right: 80px;
  z-index: 1;
  gap: 10px;
}
@media (max-width: 1199.98px) {
  .testimonial-one .slider-box .array-button {
    right: 35px;
  }
}
@media (max-width: 575.98px) {
  .testimonial-one .slider-box .array-button {
    display: none;
  }
}
.testimonial-one .slider-box .array-button .array-prev, .testimonial-one .slider-box .array-button .array-next {
  border-radius: 10px;
  background-color: var(--theme-color2);
  width: 40px;
  height: 40px;
  line-height: 40px;
  font-size: 14px;
}
.testimonial-one .slider-box .array-button .array-prev:hover, .testimonial-one .slider-box .array-button .array-next:hover {
  background-color: var(--theme-color1);
  color: #fff;
}

.testimonial-block-one .inner-box {
  background-color: var(--theme-color-black);
  padding: 60px 60px;
  border: 1px solid rgba(255, 255, 255, 0.13);
  border-radius: 30px;
  margin-top: 30px;
  padding-top: 53px;
}
@media (max-width: 1399.98px) {
  .testimonial-block-one .inner-box {
    padding: 40px 80px;
  }
}
@media (max-width: 1199.98px) {
  .testimonial-block-one .inner-box {
    padding: 50px 35px;
    padding-top: 35px;
  }
}
.testimonial-block-one .inner-box .star {
  color: var(--theme-color1);
  margin-bottom: 20px;
}
.testimonial-block-one .inner-box .text {
  font-size: 20px;
  line-height: 160%;
  max-width: 710px;
  color: #fff;
  font-style: italic;
}
@media (max-width: 1199.98px) {
  .testimonial-block-one .inner-box .text {
    font-size: 17px;
  }
}
.testimonial-block-one .inner-box .infu {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 20px;
  padding-top: 60px;
}
@media (max-width: 1199.98px) {
  .testimonial-block-one .inner-box .infu {
    padding-top: 30px;
  }
}
@media (max-width: 469.98px) {
  .testimonial-block-one .inner-box .infu {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }
}
.testimonial-block-one .inner-box .infu .image {
  height: 50px;
  width: 50px;
}
.testimonial-block-one .inner-box .infu .image img {
  border-radius: 50%;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
@media (max-width: 469.98px) {
  .testimonial-block-one .inner-box .infu span {
    font-size: 13px;
  }
}
.testimonial-block-one .inner-box .infu .name {
  font-weight: 400;
  font-size: 20px;
}
@media (max-width: 469.98px) {
  .testimonial-block-one .inner-box .infu .name {
    font-size: 16px;
  }
}

.testimonial-wrapper {
  position: relative;
}
.testimonial-wrapper .testi-bg-shape {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: -1;
}
.testimonial-wrapper .testi-bg-shape img {
  height: 100%;
}
.testimonial-wrapper .testi-light-shape-1 {
  position: absolute;
  top: -65%;
  right: -10%;
}
@media (max-width: 1699.98px) {
  .testimonial-wrapper .testi-light-shape-1 {
    display: none;
  }
}
.testimonial-wrapper .testi-shape-1 {
  position: absolute;
  top: -23%;
  right: -3%;
}
@media (max-width: 1699.98px) {
  .testimonial-wrapper .testi-shape-1 {
    display: none;
  }
}

.testimonial-customar-area {
  background-color: rgb(0, 0, 0);
  margin-top: 25px;
  border-radius: 30px;
}
@media (max-width: 1199.98px) {
  .testimonial-customar-area {
    padding: 30px;
  }
}
.testimonial-customar-area .customar-content {
  background-color: rgb(13, 13, 13);
  padding: 40px 72px;
  border-radius: 30px;
}
@media (max-width: 1399.98px) {
  .testimonial-customar-area .customar-content {
    padding: 40px 50px;
  }
}
@media (max-width: 575.98px) {
  .testimonial-customar-area .customar-content {
    padding: 40px 22px;
  }
}
.testimonial-customar-area .customar-content .customar-title {
  font-size: 24px;
  font-weight: 500;
}
@media (max-width: 575.98px) {
  .testimonial-customar-area .customar-content .customar-title {
    font-size: 20px;
  }
}
@media (max-width: 469.98px) {
  .testimonial-customar-area .customar-content .customar-title {
    font-size: 18px;
  }
}
.testimonial-customar-area .customar-content .customar-title span {
  color: var(--theme-color1);
}
.testimonial-customar-area .customar-right-content {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 70px;
  margin-left: 60px;
}
@media (max-width: 1399.98px) {
  .testimonial-customar-area .customar-right-content {
    margin-left: 0;
    gap: 40px;
  }
}
@media (max-width: 1199.98px) {
  .testimonial-customar-area .customar-right-content {
    margin-top: 30px;
  }
}
@media (max-width: 767.98px) {
  .testimonial-customar-area .customar-right-content {
    display: -ms-grid;
    display: grid;
  }
}
.testimonial-customar-area .customar-right-content .capterra-area {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 20px;
}
@media (max-width: 469.98px) {
  .testimonial-customar-area .customar-right-content .capterra-area {
    display: inline-block;
    margin-top: 20px;
  }
}
.testimonial-customar-area .customar-right-content .capterra-area .icon {
  width: 60px;
  height: 60px;
  line-height: 60px;
  background: rgba(255, 255, 255, 0.13);
  border: 1px solid #000047;
  border-radius: 50%;
  text-align: center;
}
@media (max-width: 469.98px) {
  .testimonial-customar-area .customar-right-content .capterra-area .icon {
    margin-bottom: 15px;
  }
}
.testimonial-customar-area .customar-right-content .capterra-area .content .title {
  font-weight: 500;
}
@media (max-width: 1199.98px) {
  .testimonial-customar-area .customar-right-content .capterra-area .content .title {
    text-align: left;
  }
}
.testimonial-customar-area .customar-right-content .capterra-area .content .text {
  color: #fff;
  margin-top: 7px;
}
.testimonial-customar-area .customar-right-content .line {
  height: 60px;
  width: 1px;
  background: rgba(255, 255, 255, 0.2);
}
@media (max-width: 767.98px) {
  .testimonial-customar-area .customar-right-content .line {
    display: none;
  }
}
.testimonial-customar-area .customar-right-content .google-area {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 20px;
}
@media (max-width: 469.98px) {
  .testimonial-customar-area .customar-right-content .google-area {
    display: inline-block;
    margin-top: 20px;
  }
}
.testimonial-customar-area .customar-right-content .google-area .icon {
  width: 60px;
  height: 60px;
  line-height: 60px;
  background: rgba(255, 255, 255, 0.13);
  border: 1px solid #000047;
  border-radius: 50%;
  text-align: center;
}
@media (max-width: 469.98px) {
  .testimonial-customar-area .customar-right-content .google-area .icon {
    margin-bottom: 15px;
  }
}
.testimonial-customar-area .customar-right-content .google-area .content .title {
  font-weight: 500;
}
@media (max-width: 767.98px) {
  .testimonial-customar-area .customar-right-content .google-area .content .title {
    text-align: left;
  }
}
.testimonial-customar-area .customar-right-content .google-area .content .text {
  color: #fff;
  margin-top: 7px;
}

.testimonial-inner-2 {
  border-radius: 40px;
  margin: 0 60px;
  position: relative;
  z-index: 9;
  border: 1px solid rgba(255, 255, 255, 0.14);
}
@media (max-width: 1699.98px) {
  .testimonial-inner-2 {
    margin: 0 35px;
  }
}
@media (max-width: 1399.98px) {
  .testimonial-inner-2 {
    margin: 0 28px;
  }
}
@media (max-width: 1199.98px) {
  .testimonial-inner-2 {
    margin: 0 20px;
  }
}
@media (max-width: 469.98px) {
  .testimonial-inner-2 {
    margin: 0 16px;
  }
}
.testimonial-inner-2 .array-prev, .testimonial-inner-2 .array-next {
  width: 60px;
  height: 60px;
  line-height: 60px;
  text-align: center;
  border-radius: 50%;
  background-color: var(--theme-color3);
  color: var(--theme-color1);
  display: inline-block;
  -webkit-transition: all 0.4s ease-in-out;
  transition: all 0.4s ease-in-out;
  position: relative;
  top: -35px;
}
.testimonial-inner-2 .array-prev:hover, .testimonial-inner-2 .array-next:hover {
  background-color: var(--theme-color1);
  color: #fff;
}

.testimonial-block-two .inner-box {
  margin-top: 30px;
}
.testimonial-block-two .inner-box .quote-icon {
  text-align: center;
  margin-bottom: 35px;
}
.testimonial-block-two .inner-box .text {
  font-size: 20px;
  font-weight: 500;
  line-height: 180%;
  letter-spacing: -0.03em;
  color: #fff;
  text-align: center;
  max-width: 890px;
  margin: 0 auto;
}
@media (max-width: 1199.98px) {
  .testimonial-block-two .inner-box .text {
    font-size: 18px;
  }
}
@media (max-width: 767.98px) {
  .testimonial-block-two .inner-box .text {
    font-size: 17px;
  }
}
@media (max-width: 575.98px) {
  .testimonial-block-two .inner-box .text {
    font-size: 16px;
  }
}
@media (max-width: 469.98px) {
  .testimonial-block-two .inner-box .text {
    font-size: 15px;
  }
}
.testimonial-block-two .inner-box .author-info {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 20px;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  margin-top: 50px;
}
@media (max-width: 767.98px) {
  .testimonial-block-two .inner-box .author-info {
    margin-top: 30px;
  }
}
.testimonial-block-two .inner-box .author-info .thumb img {
  width: 60px;
  height: 60px;
  border-radius: 50%;
}
.testimonial-block-two .inner-box .author-info .info .name {
  font-size: 24px;
  font-weight: 500;
}
@media (max-width: 991.98px) {
  .testimonial-block-two .inner-box .author-info .info .name {
    font-size: 19px;
  }
}
.testimonial-block-two .inner-box .author-info .info .designation {
  font-size: 16px;
  font-weight: 400;
  color: #fff;
}
@media (max-width: 469.98px) {
  .testimonial-block-two .inner-box .author-info .info .designation {
    font-size: 13px;
  }
}

.testimonial-section-3 .client-top-items {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 25px;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: end;
}
.testimonial-section-3 .client-top-items .client-image {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 0;
}
.testimonial-section-3 .client-top-items .client-image img {
  width: 58px;
  height: 58px;
  border-radius: 50%;
  border: 2px solid rgb(0, 0, 0);
  margin-right: -12px;
}
.testimonial-section-3 .client-top-items .text {
  color: var(--theme-color-white);
  font-size: 18px;
}

.testimonial-block-three .inner-box {
  margin-top: 30px;
  background-color: var(--theme-color-black);
  border-radius: 40px;
  padding: 60px;
}
@media (max-width: 1199.98px) {
  .testimonial-block-three .inner-box {
    padding: 40px;
  }
}
@media (max-width: 991.98px) {
  .testimonial-block-three .inner-box {
    padding: 40px 35px;
  }
}
@media (max-width: 767.98px) {
  .testimonial-block-three .inner-box {
    padding: 35px 30px;
  }
}
@media (max-width: 575.98px) {
  .testimonial-block-three .inner-box {
    padding: 32px 25px;
  }
}
.testimonial-block-three .inner-box .quote-icon {
  margin-bottom: 30px;
}
.testimonial-block-three .inner-box .text {
  font-size: 20px;
  font-weight: 400;
  line-height: 180%;
}
@media (max-width: 1199.98px) {
  .testimonial-block-three .inner-box .text {
    font-size: 19px;
  }
}
@media (max-width: 575.98px) {
  .testimonial-block-three .inner-box .text {
    font-size: 18px;
  }
}
@media (max-width: 469.98px) {
  .testimonial-block-three .inner-box .text {
    font-size: 17px;
  }
}
.testimonial-block-three .inner-box .infu {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 20px;
  padding-top: 40px;
}
@media (max-width: 1199.98px) {
  .testimonial-block-three .inner-box .infu {
    padding-top: 30px;
  }
}
.testimonial-block-three .inner-box .infu .image {
  height: 50px;
  width: 50px;
}
.testimonial-block-three .inner-box .infu .image img {
  border-radius: 50%;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
@media (max-width: 469.98px) {
  .testimonial-block-three .inner-box .infu span {
    font-size: 13px;
  }
}
.testimonial-block-three .inner-box .infu .name {
  font-weight: 400;
  font-size: 20px;
}
@media (max-width: 469.98px) {
  .testimonial-block-three .inner-box .infu .name {
    font-size: 16px;
  }
}

.testimonial-section-3 {
  position: relative;
}
.testimonial-section-3 .testimonial-light1 {
  position: absolute;
  left: 0;
  z-index: 999;
  top: 58%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
}
@media (max-width: 1199.98px) {
  .testimonial-section-3 .testimonial-light1 {
    display: none;
  }
}
.testimonial-section-3 .testimonial-light2 {
  position: absolute;
  right: 0;
  z-index: 999;
  top: 58%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
}
@media (max-width: 1199.98px) {
  .testimonial-section-3 .testimonial-light2 {
    display: none;
  }
}

.testimonial-inner-4 {
  border-radius: 40px;
  margin: 0 60px;
  position: relative;
  z-index: 9;
}
.testimonial-inner-4 .testi-vec {
  position: absolute;
  top: -5%;
  left: -3%;
}
@media (max-width: 1699.98px) {
  .testimonial-inner-4 {
    margin: 0 35px;
  }
}
@media (max-width: 1399.98px) {
  .testimonial-inner-4 {
    margin: 0 28px;
  }
}
@media (max-width: 1199.98px) {
  .testimonial-inner-4 {
    margin: 0 20px;
  }
}
@media (max-width: 469.98px) {
  .testimonial-inner-4 {
    margin: 0 16px;
  }
}

.testimonial-image-block4 {
  border-radius: 40px;
  max-width: 485px;
}
.testimonial-image-block4 img {
  width: 100%;
  height: 100%;
  border-radius: 40px;
}

.testimonial-block-four {
  position: relative;
}
.testimonial-block-four .inner-box {
  margin-top: 40px;
}
@media (max-width: 1399.98px) {
  .testimonial-block-four .inner-box {
    margin-top: 30px;
  }
}
@media (max-width: 1199.98px) {
  .testimonial-block-four .inner-box {
    margin-top: 18px;
  }
}
.testimonial-block-four .inner-box .text {
  font-size: 24px;
  line-height: 175%;
}
@media (max-width: 1399.98px) {
  .testimonial-block-four .inner-box .text {
    font-size: 20px;
  }
}
@media (max-width: 1199.98px) {
  .testimonial-block-four .inner-box .text {
    font-size: 17px;
    line-height: 162%;
  }
}
@media (max-width: 469.98px) {
  .testimonial-block-four .inner-box .text {
    font-size: 15px;
    line-height: 172%;
  }
}
.testimonial-block-four .inner-box .clinet-info {
  border-top: 1px solid rgba(255, 255, 255, 0.1);
  margin-top: 50px;
  padding-top: 50px;
}
@media (max-width: 1399.98px) {
  .testimonial-block-four .inner-box .clinet-info {
    margin-top: 35px;
    padding-top: 35px;
  }
}
@media (max-width: 1199.98px) {
  .testimonial-block-four .inner-box .clinet-info {
    margin-top: 25px;
    padding-top: 25px;
  }
}
.testimonial-block-four .array-button {
  position: absolute;
  right: 0;
  bottom: 0;
  z-index: 99;
}
@media (max-width: 469.98px) {
  .testimonial-block-four .array-button {
    position: static;
    margin-top: 20px;
  }
}
.testimonial-block-four .array-button .array-next, .testimonial-block-four .array-button .array-prev {
  border: 1px solid rgba(255, 255, 255, 0.06);
  color: #fff;
}

.tetsimonial-section-4 {
  position: relative;
}
.tetsimonial-section-4 .testimonial-light {
  position: absolute;
  right: 0;
  top: -60%;
}

.pricing-block {
  margin-top: 45px;
  -webkit-transition: all 0.4s ease-in-out;
  transition: all 0.4s ease-in-out;
}
@media (max-width: 991.98px) {
  .pricing-block {
    margin-top: 30px;
  }
}
.pricing-block .inner-box {
  background-color: var(--theme-color-black);
  border: 1px solid rgba(255, 255, 255, 0.13);
  padding: 10px;
  border-radius: 40px;
  padding-bottom: 50px;
}
@media (max-width: 1199.98px) {
  .pricing-block .inner-box {
    font-size: 14px;
    padding-bottom: 30px;
  }
}
.pricing-block .inner-box .pricing-header {
  background-color: var(--theme-color3);
  padding: 40px;
  border-radius: 30px;
  position: relative;
  padding-top: 35px;
  padding-bottom: 30px;
}
@media (max-width: 1399.98px) {
  .pricing-block .inner-box .pricing-header {
    padding: 28px;
  }
}
.pricing-block .inner-box .pricing-header .pricing-flower {
  position: absolute;
  top: 40px;
  right: 40px;
}
.pricing-block .inner-box .pricing-header .sub-title {
  font-size: 18px;
  font-weight: 400;
  color: var(--theme-color1);
  display: inline-block;
  margin-bottom: 20px;
}
@media (max-width: 1199.98px) {
  .pricing-block .inner-box .pricing-header .sub-title {
    font-size: 16px;
  }
}
.pricing-block .inner-box .pricing-header .price {
  font-weight: 400;
  font-size: 65px;
  color: #fff;
  line-height: 1;
}
@media (max-width: 1199.98px) {
  .pricing-block .inner-box .pricing-header .price {
    font-size: 50px;
  }
}
.pricing-block .inner-box .pricing-header .price sup {
  top: 0;
  color: var(--theme-color1);
  font-size: 24px;
  font-weight: 400;
  margin-right: -10px;
}
.pricing-block .inner-box .pricing-header .price sub {
  font-size: 18px;
  font-weight: 400;
  color: #fff;
  bottom: 0;
  right: 15px;
}
@media (max-width: 1199.98px) {
  .pricing-block .inner-box .pricing-header .price sub {
    font-size: 16px;
  }
}
.pricing-block .inner-box .pricing-list {
  padding: 50px 40px;
}
@media (max-width: 1399.98px) {
  .pricing-block .inner-box .pricing-list {
    padding: 30px 28px;
  }
}
.pricing-block .inner-box .pricing-list li {
  font-size: 16px;
  font-weight: 400;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 15px;
  color: #fff;
}
@media (max-width: 1399.98px) {
  .pricing-block .inner-box .pricing-list li {
    font-size: 15px;
  }
}
@media (max-width: 1199.98px) {
  .pricing-block .inner-box .pricing-list li {
    font-size: 14px;
  }
}
.pricing-block .inner-box .pricing-list li:not(:last-child) {
  margin-bottom: 7px;
}
@media (max-width: 1199.98px) {
  .pricing-block .inner-box .pricing-list li:not(:last-child) {
    margin-bottom: 10px;
  }
}
.pricing-block .inner-box .pricing-button {
  padding: 0 40px;
}
@media (max-width: 1399.98px) {
  .pricing-block .inner-box .pricing-button {
    padding: 0 28px;
  }
}
.pricing-block .inner-box .pricing-btn {
  display: inline-block;
  font-size: 16px;
  font-weight: 500;
  background-color: var(--theme-color2);
  width: 100%;
  text-align: center;
  color: #fff;
  border-radius: 40px;
  height: 56px;
  line-height: 56px;
}
.pricing-block .inner-box:hover .pricing-btn {
  background-color: var(--theme-color1);
}
.pricing-block .inner-box:hover .pricing-flower {
  -webkit-animation: spin 15s linear infinite;
          animation: spin 15s linear infinite;
}
.pricing-block.style-2 {
  position: relative;
  z-index: 9;
}
@media (max-width: 767.98px) {
  .pricing-block.style-2 {
    margin-top: 80px;
  }
}
.pricing-block.style-2::before {
  background-color: var(--theme-color1);
  border-radius: 40px 40px 0 0;
  content: "";
  height: 110px;
  left: 0;
  position: absolute;
  right: 0;
  top: -50px;
  width: 100%;
  z-index: -1;
}
.pricing-block.style-2 .recommend {
  font-size: 20px;
  font-weight: 500;
  color: #fff;
  text-align: center;
  left: 0;
  position: absolute;
  right: 0;
  top: -43px;
  width: 100%;
  z-index: -1;
}
.pricing-block:hover {
  -webkit-transform: translateY(-10px);
          transform: translateY(-10px);
}

.pricing-section-2 .sec-title {
  margin-bottom: 60px;
}
@media (max-width: 767.98px) {
  .pricing-section-2 .sec-title {
    margin-bottom: 30px;
  }
}
@media (max-width: 469.98px) {
  .pricing-section-2 .sec-title {
    margin-bottom: 15px;
  }
}

.project-section {
  margin: 0 60px;
  position: relative;
}
.project-section .light-shape {
  position: absolute;
  right: -60px;
  top: -40%;
}
@media (max-width: 1199.98px) {
  .project-section .light-shape {
    display: none;
  }
}
@media (max-width: 1699.98px) {
  .project-section {
    margin: 0 35px;
  }
}
@media (max-width: 1399.98px) {
  .project-section {
    margin: 0 28px;
  }
}
@media (max-width: 1199.98px) {
  .project-section {
    margin: 0 20px;
  }
}
@media (max-width: 469.98px) {
  .project-section {
    margin: 0 16px;
  }
}

.project-block .inner-block {
  margin-top: 30px;
}
.project-block .inner-block .image-block {
  border-radius: 30px;
  position: relative;
  overflow: hidden;
}
.project-block .inner-block .image-block .arrow-icon {
  display: inline-block;
  width: 80px;
  height: 80px;
  line-height: 80px;
  text-align: center;
  background-color: var(--theme-color1);
  border-radius: 50%;
  font-size: 20px;
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%) scale(0.5);
          transform: translate(-50%, -50%) scale(0.5);
  opacity: 0;
  visibility: hidden;
  z-index: 1;
  -webkit-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
}
.project-block .inner-block .image-block .arrow-icon:hover {
  background-color: #fff;
}
.project-block .inner-block .image-block .hover-img {
  width: 100%;
  height: 100%;
  border-radius: 30px;
  display: block;
  -o-object-fit: cover;
     object-fit: cover;
  -webkit-transition: all 500ms ease;
  transition: all 500ms ease;
}
.project-block .inner-block .image-block .hover-img:first-child {
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  z-index: 1;
  -webkit-transform: translateX(50%) scaleX(2);
  transform: translate(50%) scaleX(2);
  opacity: 0;
  -webkit-filter: blur(10px);
  filter: blur(10px);
}
.project-block .inner-block .content-block {
  margin-top: 20px;
}
.project-block .inner-block .content-block .title {
  font-size: 30px;
  font-weight: 500;
}
@media (max-width: 1699.98px) {
  .project-block .inner-block .content-block .title {
    font-size: 26px;
  }
}
@media (max-width: 1199.98px) {
  .project-block .inner-block .content-block .title {
    font-size: 25px;
  }
}
@media (max-width: 991.98px) {
  .project-block .inner-block .content-block .title {
    font-size: 24px;
  }
}
@media (max-width: 575.98px) {
  .project-block .inner-block .content-block .title {
    font-size: 20px;
  }
}
.project-block .inner-block .content-block .title a {
  background-position: 0 95%;
  background-repeat: no-repeat;
  background-size: 0% 2px;
  display: inline;
}
.project-block .inner-block .content-block .title a:hover {
  color: var(--theme-color1);
  background-size: 100% 2px;
  background-image: -webkit-gradient(linear, left top, left bottom, from(var(--theme-color1)), to(var(--theme-color1)));
  background-image: linear-gradient(180deg, var(--theme-color1) 0%, var(--theme-color1) 100%);
}
.project-block .inner-block .content-block ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 10px;
  margin-top: 10px;
}
.project-block .inner-block .content-block ul li {
  color: #7A7A7A;
}
.project-block .inner-block .content-block ul .dot {
  width: 5px;
  height: 5px;
  border-radius: 5px;
  background-color: var(--theme-color1);
  display: inline-block;
}
.project-block .inner-block:hover .image-block .hover-img:first-child {
  -webkit-transform: translateX(0) scaleX(1);
  transform: translate(0) scaleX(1);
  opacity: 1;
  -webkit-filter: blur(0);
  filter: blur(0);
}
.project-block .inner-block:hover .image-block .hover-img:nth-child(2) {
  -webkit-transform: translateX(-50%) scaleX(2);
  transform: translateX(-50%) scaleX(2);
  opacity: 0;
  -webkit-filter: blur(10px);
  filter: blur(10px);
}
.project-block .inner-block:hover .image-block .arrow-icon {
  opacity: 1;
  visibility: visible;
  -webkit-transform: translate(-50%, -50%) scale(1);
          transform: translate(-50%, -50%) scale(1);
}

.project-block-two .inner-block {
  margin-top: 60px;
  position: relative;
  z-index: 99;
}
@media (max-width: 991.98px) {
  .project-block-two .inner-block {
    margin-top: 30px;
  }
}
.project-block-two .inner-block .image-block {
  overflow: hidden;
  border-radius: 40px;
  position: relative;
}
@media (max-width: 991.98px) {
  .project-block-two .inner-block .image-block {
    height: 450px;
  }
}
.project-block-two .inner-block .image-block::before {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  height: 100%;
  width: 100%;
  content: "";
  background: -webkit-gradient(linear, left bottom, left top, color-stop(-4.45%, #0D0D0D), color-stop(39.86%, rgba(0, 0, 0, 0)));
  background: linear-gradient(360deg, #0D0D0D -4.45%, rgba(0, 0, 0, 0) 39.86%);
  z-index: 11;
  border-radius: 40px;
}
.project-block-two .inner-block .image-block img {
  width: 100%;
  height: 100%;
  border-radius: 40px;
  -webkit-transform: scale(1);
  transform: scale(1);
  -o-object-fit: cover;
     object-fit: cover;
  -webkit-transition: all 1s;
  transition: all 1s;
}
.project-block-two .inner-block .content-block {
  position: absolute;
  bottom: 60px;
  left: 60px;
  right: 60px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  z-index: 99;
}
@media (max-width: 1199.98px) {
  .project-block-two .inner-block .content-block {
    left: 25px;
    right: 25px;
    bottom: 25px;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    gap: 10px;
  }
}
.project-block-two .inner-block .content-block .title {
  font-size: 30px;
  font-weight: 500;
}
@media (max-width: 1399.98px) {
  .project-block-two .inner-block .content-block .title {
    font-size: 27px;
  }
}
@media (max-width: 767.98px) {
  .project-block-two .inner-block .content-block .title {
    font-size: 25px;
  }
}
@media (max-width: 575.98px) {
  .project-block-two .inner-block .content-block .title {
    font-size: 22px;
  }
}
.project-block-two .inner-block .content-block .title a {
  background-position: 0 95%;
  background-repeat: no-repeat;
  background-size: 0% 2px;
  display: inline;
}
.project-block-two .inner-block .content-block .title a:hover {
  color: var(--theme-color1);
  background-size: 100% 2px;
  background-image: -webkit-gradient(linear, left top, left bottom, from(var(--theme-color1)), to(var(--theme-color1)));
  background-image: linear-gradient(180deg, var(--theme-color1) 0%, var(--theme-color1) 100%);
}
.project-block-two .inner-block .content-block .tag-items {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 10px;
  margin-top: 10px;
}
.project-block-two .inner-block .content-block .tag-items .tag-text {
  color: #fff;
  font-size: 16px;
  font-weight: 400;
}
.project-block-two .inner-block .content-block .tag-items .tag-text:hover {
  color: var(--theme-color1);
}
.project-block-two .inner-block .content-block .tag-items .dot {
  width: 5px;
  height: 5px;
  border-radius: 5px;
  background-color: var(--theme-color1);
  display: inline-block;
}
.project-block-two .inner-block:hover .image-block img {
  -webkit-transform: scale(1.2);
          transform: scale(1.2);
}

.project-section-2 {
  position: relative;
  z-index: 9;
}

.project-section-3 {
  position: relative;
}
@media (max-width: 991.98px) {
  .project-section-3 {
    padding-top: 0 !important;
  }
}
.project-section-3 .project-light {
  position: absolute;
  top: -15%;
  right: 0;
}
.project-section-3 .container {
  max-width: 1592px;
}
.project-section-3 .sec-title {
  margin-left: 135px;
}
@media (max-width: 1399.98px) {
  .project-section-3 .sec-title {
    margin-left: 0;
  }
}

.project-block-three .inner-block {
  margin-top: 60px;
  position: relative;
  z-index: 99;
}
@media (max-width: 991.98px) {
  .project-block-three .inner-block {
    margin-top: 30px;
  }
}
.project-block-three .inner-block .image-block {
  overflow: hidden;
  border-radius: 12px;
  position: relative;
}
.project-block-three .inner-block .image-block img {
  width: 100%;
  height: 100%;
  border-radius: 12px;
  display: block;
  -o-object-fit: cover;
     object-fit: cover;
  -webkit-transition: all 500ms ease;
  transition: all 500ms ease;
}
.project-block-three .inner-block .image-block img:first-child {
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  z-index: 1;
  -webkit-transform: translateX(50%) scaleX(2);
  transform: translate(50%) scaleX(2);
  opacity: 0;
  -webkit-filter: blur(10px);
  filter: blur(10px);
}
.project-block-three .inner-block .image-block .tag-items {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 10px;
  position: absolute;
  bottom: -150px;
  left: 50px;
  right: 50px;
  z-index: 9;
  opacity: 0;
  visibility: hidden;
  -webkit-transition: all 0.4s ease-in-out;
  transition: all 0.4s ease-in-out;
}
@media (max-width: 1199.98px) {
  .project-block-three .inner-block .image-block .tag-items {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    right: 20px;
    left: 20px;
  }
}
.project-block-three .inner-block .image-block .tag-items a {
  display: inline-block;
  font-size: 14px;
  color: #fff;
  background-color: rgba(255, 255, 255, 0.2);
  height: 40px;
  line-height: 40px;
  border-radius: 40px;
  padding: 0 20px;
}
.project-block-three .inner-block .image-block .tag-items a:hover {
  background-color: var(--theme-color1);
}
.project-block-three .inner-block .content-block {
  margin-top: 30px;
}
.project-block-three .inner-block .content-block .text {
  font-size: 18px;
  font-weight: 400;
  color: #fff;
  margin-bottom: 10px;
}
@media (max-width: 1199.98px) {
  .project-block-three .inner-block .content-block .text {
    font-size: 15px;
  }
}
.project-block-three .inner-block .content-block .title {
  font-size: 30px;
  font-weight: 500;
}
@media (max-width: 1399.98px) {
  .project-block-three .inner-block .content-block .title {
    font-size: 27px;
  }
}
@media (max-width: 1199.98px) {
  .project-block-three .inner-block .content-block .title {
    font-size: 24px;
  }
}
@media (max-width: 767.98px) {
  .project-block-three .inner-block .content-block .title {
    font-size: 22px;
  }
}
@media (max-width: 575.98px) {
  .project-block-three .inner-block .content-block .title {
    font-size: 19px;
  }
}
.project-block-three .inner-block .content-block .title a {
  background-position: 0 95%;
  background-repeat: no-repeat;
  background-size: 0% 2px;
  display: inline;
}
.project-block-three .inner-block .content-block .title a:hover {
  color: var(--theme-color1);
  background-size: 100% 2px;
  background-image: -webkit-gradient(linear, left top, left bottom, from(var(--theme-color1)), to(var(--theme-color1)));
  background-image: linear-gradient(180deg, var(--theme-color1) 0%, var(--theme-color1) 100%);
}
.project-block-three .inner-block .content-block .tag-items {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 10px;
  margin-top: 10px;
}
.project-block-three .inner-block .content-block .tag-items .tag-text {
  color: #fff;
  font-size: 16px;
  font-weight: 400;
}
.project-block-three .inner-block .content-block .tag-items .tag-text:hover {
  color: var(--theme-color1);
}
.project-block-three .inner-block .content-block .tag-items .dot {
  width: 5px;
  height: 5px;
  border-radius: 5px;
  background-color: var(--theme-color1);
  display: inline-block;
}
.project-block-three .inner-block:hover .image-block img:first-child {
  -webkit-transform: translateX(0) scaleX(1);
  transform: translate(0) scaleX(1);
  opacity: 1;
  -webkit-filter: blur(0);
  filter: blur(0);
}
.project-block-three .inner-block:hover .image-block img:nth-child(2) {
  -webkit-transform: translateX(-50%) scaleX(2);
  transform: translateX(-50%) scaleX(2);
  opacity: 0;
  -webkit-filter: blur(10px);
  filter: blur(10px);
}
.project-block-three .inner-block:hover .image-block .tag-items {
  opacity: 1;
  visibility: visible;
  bottom: 50px;
}
@media (max-width: 1199.98px) {
  .project-block-three .inner-block:hover .image-block .tag-items {
    bottom: 20px;
  }
}
.project-block-three .inner-block.style-height-2 {
  margin-top: 95px;
}
@media (max-width: 991.98px) {
  .project-block-three .inner-block.style-height-2 {
    margin-top: 30px;
  }
}
.project-block-three .inner-block.top-margin-none {
  margin-top: 0;
}
.project-block-three .project-btn {
  display: inline-block;
  width: 170px;
  height: 170px;
  font-size: 16px;
  font-weight: 500;
  background: transparent;
  text-align: center;
  border-radius: 50%;
  text-transform: capitalize;
  padding-top: 50px;
  position: relative;
  overflow: hidden;
  z-index: 9;
  border: 1px solid rgba(255, 255, 255, 0.2);
  color: #fff;
  margin-top: 80px;
}
@media (max-width: 991.98px) {
  .project-block-three .project-btn {
    margin-top: 30px;
  }
}
.project-block-three .project-btn::before {
  position: absolute;
  bottom: 0;
  right: 0;
  content: "";
  width: 50px;
  height: 50px;
  background-color: var(--theme-color1);
  border-radius: 50%;
  -webkit-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
  z-index: -1;
}
.project-block-three .project-btn span {
  display: block;
  margin-top: 8px;
}
.project-block-three .project-btn:hover::before {
  width: 100%;
  height: 100%;
}

.project-block-four .inner-block {
  margin-top: 30px;
  position: relative;
  overflow: hidden;
}
.project-block-four .inner-block .image-block {
  overflow: hidden;
  border-radius: 30px;
  position: relative;
}
.project-block-four .inner-block .image-block img {
  width: 100%;
  height: 100%;
  border-radius: 30px;
  display: block;
  -o-object-fit: cover;
     object-fit: cover;
  -webkit-transition: all 500ms ease;
  transition: all 500ms ease;
}
.project-block-four .inner-block .image-block img:first-child {
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  z-index: 1;
  -webkit-transform: translateX(50%) scaleX(2);
  transform: translate(50%) scaleX(2);
  opacity: 0;
  -webkit-filter: blur(10px);
  filter: blur(10px);
}
.project-block-four .inner-block .content-block {
  position: absolute;
  top: 0;
  left: 0;
  pointer-events: none;
  -webkit-transition: -webkit-transform 0.15s ease-out;
  transition: -webkit-transform 0.15s ease-out;
  transition: transform 0.15s ease-out;
  transition: transform 0.15s ease-out, -webkit-transform 0.15s ease-out;
  z-index: 99;
  opacity: 0;
  visibility: hidden;
}
.project-block-four .inner-block .content-block .title {
  background-color: var(--theme-color1);
  padding: 0 20px;
  line-height: 1;
  height: 55px;
  line-height: 55px;
}
.project-block-four .inner-block .content-block .title a {
  color: #fff;
  pointer-events: auto;
  display: inline-block;
}
.project-block-four .inner-block .content-block .text {
  font-size: 14px;
  font-weight: 70;
  color: #fff;
  background-color: var(--theme-color-black);
  height: 44px;
  line-height: 44px;
  padding: 0 20px;
  display: inline-block;
}
.project-block-four .inner-block:hover .image-block img:first-child {
  -webkit-transform: translateX(0) scaleX(1);
  transform: translate(0) scaleX(1);
  opacity: 1;
  -webkit-filter: blur(0);
  filter: blur(0);
}
.project-block-four .inner-block:hover .image-block img:nth-child(2) {
  -webkit-transform: translateX(-50%) scaleX(2);
  transform: translateX(-50%) scaleX(2);
  opacity: 0;
  -webkit-filter: blur(10px);
  filter: blur(10px);
}
.project-block-four .inner-block:hover .content-block {
  opacity: 1;
  visibility: visible;
}

.project-section-4 {
  position: relative;
  z-index: 9;
}
.project-section-4 .project-light {
  position: absolute;
  left: 0;
  bottom: 20%;
  z-index: -1;
}
.project-section-4 .project-btn {
  display: inline-block;
  width: 170px;
  height: 170px;
  font-size: 16px;
  font-weight: 500;
  background: transparent;
  text-align: center;
  border-radius: 50%;
  text-transform: capitalize;
  padding-top: 50px;
  position: relative;
  overflow: hidden;
  z-index: 9;
  border: 1px solid rgba(255, 255, 255, 0.2);
  color: #fff;
  margin-top: 80px;
}
@media (max-width: 991.98px) {
  .project-section-4 .project-btn {
    margin-top: 30px;
  }
}
.project-section-4 .project-btn::before {
  position: absolute;
  bottom: 0;
  right: 0;
  content: "";
  width: 50px;
  height: 50px;
  background-color: var(--theme-color1);
  border-radius: 50%;
  -webkit-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
  z-index: -1;
}
.project-section-4 .project-btn span {
  display: block;
  margin-top: 8px;
}
.project-section-4 .project-btn:hover::before {
  width: 100%;
  height: 100%;
}

.team-section {
  margin: 0 60px;
  border-radius: 40px;
  border: 1px solid rgba(255, 255, 255, 0.13);
  position: relative;
}
.team-section .light-shape {
  position: absolute;
  top: -41%;
  right: -110px;
}
@media (max-width: 1399.98px) {
  .team-section .light-shape {
    display: none;
  }
}
.team-section .team-shape {
  position: absolute;
  top: -15%;
  right: -110px;
}
@media (max-width: 1399.98px) {
  .team-section .team-shape {
    display: none;
  }
}
@media (max-width: 1699.98px) {
  .team-section {
    margin: 0 35px;
  }
}
@media (max-width: 1399.98px) {
  .team-section {
    margin: 0 28px;
  }
}
@media (max-width: 1199.98px) {
  .team-section {
    margin: 0 20px;
  }
}
@media (max-width: 469.98px) {
  .team-section {
    margin: 0 16px;
  }
}

.team-block .inner-block {
  margin-top: 30px;
  position: relative;
  overflow: hidden;
  border-radius: 30px;
}
.team-block .inner-block .image-block {
  position: relative;
  z-index: 99;
  -webkit-transition: all 0.4s ease-in-out;
  transition: all 0.4s ease-in-out;
  overflow: hidden;
}
.team-block .inner-block .image-block::before {
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  width: 100%;
  height: 100%;
  content: "";
  position: absolute;
  background: -webkit-gradient(linear, left bottom, left top, color-stop(11.41%, #000000), to(rgba(0, 0, 0, 0)));
  background: linear-gradient(360deg, #000000 11.41%, rgba(0, 0, 0, 0) 100%);
  z-index: 1;
  border-radius: 30px;
  -webkit-transition: all 0.4s ease-in-out;
  transition: all 0.4s ease-in-out;
}
.team-block .inner-block .image-block img {
  width: 100%;
  height: 100%;
  border-radius: 30px;
  display: block;
  -o-object-fit: cover;
     object-fit: cover;
  -webkit-transition: all 500ms ease;
  transition: all 500ms ease;
}
.team-block .inner-block .image-block img:first-child {
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  z-index: 1;
  -webkit-transform: translateX(50%) scaleX(2);
  transform: translate(50%) scaleX(2);
  opacity: 0;
  -webkit-filter: blur(10px);
  filter: blur(10px);
}
.team-block .inner-block .content-block {
  position: absolute;
  z-index: 99;
  bottom: 30px;
  left: 40px;
  -webkit-transform: translateY(58px);
          transform: translateY(58px);
  -webkit-transition: all 0.4s ease-in-out;
  transition: all 0.4s ease-in-out;
}
.team-block .inner-block .content-block .title {
  font-size: 24px;
  font-weight: 500;
}
.team-block .inner-block .content-block .title a {
  background-position: 0 95%;
  background-repeat: no-repeat;
  background-size: 0% 2px;
  display: inline;
}
.team-block .inner-block .content-block .title a:hover {
  color: #fff;
  background-size: 100% 2px;
  background-image: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#fff));
  background-image: linear-gradient(180deg, #fff 0%, #fff 100%);
}
.team-block .inner-block .content-block .social-icon {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 0;
  margin-top: 20px;
  -webkit-transition: all 0.4s ease-in-out;
  transition: all 0.4s ease-in-out;
  opacity: 0;
  visibility: hidden;
  transition: all 0.4s ease-in-out;
}
.team-block .inner-block .content-block .social-icon a {
  display: inline-block;
  border-radius: 50%;
  background: var(--theme-color2);
  width: 40px;
  height: 40px;
  text-align: center;
  line-height: 40px;
  font-size: 13px;
  color: #fff;
}
.team-block .inner-block .content-block .social-icon a:hover {
  background-color: #fff;
  color: var(--theme-color1);
}
.team-block .inner-block .content-block .text {
  color: #fff;
}
.team-block .inner-block:hover .image-block::before {
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  width: 100%;
  height: 100%;
  content: "";
  position: absolute;
  background: -webkit-gradient(linear, left bottom, left top, color-stop(11.41%, #FF56A6), to(rgba(0, 0, 0, 0)));
  background: linear-gradient(360deg, #FF56A6 11.41%, rgba(0, 0, 0, 0) 100%);
  z-index: 1;
  border-radius: 30px;
  z-index: 11;
}
.team-block .inner-block:hover .image-block img:first-child {
  -webkit-transform: translateX(0) scaleX(1);
  transform: translate(0) scaleX(1);
  opacity: 1;
  -webkit-filter: blur(0);
  filter: blur(0);
}
.team-block .inner-block:hover .image-block img:nth-child(2) {
  -webkit-transform: translateX(-50%) scaleX(2);
  transform: translateX(-50%) scaleX(2);
  opacity: 0;
  -webkit-filter: blur(10px);
  filter: blur(10px);
}
.team-block .inner-block:hover .content-block {
  -webkit-transform: translateY(0px);
          transform: translateY(0px);
}
.team-block .inner-block:hover .content-block .social-icon {
  opacity: 1;
  visibility: visible;
}

.team-inner-2 {
  margin: 0 60px;
  border-radius: 40px;
  border: 1px solid rgba(255, 255, 255, 0.13);
}
@media (max-width: 1699.98px) {
  .team-inner-2 {
    margin: 0 35px;
  }
}
@media (max-width: 1399.98px) {
  .team-inner-2 {
    margin: 0 28px;
  }
}
@media (max-width: 1199.98px) {
  .team-inner-2 {
    margin: 0 20px;
  }
}
@media (max-width: 469.98px) {
  .team-inner-2 {
    margin: 0 16px;
  }
}

.team-outer-box {
  position: relative;
  margin-top: 30px;
}
.team-outer-box .team-bg-image {
  border-radius: 40px;
  height: 691px;
}
@media (max-width: 1199.98px) {
  .team-outer-box .team-bg-image {
    height: 550px;
  }
}
@media (max-width: 991.98px) {
  .team-outer-box .team-bg-image {
    height: 530px;
  }
}
@media (max-width: 767.98px) {
  .team-outer-box .team-bg-image {
    height: 510px;
  }
}
@media (max-width: 575.98px) {
  .team-outer-box .team-bg-image {
    height: 480px;
  }
}
.team-outer-box .team-bg-image img {
  width: 100%;
  height: 100%;
  border-radius: 40px;
  -o-object-fit: cover;
     object-fit: cover;
}
.team-outer-box .team-block-two .inner-block.style-one {
  position: absolute;
  left: calc(11% + 6px);
  bottom: calc(33% + 6px);
}
@media (max-width: 575.98px) {
  .team-outer-box .team-block-two .inner-block.style-one {
    bottom: calc(5% + 6px);
    left: calc(5% + 6px);
  }
}
.team-outer-box .team-block-two .inner-block.style-two {
  position: absolute;
  left: calc(29% + 6px);
  bottom: calc(48% + 6px);
}
@media (max-width: 575.98px) {
  .team-outer-box .team-block-two .inner-block.style-two {
    bottom: calc(18% + 6px);
    left: calc(5% + 6px);
  }
}
.team-outer-box .team-block-two .inner-block.style-three {
  position: absolute;
  left: calc(44% + 6px);
  bottom: calc(8% + 6px);
}
@media (max-width: 575.98px) {
  .team-outer-box .team-block-two .inner-block.style-three {
    bottom: calc(31% + 6px);
    left: calc(5% + 6px);
  }
}
.team-outer-box .team-block-two .inner-block.style-four {
  position: absolute;
  left: calc(61% + 6px);
  bottom: calc(34% + 6px);
}
@media (max-width: 575.98px) {
  .team-outer-box .team-block-two .inner-block.style-four {
    bottom: calc(45% + 6px);
    left: calc(5% + 6px);
  }
}
.team-outer-box .team-block-two .inner-block.style-five {
  position: absolute;
  right: calc(16% + 6px);
  bottom: calc(31% + 6px);
}
@media (max-width: 991.98px) {
  .team-outer-box .team-block-two .inner-block.style-five {
    left: calc(72% + 6px);
    bottom: calc(50% + 6px);
  }
}
@media (max-width: 575.98px) {
  .team-outer-box .team-block-two .inner-block.style-five {
    bottom: calc(60% + 6px);
    left: calc(5% + 6px);
  }
}
.team-outer-box .team-block-two .inner-block .dot {
  background: rgba(255, 255, 255, 0.1);
  border: 1px solid rgba(255, 255, 255, 0.11);
  backdrop-filter: blur(13.7px);
  border-radius: 50%;
  position: relative;
  cursor: pointer;
  width: 40px;
  height: 40px;
}
.team-outer-box .team-block-two .inner-block .dot::after {
  position: absolute;
  content: "";
  background-color: var(--theme-color1);
  border-radius: 50%;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  width: 12px;
  height: 12px;
  z-index: 0;
}
.team-outer-box .team-block-two .inner-block .author-info {
  position: absolute;
  left: 82px;
  top: -16px;
  -webkit-transform: translateX(-10px);
  transform: translateX(-10px);
  opacity: 0;
  visibility: hidden;
  -webkit-transition: all 600ms ease;
  transition: all 600ms ease;
  min-width: 268px;
  z-index: 99;
}
@media (max-width: 991.98px) {
  .team-outer-box .team-block-two .inner-block .author-info {
    left: -70px;
    top: initial;
    bottom: 0;
  }
}
@media (max-width: 575.98px) {
  .team-outer-box .team-block-two .inner-block .author-info {
    left: 0;
  }
}
.team-outer-box .team-block-two .inner-block .author-info .inner-info {
  position: relative;
  background-color: var(--theme-color1);
  border-radius: 20px;
  padding: 27px 30px 30px;
  min-width: 225px;
}
.team-outer-box .team-block-two .inner-block .author-info .inner-info .name {
  font-size: 20px;
  font-weight: 500;
}
.team-outer-box .team-block-two .inner-block .author-info .inner-info .designation {
  font-size: 16px;
  font-weight: 400;
  color: #fff;
}
.team-outer-box .team-block-two .inner-block .author-info .inner-info .social-info {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 3px;
  margin-top: 20px;
}
.team-outer-box .team-block-two .inner-block .author-info .inner-info .social-info li {
  width: 30px;
  height: 30px;
}
.team-outer-box .team-block-two .inner-block .author-info .inner-info .social-info li a {
  display: inline-block;
  position: relative;
  width: 30px;
  height: 30px;
  border-radius: 50%;
  line-height: 30px;
  background-color: rgba(255, 255, 255, 0.1);
  text-align: center;
  overflow: hidden;
  color: #fff;
  z-index: 1;
}
.team-outer-box .team-block-two .inner-block .author-info .inner-info .social-info li a::before {
  position: absolute;
  content: "";
  background-color: #fff;
  width: 100%;
  height: 100%;
  border-radius: 50%;
  top: 0;
  left: 0;
  scale: 0;
  z-index: 0;
  -webkit-transition: all 300ms ease;
  transition: all 300ms ease;
  z-index: -1;
}
.team-outer-box .team-block-two .inner-block .author-info .inner-info .social-info li:hover a {
  color: var(--theme-color1);
}
.team-outer-box .team-block-two .inner-block .author-info .inner-info .social-info li:hover a::before {
  scale: 1;
}
.team-outer-box .team-block-two .inner-block:hover .author-info {
  -webkit-transform: translateX(0);
  transform: translateX(0);
  opacity: 1;
  visibility: visible;
}

.team-section-2 {
  position: relative;
}
.team-section-2 .team-light {
  position: absolute;
  top: -50%;
  right: 0;
}
.team-section-2 .team-vec {
  position: absolute;
  right: 20px;
  top: -10%;
  z-index: 91;
}

.team-block-three .inner-block {
  margin-top: 30px;
  border-radius: 30px;
  position: relative;
  overflow: hidden;
}
.team-block-three .inner-block .image-block {
  position: relative;
  overflow: hidden;
}
.team-block-three .inner-block .image-block::before {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  width: 100%;
  height: 100%;
  content: "";
  background: rgba(0, 0, 0, 0.3);
  backdrop-filter: blur(7.5px);
  border-radius: 30px;
  -webkit-transition: all 0.4s ease-in-out;
  transition: all 0.4s ease-in-out;
  opacity: 0;
  visibility: hidden;
  z-index: 19;
}
.team-block-three .inner-block .image-block img {
  width: 100%;
  height: 100%;
  border-radius: 30px;
  display: block;
  -o-object-fit: cover;
     object-fit: cover;
  -webkit-transition: all 500ms ease;
  transition: all 500ms ease;
}
.team-block-three .inner-block .image-block img:first-child {
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  z-index: 1;
  -webkit-transform: translateX(50%) scaleX(2);
  transform: translate(50%) scaleX(2);
  opacity: 0;
  -webkit-filter: blur(10px);
  filter: blur(10px);
}
.team-block-three .inner-block .content-block {
  text-align: center;
  position: absolute;
  top: 50%;
  left: 0;
  right: 0;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  -webkit-transition: all 0.4s ease-in-out;
  transition: all 0.4s ease-in-out;
  opacity: 0;
  visibility: hidden;
  z-index: 99;
}
.team-block-three .inner-block .content-block .title {
  font-weight: 500;
}
.team-block-three .inner-block .content-block .title a {
  color: #fff;
}
.team-block-three .inner-block .content-block .title a:hover {
  color: var(--theme-color1);
}
.team-block-three .inner-block .content-block .text {
  font-size: 14px;
  font-weight: 400;
  color: #fff;
}
.team-block-three .inner-block .content-block .social-icon {
  display: block;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  gap: 5px;
  margin-top: 15px;
}
.team-block-three .inner-block .content-block .social-icon a {
  display: inline-block;
  width: 30px;
  height: 30px;
  line-height: 30px;
  text-align: center;
  border-radius: 50%;
  background-color: transparent;
  border: 1px solid rgba(255, 255, 255, 0.3);
  color: #fff;
  font-size: 14px;
}
.team-block-three .inner-block .content-block .social-icon a:hover {
  background-color: var(--theme-color1);
  border-color: var(--theme-color1);
}
.team-block-three .inner-block:hover .image-block::before {
  opacity: 1;
  visibility: visible;
}
.team-block-three .inner-block:hover .image-block img:first-child {
  -webkit-transform: translateX(0) scaleX(1);
  transform: translate(0) scaleX(1);
  opacity: 1;
  -webkit-filter: blur(0);
  filter: blur(0);
}
.team-block-three .inner-block:hover .image-block img:nth-child(2) {
  -webkit-transform: translateX(-50%) scaleX(2);
  transform: translateX(-50%) scaleX(2);
  opacity: 0;
  -webkit-filter: blur(10px);
  filter: blur(10px);
}
.team-block-three .inner-block:hover .content-block {
  opacity: 1;
  visibility: visible;
}

.contact-section {
  border-radius: 40px;
  margin: 0 60px;
  position: relative;
  z-index: 9;
  background-color: var(--theme-color2);
  border: 1px solid rgba(255, 255, 255, 0.13);
}
.contact-section .vec-shape {
  position: absolute;
  bottom: 0;
  right: -3%;
}
@media (max-width: 1399.98px) {
  .contact-section .vec-shape {
    display: none !important;
  }
}
.contact-section .contact-image {
  position: absolute;
  bottom: 0;
  top: 0;
  left: 0;
  width: 50%;
  border-radius: 30px;
  overflow: hidden;
  z-index: -1;
}
@media (max-width: 991.98px) {
  .contact-section .contact-image {
    display: none;
  }
}
.contact-section .contact-image::before {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  width: 100%;
  height: 100%;
  content: "";
  background: -webkit-gradient(linear, left bottom, left top, color-stop(-2.38%, #000000), to(rgba(0, 0, 0, 0.54)));
  background: linear-gradient(360deg, #000000 -2.38%, rgba(0, 0, 0, 0.54) 100%);
  border-radius: 30px;
  z-index: 1;
}
.contact-section .contact-image img {
  width: 100%;
  height: 100%;
  border-radius: 30px;
  -o-object-fit: cover;
     object-fit: cover;
}
@media (max-width: 1699.98px) {
  .contact-section {
    margin: 0 35px;
  }
}
@media (max-width: 1399.98px) {
  .contact-section {
    margin: 0 28px;
  }
}
@media (max-width: 1199.98px) {
  .contact-section {
    margin: 0 20px;
  }
}
@media (max-width: 767.98px) {
  .contact-section {
    padding-left: 20px !important;
    padding-right: 20px !important;
  }
}
@media (max-width: 469.98px) {
  .contact-section {
    margin: 0 16px;
    padding-left: 20px !important;
    padding-right: 20px !important;
  }
}

.contact-content-1 .contact-text {
  max-width: 536px;
  margin-top: 20px;
}
.contact-content-1 .contact-list-items {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 40px;
  margin-top: 110px;
}
@media (max-width: 1199.98px) {
  .contact-content-1 .contact-list-items {
    gap: 20px;
  }
}
@media (max-width: 991.98px) {
  .contact-content-1 .contact-list-items {
    gap: 60px;
    margin-top: 30px;
  }
}
@media (max-width: 767.98px) {
  .contact-content-1 .contact-list-items {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    gap: 20px;
  }
}
.contact-content-1 .contact-list-items .contact-list .title {
  font-size: 20px;
  color: #fff;
  margin-bottom: 12px;
}
.contact-content-1 .contact-list-items .contact-list .contact-icon {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 18px;
}
.contact-content-1 .contact-list-items .contact-list .contact-icon p {
  color: #fff;
  font-size: 16px;
  font-weight: 400;
  max-width: 172px;
  line-height: 1.6;
}
.contact-content-1 .contact-list-items .contact-list .contact-icon p a {
  color: #fff;
}
.contact-content-1 .contact-list-items .line {
  width: 1px;
  height: 75px;
  background-color: var(--theme-color1);
}
@media (max-width: 1199.98px) {
  .contact-content-1 .contact-list-items .line {
    display: none;
  }
}

.contact-form-style-1 {
  margin-left: 70px;
  position: relative;
  z-index: 9;
}
@media (max-width: 1199.98px) {
  .contact-form-style-1 {
    margin-left: 0;
  }
}
.contact-form-style-1 .line-shape {
  position: absolute;
  bottom: -15%;
  right: 0;
  z-index: -1;
}
.contact-form-style-1 .contact-form-box {
  max-width: 648px;
}
@media (max-width: 1199.98px) {
  .contact-form-style-1 .contact-form-box {
    margin-left: 40px;
  }
}
@media (max-width: 991.98px) {
  .contact-form-style-1 .contact-form-box {
    margin-left: 0;
    margin-top: 50px;
    max-width: initial;
  }
}
.contact-form-style-1 .contact-form-box .form-clt input, .contact-form-style-1 .contact-form-box .form-clt textarea {
  border-bottom: 1px solid rgba(255, 255, 255, 0.14);
  padding-bottom: 27px;
  color: #fff;
  outline: none;
  background: transparent;
  width: 100%;
  font-size: 16px;
  font-weight: 400;
}
.contact-form-style-1 .contact-form-box .form-clt input::-webkit-input-placeholder, .contact-form-style-1 .contact-form-box .form-clt textarea::-webkit-input-placeholder {
  color: #fff;
}
.contact-form-style-1 .contact-form-box .form-clt input::-moz-placeholder, .contact-form-style-1 .contact-form-box .form-clt textarea::-moz-placeholder {
  color: #fff;
}
.contact-form-style-1 .contact-form-box .form-clt input:-ms-input-placeholder, .contact-form-style-1 .contact-form-box .form-clt textarea:-ms-input-placeholder {
  color: #fff;
}
.contact-form-style-1 .contact-form-box .form-clt input::-ms-input-placeholder, .contact-form-style-1 .contact-form-box .form-clt textarea::-ms-input-placeholder {
  color: #fff;
}
.contact-form-style-1 .contact-form-box .form-clt input::placeholder, .contact-form-style-1 .contact-form-box .form-clt textarea::placeholder {
  color: #fff;
}
.contact-form-style-1 .contact-form-box .form-clt textarea {
  padding-bottom: 100px;
}
.contact-form-style-1 .contact-form-box .contact-button {
  margin-top: 6px;
}

.contact-inner-3 {
  background-color: var(--theme-color2);
  border-radius: 40px;
  margin: 0 60px;
  position: relative;
  z-index: 9;
}
.contact-inner-3 .contact-vec {
  position: absolute;
  top: -80px;
  left: 0;
}
@media (max-width: 1699.98px) {
  .contact-inner-3 {
    margin: 0 35px;
  }
}
@media (max-width: 1399.98px) {
  .contact-inner-3 {
    margin: 0 28px;
  }
}
@media (max-width: 1199.98px) {
  .contact-inner-3 {
    margin: 0 20px;
  }
}
@media (max-width: 469.98px) {
  .contact-inner-3 {
    margin: 0 16px;
  }
}
.contact-inner-3 .sec-title .text {
  color: var(--text-color);
  margin-top: 20px;
  max-width: 490px;
}

.contact-wrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-top: 72px;
}
@media (max-width: 1199.98px) {
  .contact-wrapper {
    margin-top: 40px;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }
}

.contact-widget {
  border: 1px dashed rgba(var(--theme-color-white-rgb), 0.1);
  border-radius: 10px;
  display: inline-block;
  height: 274px;
  padding-left: 30px;
  padding-right: 30px;
  position: relative;
  width: 312px;
}
@media (max-width: 1299.98px) {
  .contact-widget {
    height: auto;
    padding: 30px 15px;
    width: auto;
  }
}
@media (max-width: 1199.98px) {
  .contact-widget {
    margin-bottom: 30px;
  }
}
@media (max-width: 575.98px) {
  .contact-widget {
    height: auto;
    padding: 20px 15px;
    width: auto;
  }
}

.contact-badge {
  background-color: var(--theme-color1);
  border-radius: 20px;
  margin-bottom: 27px;
  max-width: 285px;
  margin-top: -40px;
  padding: 35px 40px 30px;
  position: relative;
}
@media (max-width: 575.98px) {
  .contact-badge {
    margin-top: 0;
    max-width: none;
    padding: 30px;
  }
}
.contact-badge .conpany-logo {
  margin-bottom: 20px;
}
.contact-badge .title {
  color: #fff;
  margin-bottom: 0;
  font-weight: 500;
}

.contact-social .title {
  color: #fff;
  font-weight: 500;
}

.social-icons {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  gap: 0;
  margin-top: 10px;
}
.social-icons a {
  background-color: rgba(var(--theme-color-white-rgb), 0.1);
  border-radius: 50%;
  color: #fff;
  display: inline-block;
  font-size: 13px;
  height: 40px;
  line-height: 40px;
  text-align: center;
  width: 40px;
  -webkit-transition: all 300ms ease;
  transition: all 300ms ease;
}
.social-icons a:hover {
  background-color: var(--theme-color1);
}

.contact-info {
  margin-left: 30px;
  position: relative;
}
@media (max-width: 1299.98px) {
  .contact-info {
    margin-left: 20px;
  }
}
@media (min-width: 992px) and (max-width: 1199.98px) {
  .contact-info {
    margin-left: 0px;
  }
}
@media (max-width: 767.98px) {
  .contact-info {
    margin-left: 0;
    margin-top: 30px;
  }
}
.contact-info .info-list:not(:last-child) {
  margin-bottom: 33px;
}
@media (max-width: 1199.98px) {
  .contact-info .info-list:not(:last-child) {
    margin-bottom: 20px;
  }
}
.contact-info .subtitle {
  color: rgba(255, 255, 255, 0.6);
  font-weight: 400;
  letter-spacing: -0.02em;
}
.contact-info .title {
  color: #FFFFFF;
  font-weight: 400;
  letter-spacing: -0.02em;
}

.contact-form3 {
  position: relative;
}
@media (max-width: 767.98px) {
  .contact-form3 {
    margin-top: 30px;
  }
}
.contact-form3 .color3 {
  color: var(--theme-color1);
}
.contact-form3 .form-group {
  position: relative;
  margin-bottom: 20px;
}
.contact-form3 .form-group:last-child {
  margin-bottom: 0;
}
.contact-form3 label {
  color: #fff;
  margin-bottom: 15px;
  font-weight: 400;
}
.contact-form3 .select2-container--default .select2-selection--single,
.contact-form3 input:not([type=submit]),
.contact-form3 textarea,
.contact-form3 select {
  background-color: rgba(var(--theme-color-white-rgb), 0.1);
  border: 1px solid transparent;
  border-radius: 10px;
  color: rgba(255, 255, 255, 0.2);
  display: block;
  font-size: 16px;
  font-weight: 400;
  height: 60px;
  line-height: 18px;
  margin-bottom: 0;
  padding: 23px 20px;
  position: relative;
  width: 100%;
  -webkit-transition: all 300ms ease;
  transition: all 300ms ease;
}
.contact-form3 ::-webkit-input-placeholder {
  color: rgba(255, 255, 255, 0.2);
}
.contact-form3 input:focus,
.contact-form3 select:focus,
.contact-form3 textarea:focus {
  border-color: var(--theme-color1);
}
.contact-form3 textarea {
  height: 225px;
  resize: none;
}

.contact-section-3 {
  position: relative;
}
.contact-section-3 .contact-light {
  position: absolute;
  bottom: -38%;
  right: 0;
}

.cta-banner-section-4 {
  margin: 0 60px;
  border-radius: 40px;
}
@media (max-width: 1699.98px) {
  .cta-banner-section-4 {
    margin: 0 35px;
  }
}
@media (max-width: 1399.98px) {
  .cta-banner-section-4 {
    margin: 0 28px;
  }
}
@media (max-width: 1199.98px) {
  .cta-banner-section-4 {
    margin: 0 20px;
  }
}
@media (max-width: 469.98px) {
  .cta-banner-section-4 {
    margin: 0 16px;
  }
}

.cta-banner-inner-4 {
  border-radius: 40px;
  position: relative;
  height: 770px;
}
@media (max-width: 1399.98px) {
  .cta-banner-inner-4 {
    height: 650px;
  }
}
.cta-banner-inner-4 img {
  width: 100%;
  height: 100%;
  border-radius: 40px;
  -o-object-fit: cover;
     object-fit: cover;
}
.cta-banner-inner-4 .content {
  background: rgba(255, 255, 255, 0.3);
  backdrop-filter: blur(15px);
  max-width: 555px;
  padding: 50px;
  border-top-left-radius: 30px;
  border-top-right-radius: 30px;
  position: absolute;
  bottom: 0;
  right: 240px;
}
@media (max-width: 1699.98px) {
  .cta-banner-inner-4 .content {
    right: 100px;
  }
}
@media (max-width: 1199.98px) {
  .cta-banner-inner-4 .content {
    right: 40px;
  }
}
@media (max-width: 991.98px) {
  .cta-banner-inner-4 .content {
    right: 20px;
    left: 20px;
    padding: 30px;
    padding-top: 40px;
  }
}
@media (max-width: 469.98px) {
  .cta-banner-inner-4 .content {
    padding: 25px;
  }
}
.cta-banner-inner-4 .content .title {
  color: #151515;
}
.cta-banner-inner-4 .content .btn-style-one {
  margin-top: 50px;
}
.cta-banner-inner-4 .content .btn-style-one img {
  width: initial !important;
  height: initial !important;
  border-radius: 0;
}

.blog-box .inner-box {
  margin-top: 30px;
}
.blog-box .inner-box .image-box {
  border-radius: 30px;
  position: relative;
  overflow: hidden;
}
.blog-box .inner-box .image-box .num {
  border-radius: 50%;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  cursor: inherit;
  -webkit-transition: all 0.4s ease-in-out;
  transition: all 0.4s ease-in-out;
  width: 60px;
  height: 60px;
  background-color: var(--body-bg);
  color: var(--theme-color1);
  font-size: 30px;
  font-weight: 500;
  line-height: 1;
  border-radius: 20px;
  position: absolute;
  top: 20px;
  left: 20px;
  z-index: 99;
  letter-spacing: -0.03em;
}
.blog-box .inner-box .image-box img {
  border-radius: 30px;
  width: 100%;
  height: 100%;
  display: block;
  -o-object-fit: cover;
     object-fit: cover;
  -webkit-transition: all 500ms ease;
  transition: all 500ms ease;
}
.blog-box .inner-box .image-box img:first-child {
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  z-index: 1;
  -webkit-transform: translateX(50%) scaleX(2);
  transform: translate(50%) scaleX(2);
  opacity: 0;
  -webkit-filter: blur(10px);
  filter: blur(10px);
}
.blog-box .inner-box .content-box {
  padding: 35px 40px 30px;
  background-color: var(--theme-color-black);
  border-radius: 40px;
  border: 1px solid rgba(255, 255, 255, 0.13);
  margin-top: -60px;
  position: relative;
  z-index: 99;
  -webkit-transition: all 0.4s ease-in-out;
  transition: all 0.4s ease-in-out;
  padding-right: 30px;
}
.blog-box .inner-box .content-box .post-text {
  display: inline-block;
  font-size: 16px;
  font-weight: 400;
  color: var(--theme-color1);
  margin-bottom: 15px;
}
.blog-box .inner-box .content-box .title {
  text-transform: capitalize;
  font-size: 23px;
}
@media (max-width: 1399.98px) {
  .blog-box .inner-box .content-box .title {
    font-size: 19px;
  }
}
@media (max-width: 991.98px) {
  .blog-box .inner-box .content-box .title {
    font-size: 18px;
  }
}
.blog-box .inner-box .content-box .title a {
  text-transform: capitalize;
  background-position: 0 95%;
  background-repeat: no-repeat;
  background-size: 0% 2px;
  display: inline;
}
.blog-box .inner-box .content-box .title a:hover {
  color: var(--theme-color1);
  background-size: 100% 2px;
  background-image: -webkit-gradient(linear, left top, left bottom, from(var(--theme-color1)), to(var(--theme-color1)));
  background-image: linear-gradient(180deg, var(--theme-color1) 0%, var(--theme-color1) 100%);
}
.blog-box .inner-box .content-box .arrow-link {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  color: #fff;
  font-size: 16px;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  font-weight: 400;
  gap: 10px;
  text-decoration: underline;
  margin-top: 15px;
  -webkit-transition: all 0.4s ease-in-out;
  transition: all 0.4s ease-in-out;
}
.blog-box .inner-box .content-box .arrow-link svg path {
  fill: #fff;
}
.blog-box .inner-box .content-box .arrow-link:hover {
  color: var(--theme-color1);
}
.blog-box .inner-box:hover .image-box img:first-child {
  -webkit-transform: translateX(0) scaleX(1);
  transform: translate(0) scaleX(1);
  opacity: 1;
  -webkit-filter: blur(0);
  filter: blur(0);
}
.blog-box .inner-box:hover .image-box img:nth-child(2) {
  -webkit-transform: translateX(-50%) scaleX(2);
  transform: translateX(-50%) scaleX(2);
  opacity: 0;
  -webkit-filter: blur(10px);
  filter: blur(10px);
}

.news-section-4 {
  position: relative;
}
.news-section-4 .news-light {
  position: absolute;
  bottom: -20%;
  right: 0;
}

.news-inner-4 {
  border-radius: 40px;
  margin: 0 60px;
  position: relative;
  z-index: 9;
  background-color: var(--theme-color2);
}
@media (max-width: 1699.98px) {
  .news-inner-4 {
    margin: 0 35px;
  }
}
@media (max-width: 1399.98px) {
  .news-inner-4 {
    margin: 0 28px;
  }
}
@media (max-width: 1199.98px) {
  .news-inner-4 {
    margin: 0 20px;
  }
}
@media (max-width: 469.98px) {
  .news-inner-4 {
    margin: 0 16px;
  }
}
.news-inner-4 .news-vec {
  position: absolute;
  top: -50px;
  right: -21px;
}

.blog-box-two .inner-box {
  margin-top: 30px;
  padding: 20px;
  border: 1px solid rgba(255, 255, 255, 0.1);
  border-radius: 30px;
  padding-top: 42px;
}
@media (max-width: 1199.98px) {
  .blog-box-two .inner-box {
    padding-top: 28px;
  }
}
.blog-box-two .inner-box .content-box {
  padding-right: 20px;
}
@media (max-width: 1399.98px) {
  .blog-box-two .inner-box .content-box {
    padding-right: 0;
  }
}
.blog-box-two .inner-box .content-box .post-text {
  display: inline-block;
  font-size: 16px;
  font-weight: 400;
  color: var(--theme-color1);
  margin-bottom: 15px;
}
.blog-box-two .inner-box .content-box .title {
  text-transform: capitalize;
}
@media (max-width: 1399.98px) {
  .blog-box-two .inner-box .content-box .title {
    font-size: 19px;
  }
}
@media (max-width: 991.98px) {
  .blog-box-two .inner-box .content-box .title {
    font-size: 18px;
  }
}
.blog-box-two .inner-box .content-box .title a {
  text-transform: capitalize;
  background-position: 0 95%;
  background-repeat: no-repeat;
  background-size: 0% 2px;
  display: inline;
}
.blog-box-two .inner-box .content-box .title a:hover {
  color: var(--theme-color1);
  background-size: 100% 2px;
  background-image: -webkit-gradient(linear, left top, left bottom, from(var(--theme-color1)), to(var(--theme-color1)));
  background-image: linear-gradient(180deg, var(--theme-color1) 0%, var(--theme-color1) 100%);
}
.blog-box-two .inner-box .image-box {
  border-radius: 30px;
  position: relative;
  overflow: hidden;
  margin-top: 45px;
}
@media (max-width: 1199.98px) {
  .blog-box-two .inner-box .image-box {
    margin-top: 28px;
  }
}
.blog-box-two .inner-box .image-box img {
  border-radius: 30px;
  width: 100%;
  height: 100%;
  display: block;
  -o-object-fit: cover;
     object-fit: cover;
  -webkit-transition: all 500ms ease;
  transition: all 500ms ease;
}
.blog-box-two .inner-box .image-box img:first-child {
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  z-index: 1;
  -webkit-transform: translateX(50%) scaleX(2);
  transform: translate(50%) scaleX(2);
  opacity: 0;
  -webkit-filter: blur(10px);
  filter: blur(10px);
}
.blog-box-two .inner-box .image-box .circle-box {
  display: inline-block;
  width: 81px;
  height: 81px;
  line-height: 81px;
  text-align: center;
  border-radius: 50%;
  background-color: var(--theme-color1);
  color: var(--theme-color-white);
  z-index: 9;
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%) scale(0.5);
          transform: translate(-50%, -50%) scale(0.5);
  opacity: 0;
  -webkit-transition: all 0.4s ease-in-out;
  transition: all 0.4s ease-in-out;
}
.blog-box-two .inner-box:hover .image-box img:first-child {
  -webkit-transform: translateX(0) scaleX(1);
  transform: translate(0) scaleX(1);
  opacity: 1;
  -webkit-filter: blur(0);
  filter: blur(0);
}
.blog-box-two .inner-box:hover .image-box img:nth-child(2) {
  -webkit-transform: translateX(-50%) scaleX(2);
  transform: translateX(-50%) scaleX(2);
  opacity: 0;
  -webkit-filter: blur(10px);
  filter: blur(10px);
}
.blog-box-two .inner-box:hover .image-box .circle-box {
  opacity: 1;
  visibility: visible;
  -webkit-transform: translate(-50%, -50%) scale(1);
          transform: translate(-50%, -50%) scale(1);
}

.award-box-items-one .inner-block {
  position: relative;
  z-index: 99;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 30px;
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: end;
  border-radius: 40px;
  padding: 0 60px 60px;
  margin-bottom: 40px;
  max-width: 600px;
}
@media (max-width: 1399.98px) {
  .award-box-items-one .inner-block {
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
  }
}
.award-box-items-one .inner-block.style-bottom-0 {
  margin-bottom: 0 !important;
}
.award-box-items-one .inner-block::before {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  width: 100%;
  height: 100%;
  content: "";
  top: 20px;
  z-index: -1;
  height: initial;
  background: #000000;
  border: 1px solid rgba(255, 255, 255, 0.13);
  border-radius: 40px;
}
@media (max-width: 1399.98px) {
  .award-box-items-one .inner-block {
    margin-right: 0;
    padding: 30px;
    padding-top: 0;
    margin-bottom: 30px;
  }
}
@media (max-width: 575.98px) {
  .award-box-items-one .inner-block {
    display: -ms-grid;
    display: grid;
    text-align: center;
  }
}
.award-box-items-one .inner-block .icon-box {
  text-align: center;
}
.award-box-items-one .inner-block .icon-box img {
  -webkit-transition: all 900ms ease;
  transition: all 900ms ease;
  display: inline-block;
}
.award-box-items-one .inner-block .icon-box .year {
  height: 40px;
  background-color: var(--theme-color1);
  border-radius: 72px;
  font-size: 20px;
  line-height: 1;
  text-align: center;
  color: var(--theme-color1-text-color);
  padding: 0 20px;
  margin-bottom: 40px;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
@media (max-width: 1399.98px) {
  .award-box-items-one .inner-block .icon-box .year {
    margin-bottom: 30px;
  }
}
.award-box-items-one .inner-block .icon-box .icon {
  width: 163px;
  height: 163px;
  line-height: 163px;
  text-align: center;
  background: #151515;
  border-radius: 50%;
}
@media (max-width: 575.98px) {
  .award-box-items-one .inner-block .icon-box .icon {
    margin: 0 auto;
  }
}
@media (max-width: 1399.98px) {
  .award-box-items-one .inner-block .content-box {
    padding-top: 52px;
  }
}
@media (max-width: 575.98px) {
  .award-box-items-one .inner-block .content-box {
    padding-top: 0;
  }
}
@media (max-width: 1199.98px) {
  .award-box-items-one .inner-block .content-box .title {
    font-size: 20px;
  }
}
.award-box-items-one .inner-block .content-box .text {
  margin-top: 15px;
  font-size: 14px;
}
.award-box-items-one .inner-block:hover .icon-box img {
  -webkit-transform: rotateY(360deg);
          transform: rotateY(360deg);
}

@media (max-width: 575.98px) {
  .award-right-items-1 {
    text-align: center;
  }
}
.award-right-items-1 .award-text {
  margin-top: 20px;
}
.award-right-items-1 .award-thumb {
  text-align: center;
  margin-top: 60px;
}
@media (max-width: 1199.98px) {
  .award-right-items-1 .award-thumb {
    display: none;
  }
}
.award-right-items-1 .content {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 20px;
  margin-top: 40px;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
@media (max-width: 991.98px) {
  .award-right-items-1 .content {
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: start;
  }
}
@media (max-width: 575.98px) {
  .award-right-items-1 .content {
    display: -ms-grid;
    display: grid;
    text-align: center;
    margin-top: 25px;
    gap: 0;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
  }
}
.award-right-items-1 .content .count-box {
  font-size: 150px;
  font-weight: 500;
  color: var(--theme-color1);
}
@media (max-width: 575.98px) {
  .award-right-items-1 .content .count-box {
    font-size: 80px;
  }
}
.award-right-items-1 .content .text {
  font-size: 24px;
  font-weight: 400;
  color: #fff;
  max-width: 240px;
}
@media (max-width: 575.98px) {
  .award-right-items-1 .content .text {
    font-size: 18px;
  }
}

.award-section {
  position: relative;
  z-index: 9;
}
.award-section .award-shape-1 {
  position: absolute;
  bottom: 0;
  right: 0;
  z-index: -1;
}
@media (max-width: 1399.98px) {
  .award-section .award-shape-1 {
    display: none;
  }
}
.award-section .award-light-shape {
  position: absolute;
  top: -10%;
  left: -10%;
  z-index: -1;
}
@media (max-width: 1399.98px) {
  .award-section .award-light-shape {
    display: none;
  }
}
.award-section .award-shape-2 {
  position: absolute;
  top: 30%;
  left: -20px;
  z-index: -1;
}
@media (max-width: 1399.98px) {
  .award-section .award-shape-2 {
    display: none;
  }
}

@media (max-width: 991.98px) {
  .award-image1 {
    text-align: center;
  }
}

.award-block-two {
  margin-left: auto;
  max-width: 875px;
  position: relative;
}
.award-block-two .list-item {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  overflow: hidden;
  padding: 40px 0;
  position: relative;
  -webkit-transition: padding 400ms ease;
  transition: padding 400ms ease;
  z-index: 1;
}
.award-block-two .list-item:first-child {
  border-top: 1px solid rgba(255, 255, 255, 0.14);
}
.award-block-two .list-item:first-child:hover {
  border-color: transparent;
}
.award-block-two .list-item::before {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  height: 1px;
  background: rgba(255, 255, 255, 0.14);
  -webkit-transition: opacity 300ms ease;
  transition: opacity 300ms ease;
  pointer-events: none;
}
.award-block-two .list-item::after {
  content: "";
  position: absolute;
  inset: 0;
  background-color: var(--theme-color1);
  border-radius: 20px;
  -webkit-transform: scaleY(0);
          transform: scaleY(0);
  -webkit-transform-origin: bottom center;
          transform-origin: bottom center;
  -webkit-transition: opacity 400ms ease, -webkit-transform 500ms ease;
  transition: opacity 400ms ease, -webkit-transform 500ms ease;
  transition: transform 500ms ease, opacity 400ms ease;
  transition: transform 500ms ease, opacity 400ms ease, -webkit-transform 500ms ease;
  z-index: -1;
  pointer-events: none;
}
.award-block-two .list-item .content-box {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-transition: -webkit-transform 400ms ease;
  transition: -webkit-transform 400ms ease;
  transition: transform 400ms ease;
  transition: transform 400ms ease, -webkit-transform 400ms ease;
}
@media (max-width: 575.98px) {
  .award-block-two .list-item .content-box {
    display: -ms-grid;
    display: grid;
    gap: 20px;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
  }
}
.award-block-two .list-item .content-box .title-box {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 125px;
}
@media (max-width: 1199.98px) {
  .award-block-two .list-item .content-box .title-box {
    gap: 40px;
  }
}
@media (max-width: 575.98px) {
  .award-block-two .list-item .content-box .title-box {
    display: -ms-grid;
    display: grid;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    gap: 20px;
    text-align: center;
  }
}
.award-block-two .list-item .content-box .title-box .year {
  font-size: 18px;
  font-weight: 400;
  color: #fff;
}
@media (max-width: 1199.98px) {
  .award-block-two .list-item .content-box .title-box .year {
    font-size: 16px;
  }
}
.award-block-two .list-item .content-box .title-box .title {
  font-size: 20px;
  font-weight: 500;
  color: #fff;
}
@media (max-width: 1199.98px) {
  .award-block-two .list-item .content-box .title-box .title {
    font-size: 18px;
  }
}
.award-block-two .list-item .right-text {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 100px;
  -webkit-transition: -webkit-transform 400ms ease;
  transition: -webkit-transform 400ms ease;
  transition: transform 400ms ease;
  transition: transform 400ms ease, -webkit-transform 400ms ease;
}
@media (max-width: 1199.98px) {
  .award-block-two .list-item .right-text {
    gap: 30px;
  }
}
@media (max-width: 767.98px) {
  .award-block-two .list-item .right-text {
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
  }
}
@media (max-width: 575.98px) {
  .award-block-two .list-item .right-text {
    display: -ms-grid;
    display: grid;
    text-align: center;
    gap: 15px;
  }
}
.award-block-two .list-item .right-text .text {
  font-size: 18px;
  font-weight: 400;
  color: #fff;
}
@media (max-width: 1199.98px) {
  .award-block-two .list-item .right-text .text {
    font-size: 16px;
  }
}
.award-block-two .list-item .right-text .arrow-icon {
  -webkit-transition: -webkit-filter 400ms ease;
  transition: -webkit-filter 400ms ease;
  transition: filter 400ms ease;
  transition: filter 400ms ease, -webkit-filter 400ms ease;
}
.award-block-two .list-item:hover, .award-block-two .list-item.active {
  padding-left: 30px;
  padding-right: 30px;
}
.award-block-two .list-item:hover::after, .award-block-two .list-item.active::after {
  -webkit-transform: scaleY(1);
          transform: scaleY(1);
  -webkit-transform-origin: top;
          transform-origin: top;
}
.award-block-two .list-item:hover::before, .award-block-two .list-item.active::before {
  background: transparent;
}
.award-block-two .list-item:hover .arrow-icon, .award-block-two .list-item.active .arrow-icon {
  -webkit-filter: brightness(0) invert(1);
          filter: brightness(0) invert(1);
}
.award-block-two .list-item:hover.prev-no-border::before, .award-block-two .list-item.active.prev-no-border::before, .award-block-two .list-item.prev-no-border::before {
  opacity: 0;
  background: transparent;
}

.award-section-2 {
  position: relative;
}
.award-section-2 .award-light {
  left: 0;
  position: absolute;
  top: -50%;
}
@media (max-width: 1199.98px) {
  .award-section-2 .award-light {
    display: none;
  }
}
.award-section-2 .award-vec {
  left: 2%;
  position: absolute;
  top: -20%;
  z-index: 11;
}
@media (max-width: 1699.98px) {
  .award-section-2 .award-vec {
    display: none;
  }
}

.award-section-3 .award-inner-3 {
  border-radius: 40px;
  margin: 0 60px;
  position: relative;
  z-index: 9;
}
@media (max-width: 1699.98px) {
  .award-section-3 .award-inner-3 {
    margin: 0 35px;
  }
}
@media (max-width: 1399.98px) {
  .award-section-3 .award-inner-3 {
    margin: 0 28px;
  }
}
@media (max-width: 1199.98px) {
  .award-section-3 .award-inner-3 {
    margin: 0 20px;
  }
}
@media (max-width: 469.98px) {
  .award-section-3 .award-inner-3 {
    margin: 0 16px;
  }
}
.award-section-3 .award-inner-3 .sec-title {
  margin-bottom: 60px;
}
@media (max-width: 767.98px) {
  .award-section-3 .award-inner-3 .sec-title {
    margin-bottom: 30px;
  }
}

.award-block-three .list-item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  padding: 40px 60px;
  position: relative;
  position: relative;
  z-index: 1;
  -webkit-transition: all 0.4s ease-in-out;
  transition: all 0.4s ease-in-out;
  border-bottom: 1px solid rgba(255, 255, 255, 0.1);
}
.award-block-three .list-item.border-add {
  border-top: 1px solid rgba(255, 255, 255, 0.1);
}
@media (max-width: 991.98px) {
  .award-block-three .list-item {
    padding: 30px;
  }
}
@media (max-width: 469.98px) {
  .award-block-three .list-item {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    gap: 30px;
  }
}
.award-block-three .list-item::after {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  content: "";
  background-color: var(--theme-color1);
  -webkit-transform: scale(1, 0);
  transform: scale(1, 0);
  -webkit-transition: -webkit-transform 500ms ease;
  transition: -webkit-transform 500ms ease;
  transition: transform 500ms ease;
  transition: transform 500ms ease, -webkit-transform 500ms ease;
  -webkit-transform-origin: bottom center;
  transform-origin: bottom center;
  z-index: -1;
  border-radius: 80px;
}
@media (max-width: 1199.98px) {
  .award-block-three .list-item::after {
    border-radius: 10px;
  }
}
.award-block-three .list-item .text-left-items {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 300px;
}
@media (max-width: 991.98px) {
  .award-block-three .list-item .text-left-items {
    gap: 30px;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }
}
.award-block-three .list-item .text-left-items .text {
  font-size: 16px;
  font-weight: 400;
}
.award-block-three .list-item .text-left-items .title {
  font-size: 20px;
  font-weight: 500;
  color: var(--theme-color-white);
}
.award-block-three .list-item .text-2 {
  color: var(--theme-color-white);
  font-size: 18px;
  font-weight: 400;
}
.award-block-three .list-item .hover-image {
  width: 144px;
  height: 352px;
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%) rotate(15deg);
          transform: translateY(-50%) rotate(15deg);
  inset-inline-start: 0;
  background-size: cover;
  background-repeat: no-repeat;
  background-position-x: 75%;
  opacity: 0;
  -webkit-transition: opacity 0.3s, -webkit-transform 0.7s cubic-bezier(0.23, 1, 0.32, 1);
  transition: opacity 0.3s, -webkit-transform 0.7s cubic-bezier(0.23, 1, 0.32, 1);
  transition: opacity 0.3s, transform 0.7s cubic-bezier(0.23, 1, 0.32, 1);
  transition: opacity 0.3s, transform 0.7s cubic-bezier(0.23, 1, 0.32, 1), -webkit-transform 0.7s cubic-bezier(0.23, 1, 0.32, 1);
  margin: -200px 0 0 -50px;
  overflow: hidden;
  pointer-events: none;
  z-index: 999;
  visibility: hidden;
}
.award-block-three .list-item:hover {
  border-color: transparent;
}
.award-block-three .list-item:hover .hover-image {
  opacity: 1;
  visibility: visible;
}
.award-block-three .list-item:hover .text {
  color: var(--theme-color-white);
}
.award-block-three .list-item:hover::after {
  -webkit-transform: scale(1, 1);
  transform: scale(1, 1);
  -webkit-transform-origin: top center;
  transform-origin: top center;
}
.award-block-three .list-item:hover.prev-no-border, .award-block-three .list-item.active.prev-no-border, .award-block-three .list-item.prev-no-border {
  border-color: transparent;
}

.award-section-3 {
  position: relative;
}
.award-section-3 .award-light {
  position: absolute;
  right: 0;
  top: -25%;
}
.award-section-3 .award-light2 {
  position: absolute;
  left: 0;
  bottom: -15%;
}
.award-section-3 .award-vec {
  position: absolute;
  top: -12%;
  right: 0;
  z-index: 99;
}

.award-block-four .inner-box {
  padding: 40px 40px;
  position: relative;
  border-top: 1px solid rgba(var(--theme-color-white-rgb), 0.1);
}
@media (max-width: 767.98px) {
  .award-block-four .inner-box {
    text-align: center !important;
  }
}
.award-block-four .inner-box.bb-bottom-add {
  border-bottom: 1px solid rgba(var(--theme-color-white-rgb), 0.1) !important;
}
@media (max-width: 767.98px) {
  .award-block-four .inner-box .text-end {
    text-align: center !important;
  }
}
@media (max-width: 767.98px) {
  .award-block-four .inner-box {
    padding: 30px;
  }
}
.award-block-four .inner-box::before {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  width: 100%;
  height: 100%;
  content: "";
  background: var(--theme-color1);
  -webkit-transform: scale(1, 0);
          transform: scale(1, 0);
  -webkit-transition: -webkit-transform 500ms ease;
  transition: -webkit-transform 500ms ease;
  transition: transform 500ms ease;
  transition: transform 500ms ease, -webkit-transform 500ms ease;
  -webkit-transform-origin: bottom center;
          transform-origin: bottom center;
}
.award-block-four .inner-box .award-text {
  color: #fff;
  margin-bottom: 0;
  position: relative;
  font-size: 20px;
  font-weight: 500;
}
.award-block-four .inner-box .award-icon {
  width: 40px;
  height: 40px;
  line-height: 40px;
  text-align: center;
  border-radius: 50%;
  border: 1px solid rgba(var(--theme-color-white-rgb), 0.1);
  position: relative;
  display: inline-block;
  -webkit-transform: rotate(-40deg);
          transform: rotate(-40deg);
  margin-left: auto;
  -webkit-transition: all 300ms ease;
  transition: all 300ms ease;
}
.award-block-four .inner-box .award-icon i {
  color: #fff;
  font-size: 16px;
  line-height: 1;
  -webkit-transition: all 300ms ease;
  transition: all 300ms ease;
}
.award-block-four .inner-box .hover-image {
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%) rotate(15deg);
          transform: translateY(-50%) rotate(15deg);
  inset-inline-start: 0;
  background-size: cover;
  background-repeat: no-repeat;
  background-position-x: 75%;
  opacity: 0;
  -webkit-transition: opacity 0.3s, -webkit-transform 0.7s cubic-bezier(0.23, 1, 0.32, 1);
  transition: opacity 0.3s, -webkit-transform 0.7s cubic-bezier(0.23, 1, 0.32, 1);
  transition: opacity 0.3s, transform 0.7s cubic-bezier(0.23, 1, 0.32, 1);
  transition: opacity 0.3s, transform 0.7s cubic-bezier(0.23, 1, 0.32, 1), -webkit-transform 0.7s cubic-bezier(0.23, 1, 0.32, 1);
  margin: -200px 0 0 -50px;
  overflow: hidden;
  pointer-events: none;
  z-index: 999;
  visibility: hidden;
}
.award-block-four .inner-box:hover::before {
  -webkit-transform: scale(1, 1);
          transform: scale(1, 1);
  -webkit-transform-origin: top center;
          transform-origin: top center;
}
.award-block-four .inner-box:hover .award-icon {
  -webkit-transform: rotate(0deg);
          transform: rotate(0deg);
  background-color: #fff;
}
.award-block-four .inner-box:hover .award-icon i, .award-block-four .inner-box:hover .award-icon img {
  color: var(--theme-color2);
}
.award-block-four .inner-box:hover .hover-image {
  opacity: 1;
  visibility: visible;
}

.award-section-4 {
  position: relative;
}
.award-section-4 .award-light {
  position: absolute;
  top: -50%;
  left: 0;
}
.award-section-4 .awar-title-text {
  font-size: 200px;
  font-weight: 700;
  color: var(--theme-color1);
  text-transform: uppercase;
  margin-bottom: 60px;
  line-height: 1;
}
@media (max-width: 1699.98px) {
  .award-section-4 .awar-title-text {
    font-size: 140px;
  }
}
@media (max-width: 1399.98px) {
  .award-section-4 .awar-title-text {
    font-size: 120px;
  }
}
@media (max-width: 1199.98px) {
  .award-section-4 .awar-title-text {
    font-size: 100px;
    text-align: center;
  }
}
@media (max-width: 991.98px) {
  .award-section-4 .awar-title-text {
    font-size: 70px;
    margin-bottom: 30px;
  }
}
@media (max-width: 575.98px) {
  .award-section-4 .awar-title-text {
    font-size: 50px;
  }
}
@media (max-width: 469.98px) {
  .award-section-4 .awar-title-text {
    font-size: 40px;
  }
}
.award-section-4 .awar-title-text span {
  color: transparent;
  -webkit-text-stroke-width: 1px;
  -webkit-text-stroke-color: rgba(255, 86, 166, 0.3);
}

.brand-section {
  border-bottom: 1px solid rgba(255, 255, 255, 0.14);
}

.brand-box-1 {
  height: 200px;
  line-height: 200px;
  border-right: 1px solid rgba(255, 255, 255, 0.14);
  text-align: center;
  position: relative;
  overflow: hidden;
}
.brand-box-1 .brand-img-1 {
  position: absolute;
  top: 0;
  left: 50%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  width: 100%;
  height: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.brand-box-1 .brand-img-1 img {
  -webkit-transition: all 0.6s ease;
  transition: all 0.6s ease;
  -webkit-transform: translateY(0);
          transform: translateY(0);
}
.brand-box-1 .brand-img-1:last-child img {
  -webkit-transform: translateY(-350%);
          transform: translateY(-350%);
  opacity: 0;
}
.brand-box-1:hover .brand-img-1:first-child img {
  -webkit-transform: translateY(100%);
          transform: translateY(100%);
  opacity: 0;
}
.brand-box-1:hover .brand-img-1:last-child img {
  -webkit-transform: translateY(0);
          transform: translateY(0);
  opacity: 1;
}

.brand-section-3 .brand-text {
  text-align: center;
  font-size: 20px;
  font-weight: 500;
  color: #fff;
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  gap: 10px;
  margin-bottom: 50px;
  line-height: 1;
}
@media (max-width: 575.98px) {
  .brand-section-3 .brand-text {
    font-size: 16px;
    line-height: 1.4;
  }
}
@media (max-width: 469.98px) {
  .brand-section-3 .brand-text {
    font-size: 13px;
    line-height: 1.4;
  }
}
.brand-section-3 .brand-text .line {
  display: inline-block;
  width: 60px;
  height: 1px;
  background-color: var(--theme-color-white);
  position: relative;
}
@media (max-width: 1199.98px) {
  .brand-section-3 .brand-text .line {
    display: none;
  }
}
.brand-section-3 .brand-text .line::before {
  position: absolute;
  bottom: 6px;
  left: 35px;
  content: "";
  height: 1px;
  width: 25px;
  background-color: var(--text-color);
}
.brand-section-3 .brand-text .line2 {
  display: inline-block;
  width: 60px;
  height: 1px;
  background-color: var(--theme-color-white);
  position: relative;
}
@media (max-width: 1199.98px) {
  .brand-section-3 .brand-text .line2 {
    display: none;
  }
}
.brand-section-3 .brand-text .line2::before {
  position: absolute;
  bottom: 6px;
  right: 35px;
  content: "";
  height: 1px;
  width: 25px;
  background-color: var(--text-color);
}
.brand-section-3 {
  position: relative;
}
.brand-section-3 .brand-light {
  position: absolute;
  right: 0;
  top: -180%;
}
@media (max-width: 1699.98px) {
  .brand-section-3 .brand-light {
    display: none;
  }
}
.brand-section-3 .brand-slider-3 {
  border-bottom: 1px solid rgba(255, 255, 255, 0.1);
  padding-bottom: 70px;
}
.brand-section-3 .brand-vec {
  position: absolute;
  top: -30%;
  right: -10%;
}
@media (max-width: 1699.98px) {
  .brand-section-3 .brand-vec {
    display: none;
  }
}

.brand-box-2 {
  height: 35px;
  line-height: 35px;
  text-align: center;
  position: relative;
  overflow: hidden;
}
.brand-box-2 .brand-img-1 {
  position: absolute;
  top: 0;
  left: 50%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  width: 100%;
  height: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  opacity: 0.3;
}
.brand-box-2 .brand-img-1 img {
  -webkit-transition: all 0.6s ease;
  transition: all 0.6s ease;
  -webkit-transform: translateY(0);
          transform: translateY(0);
}
.brand-box-2 .brand-img-1:last-child img {
  -webkit-transform: translateY(-350%);
          transform: translateY(-350%);
  opacity: 0;
}
.brand-box-2:hover .brand-img-1 {
  opacity: 1;
}
.brand-box-2:hover .brand-img-1:first-child img {
  -webkit-transform: translateY(100%);
          transform: translateY(100%);
  opacity: 0;
}
.brand-box-2:hover .brand-img-1:last-child img {
  -webkit-transform: translateY(0);
          transform: translateY(0);
  opacity: 1;
}

/***
====================================================================
  Products details
====================================================================
***/
.product-details .bxslider .image-box {
  position: relative;
  display: block;
  margin-right: 30px;
  margin-bottom: 10px;
}
.product-details .bxslider .image-box img {
  width: 100%;
}
.product-details .bxslider .thumb-box {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 10px;
}
.product-details .bxslider .thumb-box li {
  overflow: hidden;
  position: relative;
  display: inline-block;
  max-width: 100px;
  width: 100%;
  height: 100px;
}
.product-details .bxslider .thumb-box li a {
  position: relative;
  display: inline-block;
}
.product-details .bxslider .thumb-box li a:before {
  position: absolute;
  content: "";
  left: 0px;
  top: 0px;
  width: 100%;
  height: 100%;
  opacity: 0;
  -webkit-transition: all 500ms ease;
  transition: all 500ms ease;
}
.product-details .bxslider .thumb-box li a img {
  width: 100%;
}
.product-details .bxslider .thumb-box li a.active:before {
  opacity: 1;
}
.product-details .bx-wrapper {
  margin-bottom: 30px;
}
.product-details .product-info .product-details__top {
  position: relative;
  display: block;
  margin-top: -8px;
}
.product-details .product-info .product-details__title {
  font-size: 40px;
  line-height: 44px;
  margin: 0;
}
.product-details .product-info .product-details__title span {
  position: relative;
  display: inline-block;
  color: var(--theme-color1);
  font-size: 20px;
  line-height: 26px;
  margin-left: 20px;
  letter-spacing: 0;
}
.product-details .product-info .product-details__reveiw {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  border-bottom: 1px solid rgba(var(--theme-color-white-rgb), 0.1);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-top: 22px;
  margin-bottom: 31px;
  padding-bottom: 20px;
}
.product-details .product-info .product-details__reveiw i {
  color: #ff63c3;
  font-size: 16px;
}
.product-details .product-info .product-details__reveiw i + i {
  margin-left: 4px;
}
.product-details .product-info .product-details__reveiw span {
  color: var(--theme-color1);
  font-size: 16px;
  line-height: 1;
  margin-left: 18px;
  position: relative;
  top: 1px;
}
.product-details .product-info .product-details__quantity-title {
  font-size: 20px;
  line-height: 30px;
  margin: 0;
  margin-right: 20px;
}
.product-details .product-info .product-details__buttons {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-bottom: 30px;
  margin-top: 40px;
  position: relative;
}
@media only screen and (max-width: 767px) {
  .product-details .product-info .product-details__buttons {
    display: block;
  }
}
.product-details .product-info .product-details__buttons-1 {
  display: block;
  position: relative;
}
@media only screen and (max-width: 767px) {
  .product-details .product-info .product-details__buttons-1 {
    margin-bottom: 10px;
    margin-right: 10px;
  }
}
.product-details .product-info .product-details__buttons-1 .btn-title {
  color: var(--headings-color);
  font-weight: 500;
  text-transform: capitalize;
}
.product-details .product-info .product-details__buttons-2 {
  display: block;
  margin-left: 10px;
  position: relative;
}
.product-details .product-info .product-details__buttons-2 .thm-btn {
  background-color: var(--theme-color2);
}
.product-details .product-info .product-details__buttons-2 .thm-btn:before {
  background-color: var(--theme-color1);
}
.product-details .product-info .product-details__buttons-2 .thm-btn:after {
  background-color: var(--theme-color1);
}
@media only screen and (max-width: 767px) {
  .product-details .product-info .product-details__buttons-2 {
    margin-left: 0;
    margin-top: 0;
  }
}
.product-details .product-info .product-details__social {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  position: relative;
}
.product-details .product-info .product-details__social .social-icon-one {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}
.product-details .product-info .product-details__social .social-icon-one li {
  position: relative;
  margin-left: 20px;
}
.product-details .product-info .product-details__social .social-icon-one li:first-child {
  margin-left: 0;
}
.product-details .product-info .product-details__social .social-icon-one li a {
  position: relative;
  color: var(--theme-color1);
  -webkit-transition: all 300ms ease;
  transition: all 300ms ease;
}
.product-details .product-info .product-details__social .social-icon-one li a:hover {
  color: var(--theme-color2);
}
.product-details .product-info .product-details__social .title {
  display: block;
  position: relative;
}
.product-details .product-info .product-details__social .title h3 {
  font-size: 20px;
  line-height: 20px;
}
.product-details .product-info .product-details__social .social-icon-one {
  margin-left: 30px;
}
@media only screen and (max-width: 767px) {
  .product-details .product-info .product-details__social {
    -webkit-box-align: baseline;
        -ms-flex-align: baseline;
            align-items: baseline;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: start;
  }
  .product-details .product-info .product-details__social .social-icon-one {
    margin-left: 0;
  }
}

.product-details__quantity {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-top: 20px;
  position: relative;
}
.product-details__quantity .quantity-box {
  border-radius: 10px;
  height: 60px;
  position: relative;
  width: 98px;
}
.product-details__quantity .quantity-box input {
  background-color: rgba(var(--theme-color-white-rgb), 0.05);
  border: 1px solid rgba(var(--theme-color-white-rgb), 0.1);
  border-radius: 10px;
  color: var(--theme-color1);
  font-size: 18px;
  font-weight: 500;
  height: 60px;
  outline: none;
  padding-left: 30px;
  -webkit-appearance: textfield;
  -moz-appearance: textfield;
  width: 98px;
}
.product-details__quantity .quantity-box button {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  border: none;
  border-left: 1px solid rgba(var(--theme-color-white-rgb), 0.1);
  border-top-right-radius: 10px;
  background-color: var(--theme-color1);
  color: #fff;
  font-size: 8px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  height: 29px;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  outline: none;
  position: absolute;
  right: 1px;
  top: 1px;
  -webkit-transition: all 300ms ease;
  transition: all 300ms ease;
  width: 29px;
}
.product-details__quantity .quantity-box button:hover {
  background-color: var(--theme-color1);
  color: var(--headings-color);
}
.product-details__quantity .quantity-box button.sub {
  bottom: 1px;
  border-top-right-radius: 0px;
  border-bottom-right-radius: 10px;
  top: auto;
}

.product-discription {
  display: block;
  position: relative;
}
.product-discription .product-description__title {
  font-size: 30px;
  margin-bottom: 27px;
}
.product-discription .product-description__text1 {
  font-size: 16px;
  line-height: 30px;
  margin: 0;
}
.product-discription .product-description__list {
  display: block;
  margin-top: 30px;
  margin-bottom: 30px;
  position: relative;
}
.product-discription .product-description__list ul {
  display: block;
  position: relative;
}
.product-discription .product-description__list ul li {
  display: block;
  margin-bottom: 2px;
  position: relative;
}
.product-discription .product-description__list ul li:last-child {
  margin-bottom: 0px;
}
.product-discription .product-description__list ul li p {
  color: var(--headings-color);
  margin: 0;
}
.product-discription .product-description__list ul li p span:before {
  color: var(--theme-color1);
  display: inline-block;
  font-size: 17px;
  line-height: 17px;
  margin-right: 11px;
  position: relative;
  top: 2px;
}
.product-discription .tabs-content .text p {
  margin-bottom: 17px;
}
.product-discription .tabs-content .text p:last-child {
  margin-bottom: 0px;
}
.product-discription .tab-btn-box {
  position: relative;
  display: block;
  width: 100%;
  margin-bottom: 60px;
}
.product-discription .tab-btn-box:before {
  background-color: rgba(var(--theme-color-white-rgb), 0.1);
  content: "";
  height: 1px;
  left: 0px;
  position: absolute;
  top: 28px;
  width: 100%;
}
.product-discription .tab-btn-box .tab-btns li {
  background-color: #121310;
  border: 1px solidr gba(var(--theme-color-white-rgb), 0.5);
  color: var(--theme-color-white);
  cursor: pointer;
  display: inline-block;
  font-size: 14px;
  margin: 0px 8.5px;
  margin-bottom: 15px;
  padding: 14px 30px;
  position: relative;
  text-transform: uppercase;
  text-align: center;
  -webkit-transition: all 500ms ease;
  transition: all 500ms ease;
}
.product-discription .tab-btn-box .tab-btns li.active-btn {
  background-color: var(--theme-color1);
  color: #fff;
}
.product-discription .tab-btn-box .tab-btns li:last-child {
  margin-bottom: 0;
}
.product-discription .single-comment-box .inner-box {
  background-color: rgba(var(--theme-color-white-rgb), 0.05);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 15px;
  padding: 34px 30px 34px;
  position: relative;
}
@media (max-width: 991.98px) {
  .product-discription .single-comment-box .inner-box {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }
}
.product-discription .single-comment-box .inner-box .comment-thumb {
  border-radius: 50%;
  width: 80px;
}
.product-discription .single-comment-box .inner-box .comment-thumb img {
  width: 100%;
  border-radius: 50%;
}
.product-discription .single-comment-box .inner-box .rating {
  display: block;
  margin-bottom: 2px;
  position: relative;
}
.product-discription .single-comment-box .inner-box .rating li {
  color: #8f7cff;
  display: inline-block;
  font-size: 12px;
  float: left;
  margin-right: 4px;
  position: relative;
}
.product-discription .single-comment-box .inner-box .rating li:last-child {
  margin: 0px !important;
}
.product-discription .single-comment-box .inner-box h5 {
  display: block;
  font-size: 16px;
  line-height: 26px;
  text-transform: uppercase;
  margin-bottom: 16px;
}
.product-discription .single-comment-box .inner-box h5 span {
  text-transform: capitalize;
}
.product-discription .customer-comment {
  position: relative;
  display: block;
  margin-bottom: 60px;
}
.product-discription .comment-box {
  background-color: rgba(var(--theme-color-white-rgb), 0.05);
  -webkit-box-shadow: 0px 0px 30px 0px rgba(0, 0, 0, 0.1);
          box-shadow: 0px 0px 30px 0px rgba(0, 0, 0, 0.1);
  display: block;
  padding: 51px 60px 60px 60px;
  position: relative;
}
@media (max-width: 575.98px) {
  .product-discription .comment-box {
    padding: 40px 30px;
  }
}
.product-discription .comment-box h3 {
  display: block;
  font-size: 24px;
  line-height: 34px;
  text-transform: uppercase;
  margin-bottom: 23px;
}
.product-discription .comment-box .form-group {
  position: relative;
  margin-bottom: 15px;
}
.product-discription .comment-box .form-group label {
  position: relative;
  display: block;
  font-size: 18px;
  line-height: 28px;
  color: #707582;
  margin-bottom: 8px;
}
.product-discription .comment-box .column:last-child .form-group {
  margin-bottom: 0px;
}
.product-discription .comment-box .review-box p {
  position: relative;
  float: left;
  margin-right: 10px;
}
.product-discription .comment-box .review-box .rating {
  position: relative;
  float: left;
}
.product-discription .comment-box .review-box .rating li {
  position: relative;
  display: inline-block;
  font-size: 14px;
  line-height: 28px;
  float: left;
  margin-right: 4px;
  color: #8f7cff;
}
.product-discription .comment-box .review-box .rating li:last-child {
  margin: 0px !important;
}
.product-discription .comment-box .review-box {
  position: relative;
  display: block;
  margin-top: 8px;
}
.product-discription .comment-box .custom-controls-stacked {
  position: relative;
  float: left;
}

.related-product h3 {
  margin-bottom: 30px;
}

@media only screen and (max-width: 767px) {
  .product-details__img {
    margin-bottom: 50px;
  }
  .product-details__title span {
    margin-left: 0;
    display: block;
  }
  .product-details__buttons {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: baseline;
        -ms-flex-align: baseline;
            align-items: baseline;
  }
  .product-details__buttons-2 {
    margin-left: 0;
    margin-top: 10px;
  }
  .product-details__social-link {
    margin-left: 0;
    margin-top: 20px;
  }
}
/***

====================================================================
 Categories Section
====================================================================

***/
.categories-section {
  position: relative;
  padding: 100px 0 70px;
}
.categories-section .bg-pattern {
  position: absolute;
  left: 0;
  top: -220px;
  width: 100%;
  height: 100%;
  content: "";
  background-image: url(../images/icons/pattern-7.png);
  background-repeat: no-repeat;
  background-position: left top;
  z-index: -1;
}
.categories-section:before {
  position: absolute;
  left: 0;
  bottom: 0;
  height: 300px;
  width: 100%;
  background: var(--theme-color3);
  content: "";
  z-index: 1;
}
.categories-section:after {
  position: absolute;
  left: 0;
  bottom: -50px;
  height: 70px;
  width: 100%;
  z-index: 2;
  content: "";
  background-image: url(../images/icons/pattern-3.png);
  background-repeat: no-repeat;
  background-position: center bottom;
}

.category-block {
  position: relative;
  margin-bottom: 30px;
  z-index: 9;
}
.category-block .inner-box {
  position: relative;
  text-align: center;
  background: #ffffff;
  padding: 40px 30px 30px;
  border-radius: 10px;
  -webkit-box-shadow: 0 10px 20px rgba(0, 0, 0, 0.1);
  box-shadow: 0 10px 20px rgba(0, 0, 0, 0.1);
  -webkit-transition: all 300ms ease;
  transition: all 300ms ease;
}
.category-block .inner-box:before {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 190px;
  background-repeat: no-repeat;
  background-position: center bottom;
  content: "";
}
.category-block .inner-box:hover {
  -webkit-transform: translateY(-20px);
  transform: translateY(-20px);
  -webkit-box-shadow: 0 10px 20px rgba(0, 0, 0, 0.2);
  box-shadow: 0 10px 20px rgba(0, 0, 0, 0.2);
}
.category-block .inner-box:hover .image img {
  -webkit-transform: rotate(10deg) scale(1.2);
  transform: rotate(10deg) scale(1.2);
}
.category-block .inner-box.cat-bg-1:before {
  background-image: url(../images/icons/cat-1-bg.png);
}
.category-block .inner-box.cat-bg-2:before {
  background-image: url(../images/icons/cat-2-bg.png);
}
.category-block .inner-box.cat-bg-3:before {
  background-image: url(../images/icons/cat-3-bg.png);
}
.category-block .inner-box.cat-bg-4:before {
  background-image: url(../images/icons/cat-4-bg.png);
}
.category-block .image {
  position: relative;
  display: inline-block;
  height: 180px;
  width: 180px;
  overflow: hidden;
  border-radius: 50%;
  margin-bottom: 15px;
}
.category-block .image img {
  -webkit-transition: all 300ms ease;
  transition: all 300ms ease;
}
.category-block h4 {
  font-size: 20px;
  color: var(--theme-color3);
  font-weight: 700;
  margin-bottom: 10px;
}
.category-block h4 a {
  -webkit-transition: all 300ms ease;
  transition: all 300ms ease;
}
.category-block h4 a:hover {
  color: var(--theme-color1);
}
.category-block p {
  font-size: 14px;
  color: #797f7d;
  line-height: 26px;
  margin-bottom: 0px;
}

/***

====================================================================
    Categories Section Two
====================================================================

***/
.categories-section-two {
  position: relative;
  padding: 120px 0 90px;
}

.category-block-two {
  position: relative;
  padding-top: 70px;
  margin-bottom: 30px;
  z-index: 9;
}
.category-block-two .inner-box {
  position: relative;
  text-align: center;
  background: #ffffff;
  border-radius: 10px;
  margin: 0 auto;
  padding: 18px;
}
.category-block-two .inner-box:before {
  position: absolute;
  left: 0;
  top: 0;
  bottom: 60px;
  width: 100%;
  border-radius: 10px;
  background: #e3eee5;
  content: "";
}
.category-block-two .inner-box:hover .image:before {
  left: 100%;
  -webkit-transition: all 1000ms ease;
  transition: all 1000ms ease;
}
.category-block-two .inner-box:hover .image img {
  -webkit-transform: scale(0.9);
  transform: scale(0.9);
}
.category-block-two .inner-box:hover h4 a {
  color: var(--theme-color1);
}
.category-block-two .content {
  position: relative;
  background: #ffffff;
  border-radius: 10px;
  padding: 0 40px 40px;
  z-index: 1;
  -webkit-box-shadow: 0 10px 60px rgba(0, 0, 0, 0.07);
  box-shadow: 0 10px 60px rgba(0, 0, 0, 0.07);
}
.category-block-two .content:before {
  position: absolute;
  top: -88px;
  left: 0;
  width: 180px;
  height: 180px;
  right: 0;
  margin: 0 auto;
  border-radius: 50%;
  background: #e3eee5;
  content: "";
}
.category-block-two .content:after {
  position: absolute;
  left: 0;
  bottom: 0px;
  width: 100%;
  font-size: 30px;
  line-height: 1em;
  color: #e8f3ea;
  height: 15px;
  overflow: hidden;
  text-transform: uppercase;
  letter-spacing: 0.1em;
  content: attr(data-text);
}
.category-block-two .image {
  position: relative;
  display: inline-block;
  overflow: hidden;
  margin-bottom: 25px;
  margin-top: -70px;
}
.category-block-two .image img {
  -webkit-transition: all 300ms ease;
  transition: all 300ms ease;
}
.category-block-two .image:before {
  position: absolute;
  left: 0;
  top: 0;
  height: 120%;
  width: 100%;
  background: -webkit-gradient(linear, left top, right top, from(rgba(255, 255, 255, 0)), to(rgb(255, 255, 255)));
  background: linear-gradient(to right, rgba(255, 255, 255, 0) 0%, rgb(255, 255, 255) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#00ffffff',GradientType=1 );
  content: "";
  opacity: 0.3;
  left: -100%;
  pointer-events: none;
  z-index: 1;
}
.category-block-two h4 {
  font-size: 22px;
  color: var(--theme-color3);
  font-weight: 700;
  margin-bottom: 15px;
}
.category-block-two h4 a {
  color: var(--theme-color3);
  -webkit-transition: all 300ms ease;
  transition: all 300ms ease;
}
.category-block-two p {
  font-size: 16px;
  color: #797f7d;
  line-height: 26px;
  margin-bottom: 0px;
}
.category-block-two .link {
  position: relative;
  display: inline-block;
  height: 50px;
  width: 50px;
  background: #e8f3ea;
  border-radius: 50%;
  line-height: 50px;
  margin-top: 25px;
  color: #608174;
  -webkit-transition: all 300ms ease;
  transition: all 300ms ease;
}
.category-block-two .link:hover {
  -webkit-transform: rotate(270deg);
  transform: rotate(270deg);
}
.category-block-two.child-two .link {
  background: #f0e2e3;
}
.category-block-two.child-two .inner-box:before {
  background: #f0e2e3;
}
.category-block-two.child-two .inner-box:hover h4 a {
  color: #e69da2;
}
.category-block-two.child-two .content:before {
  background: #f0e2e3;
}
.category-block-two.child-two .content:after {
  color: #f0e2e3;
}
.category-block-two.child-three .link {
  background: #f1ede1;
}
.category-block-two.child-three .inner-box:before {
  background: #f1ede1;
}
.category-block-two.child-three .inner-box:hover h4 a {
  color: #c9b579;
}
.category-block-two.child-three .content:before {
  background: #f1ede1;
}
.category-block-two.child-three .content:after {
  color: #f1ede1;
}

/***

====================================================================
    Products Section
====================================================================

***/
.products-section {
  position: relative;
  padding: 120px 0;
}

.products-section .bg-image {
  position: absolute;
  left: 0;
  top: 0;
  height: 670px;
  width: 100%;
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
  background-attachment: fixed;
}

.products-section .bg-image:before {
  position: absolute;
  left: 0;
  top: 0;
  height: 100%;
  width: 100%;
  background-color: #113629;
  opacity: 0.7;
  content: "";
}

.products-section .bg-image:after {
  position: absolute;
  left: 0;
  bottom: 0;
  height: 50px;
  width: 100%;
  background-image: url(../images/icons/pattern-8.png);
  background-position: center bottom;
  content: "";
}

.products-section .sec-title h2 {
  font-size: 60px;
}

.products-section .sec-title .theme-btn {
  margin-top: 30px;
}

.products-box {
  max-width: 1530px;
  position: relative;
  padding: 120px 60px 90px;
  margin: 120px auto 0;
  background-color: #f7f5ee;
  overflow: hidden;
  border-radius: 10px;
}

.products-box:before {
  position: absolute;
  left: -90px;
  bottom: 0;
  height: 70%;
  width: 100%;
  background: url(../images/icons/shape-7.png) top left no-repeat;
  content: "";
}

.products-box .sec-title {
  margin-bottom: 30px;
}

.products-box .outer-box {
  position: relative;
  padding-right: 400px;
}

.products-box .outer-box .banner-box-two {
  position: absolute;
  right: 0;
  top: 0;
}

.banner-box-two {
  position: relative;
}

.banner-box-two .inner-box:before {
  position: absolute;
  left: 0;
  top: 0;
  height: 100%;
  width: 100%;
  background: -webkit-gradient(linear, left top, left bottom, from(rgb(22, 67, 51)), to(rgba(229, 229, 229, 0)));
  background: linear-gradient(to bottom, rgb(22, 67, 51) 0%, rgba(229, 229, 229, 0) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='var(--theme-color3)', endColorstr='#00e5e5e5',GradientType=0 );
  content: "";
}

.banner-box-two .inner-box {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  max-width: 370px;
  background: var(--theme-color3);
  border-radius: 10px;
  min-height: 440px;
  text-align: center;
  overflow: hidden;
  padding: 20px 20px;
}

.banner-box-two .title {
  position: relative;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: end;
  -ms-flex-align: end;
  align-items: flex-end;
  font-size: 20px;
  color: #ffffff;
  text-transform: uppercase;
  margin-bottom: 20px;
}

.banner-box-two .title strong {
  font-size: 60px;
  line-height: 1em;
  color: var(--theme-color2);
  font-weight: 400;
}

.banner-box-two h4 {
  font-size: 30px;
  line-height: 1.2em;
  color: #ffffff;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 0.1em;
  margin-bottom: 30px;
}

.product-block-two {
  position: relative;
  margin-bottom: 30px;
}

.product-block-two .inner-box {
  position: relative;
  border: 2px solid transparent;
  border-radius: 10px;
  background: #ffffff;
  padding: 20px 20px;
  padding-left: 150px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  min-height: 150px;
  -webkit-transition: all 300ms ease;
  transition: all 300ms ease;
}

.product-block-two .inner-box:hover {
  border: 2px solid var(--theme-color1);
}

.product-block-two .image {
  position: absolute;
  left: 20px;
  top: 20px;
  border-radius: 50%;
  overflow: hidden;
  height: 110px;
  width: 110px;
  border: 1px solid #e4e1d6;
  margin-bottom: 0px;
}

.product-block-two .image img {
  width: auto;
  -webkit-transition: all 300ms ease;
  transition: all 300ms ease;
}

.product-block-two .inner-box:hover .image img {
  -webkit-transform: scale(-1) rotate(180deg);
  transform: scale(-1) rotate(180deg);
}

.product-block-two h4 {
  display: block;
  font-size: 22px;
  color: var(--theme-color3);
  font-weight: 700;
  margin-bottom: 5px;
}

.product-block-two h4 a {
  color: var(--theme-color3);
  -webkit-transition: all 300ms ease;
  transition: all 300ms ease;
}

.product-block-two .price {
  display: block;
  font-size: 16px;
  line-height: 26px;
  color: var(--theme-color1);
  font-weight: 600;
}

.product-block-two .price del {
  display: inline-block;
  margin-left: 15px;
  font-size: 16px;
  color: #ff0000;
  line-height: 27px;
  opacity: 0.3;
}

.product-block-two .rating {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  font-size: 14px;
  color: #ff63c3;
}

.products-carousel .owl-nav {
  display: none;
}

.products-carousel .owl-dots {
  position: absolute;
  right: 0;
  top: -80px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  z-index: 8;
}

.products-carousel .owl-dot {
  position: relative;
  height: 7px;
  width: 7px;
  display: block;
  background: #879d91;
  margin-right: 5px;
  border-radius: 5px;
  display: block;
  -webkit-transition: all 300ms ease;
  transition: all 300ms ease;
}

.products-carousel .owl-dot.active {
  background: var(--theme-color3);
}

/***

====================================================================
    Featured Products
====================================================================

***/
.featured-products {
  position: relative;
  padding: 120px 0 90px;
}

.featured-products .bg-shape {
  position: absolute;
  left: 0;
  top: 0;
  height: 100%;
  width: 100%;
  background: url(../images/icons/pattern-7.png) left bottom no-repeat;
  background-size: 700px;
}

/*=== Mixitup Gallery ===*/
.featured-products .filters {
  margin-bottom: 40px;
  text-align: center;
}

.featured-products .filters .filter-tabs {
  position: relative;
  display: inline-block;
}

.featured-products .filters li {
  color: #797f7d;
  cursor: pointer;
  display: inline-block;
  font-weight: 500;
  font-size: 18px;
  margin: 0 5px 0;
  line-height: 24px;
  overflow: hidden;
  padding: 5px 12px 10px;
  position: relative;
  -webkit-transition: all 300ms ease;
  transition: all 300ms ease;
}

.featured-products .filters li:last-child {
  margin-right: 0;
}

.featured-products .filters .filter.active,
.featured-products .filters .filter:hover {
  background-color: var(--theme-color2);
  color: #fff;
}

.featured-products .filters li:before {
  position: absolute;
  left: 0;
  bottom: 8px;
  height: 2px;
  width: 100%;
  content: "";
  background-color: #fff;
  -webkit-transform: scale(0, 1);
  transform: scale(0, 1);
  -webkit-transform-origin: top right;
  transform-origin: top right;
  -webkit-transition: transform 500ms cubic-bezier(0.86, 0, 0.07, 1);
  -webkit-transition: -webkit-transform 500ms cubic-bezier(0.86, 0, 0.07, 1);
  transition: -webkit-transform 500ms cubic-bezier(0.86, 0, 0.07, 1);
  transition: transform 500ms cubic-bezier(0.86, 0, 0.07, 1);
  transition: transform 500ms cubic-bezier(0.86, 0, 0.07, 1), -webkit-transform 500ms cubic-bezier(0.86, 0, 0.07, 1); /* easeInOutQuint */
  -webkit-transition-timing-function: cubic-bezier(0.86, 0, 0.07, 1);
  transition-timing-function: cubic-bezier(0.86, 0, 0.07, 1); /* easeInOutQuint */
}

.featured-products .filters li.active:before,
.featured-products .filters li:hover:before {
  -webkit-transform: scale(1, 1);
  transform: scale(1, 1);
  -webkit-transform-origin: bottom left;
  transform-origin: bottom left;
}

.product-block {
  position: relative;
  margin-bottom: 30px;
}

.product-block.mix {
  display: none;
}

.product-block .inner-box {
  background: var(--theme-color2);
  border: 1px solid var(--theme-color2);
  border-radius: 10px;
  overflow: hidden;
  position: relative;
  text-align: center;
  -webkit-transition: all 300ms ease;
  transition: all 300ms ease;
}

.product-block .inner-box:hover {
  border: 1px solid var(--theme-color1);
  -webkit-box-shadow: 0px 10px 30px rgba(0, 0, 0, 0.1);
          box-shadow: 0px 10px 30px rgba(0, 0, 0, 0.1);
}

.product-block .image {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  margin-bottom: 0px;
  overflow: hidden;
  position: relative;
}

.product-block .image:before {
  position: absolute;
  left: 0;
  top: 0;
  height: 100%;
  width: 100%;
  background: -webkit-gradient(linear, left top, right top, from(rgba(255, 255, 255, 0)), to(rgb(255, 255, 255)));
  background: linear-gradient(to right, rgba(255, 255, 255, 0) 0%, rgb(255, 255, 255) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#00ffffff',GradientType=1 );
  content: "";
  opacity: 0.3;
  left: -100%;
  pointer-events: none;
  z-index: 1;
}

.product-block .inner-box:hover .image:before {
  left: 100%;
  -webkit-transition: all 1000ms ease;
  transition: all 1000ms ease;
}

.product-block .image img {
  width: auto;
  -webkit-transition: all 300ms ease;
  transition: all 300ms ease;
}

.product-block .inner-box:hover .image img {
  -webkit-transform: scale(1.1);
  transform: scale(1.1);
}

.product-block .content {
  position: relative;
  padding: 30px 30px 30px;
}

.product-block h4 {
  display: block;
  font-size: 22px;
  color: var(--theme-color2);
  margin-bottom: 5px;
}

.product-block h4 a {
  color: var(--theme-color1);
  -webkit-transition: all 300ms ease;
  transition: all 300ms ease;
}

.product-block .price {
  display: block;
  font-size: 16px;
  line-height: 26px;
  color: var(--theme-color-silver);
  font-weight: 500;
}

.product-block .price del {
  display: inline-block;
  margin-left: 15px;
  font-size: 16px;
  color: #ff0000;
  line-height: 27px;
  opacity: 0.3;
}

.product-block .rating {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  font-size: 14px;
  color: #ff63c3;
}

.product-block .tag {
  position: absolute;
  top: 30px;
  left: 20px;
  font-size: 14px;
  line-height: 23px;
  color: #ffffff;
  background: #FD5F5C;
  font-weight: 400;
  padding: 0 12px;
  border-radius: 3px;
  z-index: 9;
  font-style: italic;
  text-transform: uppercase;
}

.product-block .icon-box {
  position: absolute;
  right: 20px;
  top: 30px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  opacity: 0;
  visibility: hidden;
  -webkit-transition: all 300ms ease;
  transition: all 300ms ease;
}

.product-block .inner-box:hover .icon-box {
  top: 20px;
  opacity: 1;
  visibility: visible;
  -webkit-transition-delay: 300ms;
  transition-delay: 300ms;
}

.product-block .ui-btn {
  background-color: var(--theme-color2);
  border-radius: 50px;
  color: #ffffff;
  cursor: pointer;
  display: block;
  height: 40px;
  font-size: 14px;
  line-height: 40px;
  margin-bottom: 10px;
  position: relative;
  text-align: center;
  width: 40px;
  z-index: 9;
  -webkit-transition: all 300ms ease;
  transition: all 300ms ease;
}

.product-block .ui-btn:hover {
  background-color: var(--theme-color1);
  color: var(--theme-color1-text-color);
}

.product-block .cat {
  display: block;
  font-size: 18px;
  color: #707070;
  font-style: italic;
  margin-bottom: 5px;
}

/*
 * shop-catalog-layouts.scss
 * -----------------------------------------------
*/
.cart-section .table > :not(caption) > * > * {
  background-color: rgba(var(--theme-color-white-rgb), 0.05);
}
.cart-section table.table.tbl-shopping-cart th,
.cart-section table.table.tbl-shopping-cart td,
.cart-section table.table.cart-total th,
.cart-section table.table.cart-total td {
  border-left: rgba(var(--theme-color-white-rgb), 0.1);
}
.cart-section .form-control {
  color: rgba(var(--theme-color-white-rgb), 0.4);
}
.cart-section .form-control option {
  color: #000;
}
.cart-section select.form-control option {
  background-color: rgba(var(--theme-color-white-rgb), 0.05);
}
.cart-section table.tbl-shopping-cart > thead > tr > th, .cart-section table.tbl-shopping-cart > tbody > tr > th, .cart-section table.tbl-shopping-cart > tfoot > tr > th {
  color: rgba(var(--theme-color-white-rgb), 0.5);
}
.cart-section .table-striped > tbody > tr:nth-of-type(odd) > *,
.cart-section .table > :not(caption) > * > * {
  color: rgba(var(--theme-color-white-rgb), 0.5);
}
.cart-section tbody, .cart-section td, .cart-section tfoot, .cart-section th, .cart-section thead, .cart-section tr {
  border-color: rgba(var(--theme-color-white-rgb), 0.05);
}

table.table.tbl-shopping-cart .product-thumbnail,
table.table.cart-total .product-thumbnail {
  min-width: 64px;
}
table.table.tbl-shopping-cart img,
table.table.cart-total img {
  width: 64px;
  -webkit-box-shadow: none;
          box-shadow: none;
}
table.table.tbl-shopping-cart th,
table.table.tbl-shopping-cart td,
table.table.cart-total th,
table.table.cart-total td {
  vertical-align: middle;
  border-left: 1px solid #e3e3e3;
  padding: 20px 30px;
}
table.table.tbl-shopping-cart .product-name a,
table.table.cart-total .product-name a {
  color: var(--headings-color);
}
table.table.tbl-shopping-cart .product-name .variation,
table.table.cart-total .product-name .variation {
  font-size: 0.9rem;
  list-style: none;
}
table.table.tbl-shopping-cart .product-remove a,
table.table.cart-total .product-remove a {
  display: inline-block;
  width: 24px;
  height: 24px;
  line-height: 24px;
  border-radius: 24px;
  -webkit-transition: all 300ms ease-out;
  transition: all 300ms ease-out;
  background-color: #757575;
  color: #ffffff;
  text-align: center;
}
table.table.tbl-shopping-cart .coupon-form .apply-button,
table.table.cart-total .coupon-form .apply-button {
  position: relative;
  display: inline-block;
  color: #1e2434;
  background: #f4f5f4;
  padding: 15px 29px;
  cursor: pointer;
  text-transform: uppercase;
  -webkit-transition: all 500ms ease;
  transition: all 500ms ease;
}
table.table.tbl-shopping-cart .coupon-form .apply-button:hover,
table.table.cart-total .coupon-form .apply-button:hover {
  background-color: var(--theme-color2);
}
table.table.tbl-shopping-cart .coupon-form .apply-button:hover span,
table.table.cart-total .coupon-form .apply-button:hover span {
  color: var(--theme-color-white);
}

table.tbl-shopping-cart > thead > tr > th,
table.tbl-shopping-cart > tbody > tr > th,
table.tbl-shopping-cart > tfoot > tr > th {
  color: #444;
}

.our-checkout .table > :not(caption) > * > * {
  background-color: rgba(var(--theme-color-white-rgb), 0.05);
  border-color: rgba(var(--theme-color-white-rgb), 0.1);
  color: var(--theme-color2-text-color);
}
.our-checkout table.table.tbl-shopping-cart th,
.our-checkout table.table.tbl-shopping-cart td {
  border-left: 1px solid rgba(var(--theme-color-white-rgb), 0.1);
}

.payment-method .accordion-box .block {
  background-color: rgba(var(--theme-color-white-rgb), 0.05);
  -webkit-box-shadow: none;
          box-shadow: none;
  margin-bottom: 20px;
  padding: 30px;
}
.payment-method .accordion-box .block:last-child {
  margin-bottom: 0px;
}
.payment-method .accordion-box .block .acc-content .payment-info {
  background-color: rgba(var(--theme-color-white-rgb), 0.05);
  display: block;
  padding: 30px 30px 10px 30px;
  position: relative;
}
.payment-method .accordion-box .block .acc-btn {
  padding: 19px 30px 22px 30px;
}
.payment-method .accordion-box .block .acc-btn .icon-outer {
  color: var(--theme-color2-text-color);
  font-size: 28px;
  height: auto;
  position: absolute;
  right: 30px;
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
}
.payment-method .accordion-box .block .acc-btn.active .icon-outer {
  color: var(--theme-color2-text-color);
}
.payment-method .payment-method h3 {
  margin-bottom: 32px;
}
.payment-method .accordion-box .block .acc-btn.active {
  background-color: var(--theme-color1);
  color: var(--theme-color1-text-color);
}

.shop-sidebar {
  display: block;
  position: relative;
}
.shop-sidebar .sidebar-search .search-form .form-group {
  margin: 0px;
  position: relative;
}
.shop-sidebar .sidebar-search .search-form .form-group input[type=search] {
  background-color: rgba(var(--theme-color-white-rgb), 0.05);
  border: 1px solid rgba(var(--theme-color-white-rgb), 0.05);
  border-radius: 5px;
  color: #646578;
  height: 52px;
  padding: 10px 60px 10px 20px;
  position: relative;
  -webkit-transition: all 500ms ease;
  transition: all 500ms ease;
  width: 100%;
}
.shop-sidebar .sidebar-search .search-form .form-group button {
  background-color: var(--theme-color1);
  border-radius: 3px;
  color: #fff;
  cursor: pointer;
  display: inline-block;
  font-size: 18px;
  height: 42px;
  line-height: 42px;
  position: absolute;
  right: 5px;
  text-align: center;
  top: 5px;
  -webkit-transition: all 500ms ease;
  transition: all 500ms ease;
  width: 42px;
}
.shop-sidebar .sidebar-search .search-form .form-group button:hover {
  background-color: var(--theme-color1);
  color: var(--theme-color1-text-color);
}
.shop-sidebar .sidebar-search {
  margin-bottom: 30px;
}
.shop-sidebar .sidebar-widget {
  background-color: rgba(var(--theme-color-white-rgb), 0.05);
  border-radius: 5px;
  display: block;
  margin-bottom: 30px;
  padding: 35px 30px 37px 30px;
  position: relative;
}
.shop-sidebar .sidebar-widget:last-child {
  margin-bottom: 0px;
}
.shop-sidebar .sidebar-widget .widget-title {
  display: block;
  margin-bottom: 16px;
  position: relative;
}
.shop-sidebar .category-widget .category-list li {
  display: block;
  margin-bottom: 14px;
  position: relative;
}
.shop-sidebar .category-widget .category-list li:last-child {
  margin-bottom: 0px;
}
.shop-sidebar .category-widget .category-list li a {
  color: #858695;
  display: inline-block;
  font-weight: 400;
  padding-left: 20px;
  position: relative;
}
.shop-sidebar .category-widget .category-list li a:before {
  position: absolute;
  content: "\f0da";
  font-family: "Font Awesome 6 Pro";
  left: 0px;
  top: 0px;
  font-size: 16px;
  font-weight: 600;
  color: var(--theme-color1);
}
.shop-sidebar .category-widget .category-list li a:hover {
  color: var(--theme-color1);
}
.shop-sidebar .price-filters .widget-title {
  margin-bottom: 28px;
}
.shop-sidebar .post-widget .post {
  border-bottom: 1px solid rgba(var(--theme-color-white-rgb), 0.1);
  margin-bottom: 23px;
  min-height: 108px;
  padding-left: 90px;
  padding-bottom: 24px;
  position: relative;
}
.shop-sidebar .post-widget .post:last-child {
  margin-bottom: 0px;
  border-bottom: none;
}
.shop-sidebar .post-widget .post .post-thumb {
  border: 1px solid #d0d4dd;
  border-radius: 5px;
  height: 70px;
  left: 0px;
  position: absolute;
  top: 7px;
  -webkit-transition: all 500ms ease;
  transition: all 500ms ease;
  width: 70px;
}
.shop-sidebar .post-widget .post .post-thumb img {
  width: 100%;
  border-radius: 5px;
}
.shop-sidebar .post-widget .post a {
  color: #858695;
  display: inline-block;
  font-size: 16px;
  line-height: 26px;
  margin-bottom: 7px;
  position: relative;
}
.shop-sidebar .post-widget .post .price {
  color: var(--theme-color-white);
  display: block;
  font-size: 14px;
  font-weight: 600;
  line-height: 24px;
  position: relative;
}
.shop-sidebar .post-widget .post:hover .post-thumb {
  border-color: var(--theme-color1);
}
.shop-sidebar .post-widget .post:hover a {
  color: var(--theme-color1);
}
.shop-sidebar .post-widget {
  padding-bottom: 9px;
}

.range-slider {
  position: relative;
}
.range-slider .title {
  display: inline-block;
  line-height: 26px;
  margin-right: 4px;
  position: relative;
}
.range-slider .title:before {
  color: #646578;
  content: "$";
  font-size: 18px;
  left: -5px;
  position: absolute;
  top: -19px;
}
.range-slider p {
  color: #646578;
  display: inline-block;
  margin-right: 10px !important;
  position: relative;
}
.range-slider .input {
  color: #646578;
  display: inline-block;
  font-size: 18px;
  margin-top: 5px;
  max-width: 75px;
  position: relative;
}
.range-slider .input input {
  background: none;
  color: #646578;
  font-size: 15px;
  text-align: left;
}
.range-slider .ui-widget.ui-widget-content {
  background-color: #2d2f32;
  border-radius: 2px;
  border: none;
  height: 4px;
  margin-bottom: 14px;
}
.range-slider .ui-slider .ui-slider-range {
  background-color: var(--theme-color1);
  top: 0px;
  height: 4px;
}
.range-slider .ui-state-default {
  background-color: var(--theme-color1);
  border: none;
  border-radius: 50%;
  cursor: pointer;
  height: 14px;
  margin-left: 0px;
  position: absolute;
  top: -5px;
  width: 14px;
}
.range-slider .ui-state-default:before {
  background-color: #ffffff;
  border-radius: 50%;
  content: "";
  height: 6px;
  left: 4px;
  position: absolute;
  top: 4px;
  width: 6px;
}
.range-slider .ui-widget-content .ui-state-default {
  background-color: var(--theme-color1);
  border: none;
  border-radius: 50%;
  cursor: pointer;
  height: 14px;
  margin-left: 0px;
  top: -5px;
  width: 14px;
}
.range-slider .ui-widget-content .ui-state-default:before {
  background-color: #ffffff;
  border-radius: 50%;
  content: "";
  position: absolute;
  height: 6px;
  left: 4px;
  top: 4px;
  width: 6px;
}
.range-slider input[type=submit] {
  background: var(--theme-color1);
  border: none;
  border-radius: 10px;
  color: #ffffff;
  cursor: pointer;
  display: block;
  float: right;
  font-size: 14px;
  margin-top: 0;
  padding: 7px 20px;
  position: relative;
  text-align: center;
  text-transform: capitalize;
  -webkit-transition: all 500ms ease;
  transition: all 500ms ease;
}
.range-slider input[type=submit]:hover {
  background-color: var(--theme-color2);
  color: var(--theme-color2-text-color);
}

.foorer-area {
  border-radius: 40px;
  margin: 0 60px;
  background-color: var(--theme-color-black);
  position: relative;
  overflow: hidden;
  z-index: 9;
}
.foorer-area .footer-line {
  position: absolute;
  top: 0;
  right: 0;
  left: 0;
  bottom: 0;
  opacity: 0.3;
  z-index: -1;
}
.foorer-area .footer-line img {
  height: 100%;
}
@media (max-width: 1699.98px) {
  .foorer-area {
    margin: 0 35px;
  }
}
@media (max-width: 1399.98px) {
  .foorer-area {
    margin: 0 28px;
  }
}
@media (max-width: 1199.98px) {
  .foorer-area {
    margin: 0 20px;
  }
}
@media (max-width: 1199.98px) and (max-width: 767.98px) {
  .foorer-area {
    padding-left: 20px !important;
    padding-right: 20px !important;
  }
}
@media (max-width: 469.98px) {
  .foorer-area {
    margin: 0 16px;
  }
}
.foorer-area .footer-line-2 {
  position: absolute;
  right: 0;
  bottom: 0;
  z-index: -1;
}
.foorer-area .footer-top-wrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  border-bottom: 1px solid rgba(255, 255, 255, 0.14);
  padding-bottom: 50px;
}
@media (max-width: 767.98px) {
  .foorer-area .footer-top-wrapper {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    gap: 30px;
    padding-bottom: 30px;
  }
}
.foorer-area .footer-top-wrapper .footer-info {
  text-align: right;
}
.foorer-area .footer-top-wrapper .footer-info .mail {
  font-size: 20px;
  font-weight: 500;
  color: var(--text-color);
  display: block;
  margin-bottom: 4px;
}
@media (max-width: 767.98px) {
  .foorer-area .footer-top-wrapper .footer-info .mail {
    font-size: 17px;
  }
}
.foorer-area .footer-top-wrapper .footer-info .phone {
  font-size: 36px;
  color: #fff;
  line-height: 1;
}
@media (max-width: 767.98px) {
  .foorer-area .footer-top-wrapper .footer-info .phone {
    font-size: 28px;
  }
}
.foorer-area .footer-widget-wrapper {
  padding: 40px 0 80px;
  position: relative;
  z-index: 9;
}
.foorer-area .footer-widget-wrapper.style-four {
  padding-top: 80px;
}
@media (max-width: 1199.98px) {
  .foorer-area .footer-widget-wrapper.style-four {
    padding-top: 60px;
  }
}
@media (max-width: 991.98px) {
  .foorer-area .footer-widget-wrapper.style-four {
    padding-top: 40px;
  }
}
.foorer-area .footer-widget-wrapper .footer-content {
  margin-top: 30px;
}
.foorer-area .footer-widget-wrapper .footer-content .title {
  font-size: 60px;
  margin-bottom: 65px;
}
@media (max-width: 1199.98px) {
  .foorer-area .footer-widget-wrapper .footer-content .title {
    font-size: 50px;
  }
}
@media (max-width: 767.98px) {
  .foorer-area .footer-widget-wrapper .footer-content .title {
    font-size: 46px;
  }
}
@media (max-width: 575.98px) {
  .foorer-area .footer-widget-wrapper .footer-content .title {
    font-size: 38px;
    margin-bottom: 40px;
  }
}
.foorer-area .footer-widget-wrapper .footer-content .title span {
  color: var(--theme-color1);
}
.foorer-area .footer-widget-wrapper .footer-content .title-2 {
  font-size: 20px;
  color: #fff;
  margin-bottom: 20px;
}
.foorer-area .footer-widget-wrapper .footer-content .form-group {
  position: relative;
}
.foorer-area .footer-widget-wrapper .footer-content .form-group input {
  background: var(--theme-color2);
  border-radius: 40px;
  color: rgba(255, 255, 255, 0.6);
  display: block;
  font-size: 14px;
  height: 65px;
  line-height: 30px;
  padding: 20px 65px 20px 35px;
  position: relative;
  width: 100%;
}
.foorer-area .footer-widget-wrapper .footer-content .form-group input::-webkit-input-placeholder {
  color: rgba(255, 255, 255, 0.6);
}
.foorer-area .footer-widget-wrapper .footer-content .form-group input::-moz-placeholder {
  color: rgba(255, 255, 255, 0.6);
}
.foorer-area .footer-widget-wrapper .footer-content .form-group input:-ms-input-placeholder {
  color: rgba(255, 255, 255, 0.6);
}
.foorer-area .footer-widget-wrapper .footer-content .form-group input::-ms-input-placeholder {
  color: rgba(255, 255, 255, 0.6);
}
.foorer-area .footer-widget-wrapper .footer-content .form-group input::placeholder {
  color: rgba(255, 255, 255, 0.6);
}
.foorer-area .footer-widget-wrapper .footer-content .form-group .circle-btn {
  background-color: var(--theme-color1);
  border: 1px solid var(--theme-color1);
  border-radius: 50%;
  color: var(--theme-color1-text-color);
  font-size: 26px;
  height: 58px;
  line-height: 58px;
  position: absolute;
  right: 5px;
  text-align: center;
  top: 4px;
  width: 58px;
  padding: 0;
  -webkit-transition: all 0.4s ease-in-out;
  transition: all 0.4s ease-in-out;
}
.foorer-area .footer-widget-wrapper .footer-content-2 {
  max-width: 425px;
  margin-top: 45px;
}
.foorer-area .footer-widget-wrapper .footer-content-2 .footer-form .title {
  font-size: 20px;
  font-weight: 500;
  line-height: 140%;
}
@media (max-width: 1199.98px) {
  .foorer-area .footer-widget-wrapper .footer-content-2 .footer-form .title {
    font-size: 17px;
  }
}
.foorer-area .footer-widget-wrapper .footer-content-2 .footer-form form {
  position: relative;
  margin-top: 40px;
}
.foorer-area .footer-widget-wrapper .footer-content-2 .footer-form form input {
  border: none;
  outline: none;
  border-bottom: 1px solid rgb(89, 89, 89);
  background-color: transparent;
  width: 100%;
  color: var(--text-color);
  padding-bottom: 15px;
}
.foorer-area .footer-widget-wrapper .footer-content-2 .footer-form form input::-webkit-input-placeholder {
  color: var(--text-color);
}
.foorer-area .footer-widget-wrapper .footer-content-2 .footer-form form input::-moz-placeholder {
  color: var(--text-color);
}
.foorer-area .footer-widget-wrapper .footer-content-2 .footer-form form input:-ms-input-placeholder {
  color: var(--text-color);
}
.foorer-area .footer-widget-wrapper .footer-content-2 .footer-form form input::-ms-input-placeholder {
  color: var(--text-color);
}
.foorer-area .footer-widget-wrapper .footer-content-2 .footer-form form input::placeholder {
  color: var(--text-color);
}
.foorer-area .footer-widget-wrapper .footer-content-2 .footer-form form .subscribe-btn {
  background: transparent;
  border: none;
  color: #fff;
  font-size: 16px;
  font-weight: 400;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 8px;
  position: absolute;
  top: 0;
  right: 0;
}
.foorer-area .footer-widget-wrapper .footer-widget-items .text-theme-color {
  color: var(--theme-color1);
}
.foorer-area .footer-widget-wrapper .footer-widget-items .user-links li {
  font-size: 16px;
  font-weight: 400;
  -webkit-transition: all 0.4s ease-in-out;
  transition: all 0.4s ease-in-out;
  font-family: var(--heading-font-family);
}
@media (max-width: 1399.98px) {
  .foorer-area .footer-widget-wrapper .footer-widget-items .user-links li {
    font-size: 15px;
  }
}
.foorer-area .footer-widget-wrapper .footer-widget-items .user-links li:not(:last-child) {
  margin-bottom: 12px;
}
.foorer-area .footer-widget-wrapper .footer-widget-items .user-links li a {
  color: rgba(255, 255, 255, 0.6);
}
.foorer-area .footer-widget-wrapper .footer-widget-items .user-links li a i {
  margin-right: 5px;
}
.foorer-area .footer-widget-wrapper .footer-widget-items .user-links li:hover {
  margin-left: 5px;
}
.foorer-area .footer-widget-wrapper .footer-widget-items .user-links li:hover a {
  color: var(--theme-color1);
}
.foorer-area .footer-widget-wrapper .footer-widget-items .footer-contact li {
  color: var(--text-color);
  font-weight: 400;
}
@media (max-width: 1399.98px) {
  .foorer-area .footer-widget-wrapper .footer-widget-items .footer-contact li {
    font-size: 15px;
  }
}
.foorer-area .footer-widget-wrapper .footer-widget-items .footer-contact li:not(:last-child) {
  margin-bottom: 8px;
}
.foorer-area .footer-widget-wrapper .footer-widget-items .footer-contact li a {
  color: var(--text-color);
}
.foorer-area .footer-bottom {
  padding: 24px 0;
  border-top: 1px solid rgba(255, 255, 255, 0.2);
  position: relative;
  z-index: 8;
}
.foorer-area .footer-bottom .footer-bottom-wrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
@media (max-width: 767.98px) {
  .foorer-area .footer-bottom .footer-bottom-wrapper {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    gap: 10px;
  }
}
.foorer-area .footer-bottom .footer-bottom-wrapper p {
  color: #fff;
}
.foorer-area .footer-bottom .footer-bottom-wrapper .social-icon {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 0;
}
@media (max-width: 469.98px) {
  .foorer-area .footer-bottom .footer-bottom-wrapper .social-icon {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    gap: 10px;
  }
}
.foorer-area .footer-bottom .footer-bottom-wrapper .social-icon a {
  display: inline-block;
  border-radius: 32px;
  background: var(--theme-color2);
  padding: 0 14px;
  height: 35px;
  line-height: 35px;
  font-size: 14px;
  font-weight: 400;
  color: #fff;
  margin-right: -10px;
}
.foorer-area .footer-bottom .footer-bottom-wrapper .social-icon a:hover {
  background-color: var(--theme-color1);
  color: #fff;
}

.footer-section {
  padding-bottom: 40px;
  position: relative;
}
@media (max-width: 1199.98px) {
  .footer-section {
    padding-bottom: 20px;
  }
}
@media (max-width: 469.98px) {
  .footer-section {
    padding-bottom: 16px;
  }
}
.footer-section .shape-1 {
  position: absolute;
  top: 50px;
  left: 43%;
  z-index: 11;
}
@media (max-width: 1199.98px) {
  .footer-section .shape-1 {
    display: none;
  }
}
.footer-section .footer-vec {
  position: absolute;
  left: -5%;
  top: 30%;
  z-index: 11;
}
@media (max-width: 1699.98px) {
  .footer-section .footer-vec {
    display: none;
  }
}
.footer-section .footer-vec3 {
  position: absolute;
  right: 0;
  top: -130px;
  z-index: 11;
}
@media (max-width: 1699.98px) {
  .footer-section .footer-vec3 {
    display: none;
  }
}
.footer-section .gencyo-text {
  font-size: 259px;
  font-weight: 600;
  text-align: center;
  line-height: 1;
  margin-top: -20px;
  letter-spacing: -0.08em;
  color: var(--theme-color2);
}
@media (max-width: 1199.98px) {
  .footer-section .gencyo-text {
    letter-spacing: initial;
    margin-top: 0;
    margin-bottom: 25px;
    font-size: 150px;
  }
}
@media (max-width: 991.98px) {
  .footer-section .gencyo-text {
    font-size: 130px;
  }
}
@media (max-width: 767.98px) {
  .footer-section .gencyo-text {
    font-size: 100px;
  }
}
@media (max-width: 575.98px) {
  .footer-section .gencyo-text {
    font-size: 80px;
  }
}
@media (max-width: 469.98px) {
  .footer-section .gencyo-text {
    font-size: 50px;
  }
}
.footer-section .footer-vec-4 {
  position: absolute;
  top: 0;
  left: -4%;
  z-index: 11;
  display: none !important;
}

.footer-lets-talk {
  padding: 40px 110px;
  border-bottom-left-radius: 40px;
  border-bottom-right-radius: 40px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
@media (max-width: 1399.98px) {
  .footer-lets-talk {
    padding: 40px 80px;
  }
}
@media (max-width: 991.98px) {
  .footer-lets-talk {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    gap: 30px;
    text-align: center;
  }
}
@media (max-width: 767.98px) {
  .footer-lets-talk {
    padding: 40px 40px;
  }
}
@media (max-width: 469.98px) {
  .footer-lets-talk {
    padding: 40px 28px;
  }
}
.footer-lets-talk .title {
  font-size: 60px;
  font-weight: 500;
  color: #fff;
}
@media (max-width: 1199.98px) {
  .footer-lets-talk .title {
    font-size: 44px;
  }
}
@media (max-width: 767.98px) {
  .footer-lets-talk .title {
    font-size: 36px;
  }
}
@media (max-width: 575.98px) {
  .footer-lets-talk .title {
    font-size: 32px;
  }
}
@media (max-width: 469.98px) {
  .footer-lets-talk .title {
    font-size: 28px;
  }
}
.footer-lets-talk .circle-btn {
  display: inline-block;
  width: 200px;
  text-align: center;
  border-radius: 50%;
  height: 200px;
  line-height: 200px;
  background: rgba(255, 255, 255, 0.1);
  position: relative;
  z-index: 1;
}
@media (max-width: 1199.98px) {
  .footer-lets-talk .circle-btn {
    width: 180px;
    height: 180px;
    line-height: 180px;
  }
}
@media (max-width: 767.98px) {
  .footer-lets-talk .circle-btn {
    width: 140px;
    height: 140px;
    line-height: 140px;
  }
  .footer-lets-talk .circle-btn img {
    width: 40px;
  }
}
.footer-lets-talk .circle-btn::before {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  content: "";
  width: 175px;
  height: 175px;
  border-radius: 50%;
  background-color: var(--theme-color3);
  z-index: -1;
  -webkit-transition: all 0.4s ease-in-out;
  transition: all 0.4s ease-in-out;
}
@media (max-width: 1199.98px) {
  .footer-lets-talk .circle-btn::before {
    width: 150px;
    height: 150px;
    line-height: 150px;
  }
}
@media (max-width: 767.98px) {
  .footer-lets-talk .circle-btn::before {
    width: 120px;
    height: 120px;
    line-height: 120px;
  }
}
.footer-lets-talk .circle-btn:hover::before {
  background-color: #fff;
}

.tp-letter-span {
  display: inline-block;
  -webkit-transition: -webkit-transform 0.2s;
  transition: -webkit-transform 0.2s;
  transition: transform 0.2s;
  transition: transform 0.2s, -webkit-transform 0.2s;
}

/*** 

====================================================================
Page Title
====================================================================

***/
@-webkit-keyframes "ripple" {
  70% {
    -webkit-box-shadow: 0 0 0 70px rgba(255, 255, 255, 0);
    box-shadow: 0 0 0 70px rgba(255, 255, 255, 0);
  }
  100% {
    -webkit-box-shadow: 0 0 0 0 rgba(255, 255, 255, 0);
    box-shadow: 0 0 0 0 rgba(255, 255, 255, 0);
  }
}
@keyframes "ripple" {
  70% {
    -webkit-box-shadow: 0 0 0 70px rgba(255, 255, 255, 0);
    box-shadow: 0 0 0 70px rgba(255, 255, 255, 0);
  }
  100% {
    -webkit-box-shadow: 0 0 0 0 rgba(255, 255, 255, 0);
    box-shadow: 0 0 0 0 rgba(255, 255, 255, 0);
  }
}
.page-title {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding: 220px 0 120px;
  position: relative;
}
.page-title:before {
  background: linear-gradient(179deg, rgba(41, 41, 41, 0.6) 19.26%, rgba(255, 86, 166, 0.4509803922) 97.47%);
  bottom: 0;
  content: "";
  left: 0;
  position: absolute;
  right: 0;
  top: 0;
}
.page-title .title {
  color: #ffffff;
  font-size: 64px;
  margin-bottom: 17px;
}
@media only screen and (max-width: 768px) {
  .page-title .title {
    font-size: 34px;
  }
}
.page-title .text {
  color: #ffffff;
  font-size: 16px;
  letter-spacing: 0.05em;
  line-height: 26px;
  max-width: 520px;
  position: relative;
}

.page-breadcrumb {
  position: relative;
  margin-top: 5px;
}
.page-breadcrumb li {
  position: relative;
  display: inline-block;
  margin-right: 12px;
  padding-right: 13px;
  color: #ffffff;
  font-size: 14px;
  font-weight: 400;
  text-transform: capitalize;
}
.page-breadcrumb li:after {
  position: absolute;
  content: "\f105";
  right: -6px;
  top: 1px;
  color: #ffffff;
  font-size: 14px;
  font-weight: 900;
  font-family: "Font Awesome 6 Pro";
  color: #ffffff;
}
.page-breadcrumb li:last-child::after {
  display: none;
}
.page-breadcrumb li:last-child {
  padding-right: 0px;
  margin-right: 0px;
}
.page-breadcrumb li a {
  color: #ffffff;
  font-weight: 500;
  text-transform: capitalize;
  -webkit-transition: all 300ms ease;
  transition: all 300ms ease;
}
.page-breadcrumb li a:hover {
  color: #ffffff;
}

.page-title.style-two {
  background-position: center center;
}
.page-title.style-two .page-breadcrumb-outer {
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  padding: 10px 0;
  -webkit-transform: translateY(100%);
  transform: translateY(100%);
  z-index: 8;
}
.page-title.style-two .page-breadcrumb li {
  color: rgb(7, 7, 16);
  font-weight: 600;
}
.page-title.style-two .page-breadcrumb li:after {
  color: rgb(7, 7, 16);
}
.page-title.style-two .page-breadcrumb li a {
  color: rgba(7, 7, 16, 0.6);
}
.page-title.style-two .page-breadcrumb li a:hover {
  color: rgb(7, 7, 16);
}

.play-now {
  position: relative;
  display: block;
  z-index: 9;
  -webkit-transition: all 300ms ease;
  transition: all 300ms ease;
}
.play-now .icon {
  position: relative;
  display: inline-block;
  height: 70px;
  width: 70px;
  text-align: center;
  line-height: 70px;
  background-color: #ffffff;
  color: #6bd6ff;
  z-index: 1;
  padding-left: 0px;
  font-size: 14px;
  display: block;
  border-radius: 50%;
  -webkit-box-shadow: 0 0px 10px 0 rgba(255, 255, 255, 0.3);
  -ms-box-shadow: 0 0px 10px 0 rgba(255, 255, 255, 0.3);
  -o-box-shadow: 0 0px 10px 0 rgba(255, 255, 255, 0.3);
  box-shadow: 0 0px 10px 0 rgba(255, 255, 255, 0.3);
  -webkit-transform-origin: center;
  transform-origin: center;
}
.play-now .ripple {
  position: absolute;
  top: 50%;
  left: 50%;
  height: 70px;
  width: 70px;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  border-radius: 50%;
  -webkit-box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.6);
  -ms-box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.6);
  -o-box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.6);
  box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.6);
  -webkit-animation: ripple 3s infinite;
  animation: ripple 3s infinite;
}
.play-now .ripple:before {
  position: absolute;
  top: 50%;
  left: 50%;
  height: 70px;
  width: 70px;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  border-radius: 50%;
  -webkit-box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.6);
  -ms-box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.6);
  -o-box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.6);
  box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.6);
  -webkit-animation: ripple 3s infinite;
  animation: ripple 3s infinite;
  -webkit-animation-delay: 0.9s;
  animation-delay: 0.9s;
  content: "";
  position: absolute;
}
.play-now .ripple:after {
  position: absolute;
  top: 50%;
  left: 50%;
  height: 70px;
  width: 70px;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  border-radius: 50%;
  -webkit-box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.6);
  -ms-box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.6);
  -o-box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.6);
  box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.6);
  -webkit-animation: ripple 3s infinite;
  animation: ripple 3s infinite;
  -webkit-animation-delay: 0.6s;
  animation-delay: 0.6s;
  content: "";
  position: absolute;
}

.background-image {
  position: absolute;
  left: 0;
  top: 0;
  height: 100%;
  width: 100%;
  background-repeat: repeat;
  background-position: center;
  background-size: cover;
}

.error-page__inner {
  position: relative;
  display: block;
  text-align: center;
}
.error-page__inner .error-page__title-box {
  position: relative;
  display: block;
}
.error-page__inner .error-page__title {
  position: relative;
  display: inline-block;
  font-size: 280px;
  line-height: 280px;
  margin-bottom: 0;
  color: var(--theme-color1);
}
.error-page__inner .error-page__sub-title {
  font-size: 40px;
  letter-spacing: 0.1em;
  text-transform: uppercase;
  line-height: 50px;
  margin-top: -16px;
}
.error-page__inner .error-page__text {
  font-size: 20px;
  line-height: 30px;
  text-align: center;
}
.error-page__inner .error-page__form {
  position: relative;
  display: block;
  margin: 42px auto 20px;
}
.error-page__inner .error-page__form input[type=search] {
  height: 60px;
  width: 100%;
  border: none;
  outline: none;
  background-color: rgba(var(--theme-color-white-rgb), 0.05);
  font-size: 14px;
  color: #fff;
  padding-left: 50px;
  padding-right: 75px;
  border-radius: 7px;
}
.error-page__inner .error-page__form button[type=submit] {
  background-color: transparent;
  color: var(--theme-color1-text-color);
  font-size: 22px;
  position: absolute;
  top: 0;
  right: 0px;
  bottom: 0;
  width: 72px;
  outline: none;
  border: none;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  padding: 0;
}
.error-page__inner .error-page__form-input {
  position: relative;
  display: block;
  max-width: 570px;
  width: 100%;
  margin: 0 auto;
}

input::-webkit-input-placeholder {
  color: #cccccc;
  opacity: 1;
}

input::-moz-placeholder {
  color: #cccccc;
  opacity: 1;
}

input:-ms-input-placeholder {
  color: #cccccc;
  opacity: 1;
}

input::-ms-input-placeholder {
  color: #cccccc;
  opacity: 1;
}

input::placeholder {
  color: #cccccc;
  opacity: 1;
}
input:-ms-input-placeholder {
  color: #cccccc;
}
input::-ms-input-placeholder {
  color: #cccccc;
}

/***
=============================================
    Services Details
=============================================
***/
.service-sidebar {
  display: block;
  position: relative;
  width: 100%;
}
.service-sidebar .service-sidebar-single {
  display: block;
  margin-bottom: 30px;
  position: relative;
}
.service-sidebar .service-sidebar-single-services {
  background: #f6f4ec;
  border-radius: 10px;
  display: block;
  padding: 35px 30px 25px;
  position: relative;
}
.service-sidebar .service-sidebar-single-services .title {
  display: block;
  margin-bottom: 12px;
  padding-left: 20px;
  position: relative;
}
.service-sidebar .service-sidebar-single-services .title h3 {
  color: var(--headings-color);
  font-size: 20px;
  line-height: 30px;
  letter-spacing: -0.02em;
}
.service-sidebar .service-sidebar-single-services ul {
  display: block;
  margin-top: 10px;
  position: relative;
}
.service-sidebar .service-sidebar-single-services ul li {
  display: block;
  margin-bottom: 5px;
  margin-top: -10px;
  position: relative;
}
.service-sidebar .service-sidebar-single-services ul li:last-child {
  margin-bottom: 0;
}
.service-sidebar .service-sidebar-single-services ul li a {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  border-radius: 10px;
  background: transparent;
  color: var(--agriox-color-1, #687469);
  display: block;
  font-size: 18px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  padding: 22px 20px 22px;
  position: relative;
  -webkit-transition: all 300ms ease;
  transition: all 300ms ease;
  -webkit-transition-delay: 0.1s;
          transition-delay: 0.1s;
  z-index: 1;
}
.service-sidebar .service-sidebar-single-services ul li a:hover {
  color: var(--headings-color);
}
.service-sidebar .service-sidebar-single-services ul li a:hover::before {
  opacity: 1;
  -webkit-transform: perspective(400px) rotateX(0deg);
          transform: perspective(400px) rotateX(0deg);
  -webkit-transition: all 300ms ease;
  transition: all 300ms ease;
  -webkit-transition-delay: 0.1s;
          transition-delay: 0.1s;
}
.service-sidebar .service-sidebar-single-services ul li a:hover i {
  color: var(--theme-color1);
}
.service-sidebar .service-sidebar-single-services ul li a::before {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  content: "";
  z-index: -1;
  opacity: 1;
  -webkit-transform: perspective(400px) rotateX(90deg);
          transform: perspective(400px) rotateX(90deg);
  -webkit-transform-origin: bottom;
          transform-origin: bottom;
  -webkit-transition: all 300ms ease;
  transition: all 300ms ease;
  -webkit-transition-delay: 0.1s;
          transition-delay: 0.1s;
  background: #ffffff;
  -webkit-box-shadow: 0px 10px 60px 0px rgba(0, 0, 0, 0.05);
          box-shadow: 0px 10px 60px 0px rgba(0, 0, 0, 0.05);
  border-radius: 10px;
}
.service-sidebar .service-sidebar-single-services ul li a i {
  font-size: 16px;
}
.service-sidebar .service-sidebar-single-services ul li.current a::before {
  opacity: 1;
  -webkit-transform: perspective(400px) rotateX(0deg);
          transform: perspective(400px) rotateX(0deg);
  -webkit-transition: all 300ms ease;
  transition: all 300ms ease;
  -webkit-transition-delay: 0.1s;
          transition-delay: 0.1s;
}
.service-sidebar .service-sidebar-single-services ul li.current a i {
  color: var(--theme-color1);
}
.service-sidebar .service-sidebar-single-services ul li.current:first-child {
  margin-top: 20px;
}
.service-sidebar .service-sidebar-single-services ul li.current:last-child {
  margin-bottom: 35px;
}
.service-sidebar .service-sidebar-single-contact-box {
  position: relative;
  display: block;
  background-attachment: scroll;
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
  border-radius: 10px;
  padding: 50px 0px 44px;
  z-index: 1;
}
.service-sidebar .service-sidebar-single-contact-box::before {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  background: rgba(109, 140, 84, 0.93);
  border-radius: 10px;
  content: "";
  z-index: -1;
}
.service-sidebar .service-sidebar-single-contact-box .icon {
  position: relative;
  display: inline-block;
  width: 60px;
  height: 60px;
  text-align: center;
  -webkit-transition: all 500ms ease;
  transition: all 500ms ease;
  border-radius: 50%;
  background: var(--theme-color2);
}
.service-sidebar .service-sidebar-single-contact-box .icon:hover {
  background-color: var(--headings-color);
}
.service-sidebar .service-sidebar-single-contact-box .icon:hover span::before {
  color: #fff;
}
.service-sidebar .service-sidebar-single-contact-box .icon span::before {
  position: relative;
  display: inline-block;
  color: var(--headings-color);
  font-size: 30px;
  line-height: 60px;
  -webkit-transition: all 500ms ease;
  transition: all 500ms ease;
}
.service-sidebar .service-sidebar-single-contact-box .title {
  position: relative;
  display: block;
  margin-top: 20px;
  margin-bottom: 42px;
}
.service-sidebar .service-sidebar-single-contact-box .title h2 {
  color: #ffffff;
  font-size: 36px;
}
.service-sidebar .service-sidebar-single-contact-box .phone {
  font-size: 24px;
  line-height: 34px;
}
.service-sidebar .service-sidebar-single-contact-box .phone a {
  color: #ffffff;
  -webkit-transition: all 500ms ease;
  transition: all 500ms ease;
}
.service-sidebar .service-sidebar-single-contact-box .phone a:hover {
  color: var(--theme-color1);
}
.service-sidebar .service-sidebar-single-contact-box p {
  color: #ffffff;
  font-size: 14px;
  line-height: 22px;
}
.service-sidebar .banner-widget {
  position: relative;
  display: block;
  background: #fff;
  border-radius: 10px;
  overflow: hidden;
  -webkit-box-shadow: 0px 10px 30px 0px rgba(0, 0, 0, 0.08);
          box-shadow: 0px 10px 30px 0px rgba(0, 0, 0, 0.08);
}
.service-sidebar .banner-widget .widget-content {
  position: relative;
  display: block;
  width: 100%;
  padding: 45px 30px 40px 30px;
  background-size: cover;
  background-repeat: no-repeat;
}
.service-sidebar .banner-widget .widget-content .shape {
  position: absolute;
  left: 0px;
  top: 0px;
  height: 100%;
  width: 278px;
  background-repeat: no-repeat;
  background-size: cover;
}
.service-sidebar .banner-widget .content-box {
  position: relative;
  max-width: 200px;
  width: 100%;
}
.service-sidebar .banner-widget .content-box .icon-box {
  position: relative;
  display: inline-block;
  width: 60px;
  height: 60px;
  line-height: 60px;
  font-size: 40px;
  background-color: var(--theme-color2);
  color: var(--theme-color2-text-color);
  text-align: center;
  border-radius: 5px;
  margin-bottom: 23px;
}
.service-sidebar .banner-widget .content-box .icon-box .icon-shape {
  position: absolute;
  top: -15px;
  right: -38px;
  width: 32px;
  height: 32px;
  background-repeat: no-repeat;
}
.service-sidebar .banner-widget .content-box h3 {
  display: block;
  font-size: 24px;
  line-height: 32px;
  color: #ffffff;
  font-weight: 600;
  text-transform: uppercase;
  margin-bottom: 22px;
}
.service-sidebar .banner-widget .content-box .theme-btn-two:hover {
  background: #0a267a;
}
.service-sidebar .service-sidebar-single-btn .theme-btn {
  border-radius: 15px;
  padding: 20px 50px;
  -webkit-transition: all 400ms ease;
  transition: all 400ms ease;
}
.service-sidebar .service-sidebar-single-btn .theme-btn span {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  gap: 12px;
}
.service-sidebar .service-sidebar-single-btn .theme-btn span i {
  font-size: 40px;
  line-height: normal;
}
.service-sidebar .service-sidebar-single-btn .theme-btn:hover {
  color: var(--theme-color2-text-color);
}
.service-sidebar .service-sidebar-single-btn .theme-btn:hover:before {
  left: 0;
  width: 100%;
}
.service-sidebar .service-sidebar-single-btn .theme-btn:before {
  background-color: var(--theme-color2);
  bottom: 0;
  content: "";
  left: 50%;
  position: absolute;
  right: 0;
  top: 0;
  width: 0;
  z-index: -1;
  -webkit-transition: all 400ms ease;
  transition: all 400ms ease;
}

.services-details__content .feature-list .single-item {
  position: relative;
  display: block;
  border: 1px solid #e1e8e4;
  padding: 16px 30px 16px 53px;
  margin-bottom: 20px;
  -webkit-transition: all 600ms ease;
  transition: all 600ms ease;
}
.services-details__content .feature-list .single-item .icon-box {
  color: var(--theme-color1);
  position: absolute;
  left: 20px;
  top: 16px;
  font-size: 18px;
  -webkit-transition: all 600ms ease;
  transition: all 600ms ease;
}
.services-details__content .feature-list .single-item .title {
  display: block;
  margin: 0;
  font-size: 16px;
  line-height: 32px;
  font-weight: 600;
  text-transform: uppercase;
}
.services-details__content .feature-list .single-item:hover {
  background-color: var(--theme-color2);
  color: var(--theme-color2-text-color);
}
.services-details__content .feature-list .single-item:hover .icon-box {
  color: var(--theme-color2-text-color);
}

.service-list li {
  position: relative;
  display: block;
  margin-bottom: 10px;
}
.service-list li:last-child {
  margin-bottom: 0px;
}
.service-list li a {
  position: relative;
  display: block;
  font-size: 18px;
  color: var(--headings-color);
  font-weight: 600;
  background-color: #fff;
  padding: 17px 20px 17px 50px;
  -webkit-box-shadow: 20px 5px 20px 0px rgba(0, 0, 0, 0.05);
          box-shadow: 20px 5px 20px 0px rgba(0, 0, 0, 0.05);
}
.service-list li a:hover, .service-list li a.current {
  color: var(--theme-color1-text-color);
  background-color: var(--theme-color1);
  padding-left: 80px;
}
.service-list li a:hover i, .service-list li a.current i {
  width: 60px;
  color: var(--theme-color2-text-color);
  background-color: var(--theme-color2);
}
.service-list li i {
  position: absolute;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  left: 0px;
  top: 0px;
  width: 30px;
  height: 100%;
  background-color: #f6f4ec;
  text-align: center;
  font-size: 16px;
  color: #707582;
  -webkit-transition: all 500ms ease;
  transition: all 500ms ease;
}

.sidebar-service-list {
  margin: 0;
}
.sidebar-service-list li + li {
  margin-top: 10px;
}
.sidebar-service-list li a {
  background-color: #121310;
  border-radius: 15px;
  color: var(--theme-color1-text-color);
  display: block;
  font-size: 18px;
  padding: 19px 40px;
  position: relative;
  -webkit-transition: all 500ms ease;
  transition: all 500ms ease;
}
.sidebar-service-list li a:hover {
  color: var(--theme-color1);
}
.sidebar-service-list li a:hover i {
  background-color: var(--theme-color1);
  color: var(--theme-color1-text-color);
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
}
.sidebar-service-list li a i {
  height: 32px;
  width: 45px;
  position: absolute;
  top: 50%;
  right: 20px;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  -webkit-transition: all 500ms ease;
  transition: all 500ms ease;
  text-align: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  font-size: 16px;
  border-radius: 15px;
}
.sidebar-service-list li.current a {
  background-color: #121310;
  color: var(--theme-color1);
}
.sidebar-service-list li.current a i {
  background-color: var(--theme-color1);
  color: var(--theme-color1-text-color);
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
}

.service-details-help {
  background-color: var(--theme-color1);
  border-radius: 15px;
  display: block;
  margin-top: 30px;
  overflow: hidden;
  padding: 57px 55px 50px;
  position: relative;
  text-align: center;
  z-index: 1;
}

.help-shape-1 {
  position: absolute;
  bottom: -215px;
  left: -95px;
  width: 220px;
  height: 500px;
  background-color: #303030;
  mix-blend-mode: soft-light;
  border-radius: 150px;
  -webkit-transform: rotate(45deg);
          transform: rotate(45deg);
  z-index: -1;
}

.help-shape-2 {
  position: absolute;
  top: -118px;
  right: -130px;
  width: 180px;
  height: 350px;
  background-color: #fff;
  mix-blend-mode: soft-light;
  border-radius: 186px;
  -webkit-transform: rotate(48deg);
          transform: rotate(48deg);
}

.help-icon {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  background-color: #121310;
  border-radius: 50%;
  color: #fff;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  font-size: 32px;
  height: 73px;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  margin: 0 auto 0;
  width: 73px;
  -webkit-transition: all 500ms ease;
  transition: all 500ms ease;
}
.help-icon:hover {
  background-color: #fff;
  color: var(--theme-color1);
}

.help-title {
  color: #fff;
  font-size: 38px;
  line-height: 40px;
  margin-bottom: 21px;
}

.help-contact {
  position: relative;
  display: block;
  margin-top: 21px;
}
.help-contact p {
  color: #fff;
  font-size: 14px;
  font-weight: 600;
  line-height: 32px;
  margin: 0;
  opacity: 0.7;
}
.help-contact a {
  color: #fff;
  font-size: 30px;
  font-weight: 500;
  line-height: normal;
  -webkit-transition: all 500ms ease;
  transition: all 500ms ease;
}
.help-contact a:hover {
  color: var(--theme-color1-text-color);
}

/*--------------------------------------------------------------
# Project Details
--------------------------------------------------------------*/
.project-details__img {
  position: relative;
  display: block;
  border-radius: 10px;
  overflow: hidden;
  height: 600px;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: center center;
     object-position: center center;
  border-radius: 10px 10px 10px 10px;
  margin-bottom: 40px;
}
@media (max-width: 991.98px) {
  .project-details__img {
    height: 470px;
  }
}
@media (max-width: 767.98px) {
  .project-details__img {
    height: 350px;
  }
}
@media (max-width: 575.98px) {
  .project-details__img {
    height: 250px;
  }
}
.project-details__img img {
  width: 100%;
  border-radius: 10px;
}

.project-details__content {
  position: relative;
  display: block;
}
.project-details__content img {
  border-radius: 8px;
}
.project-details__content .title {
  margin-top: 50px;
}
.project-details__content .text {
  color: #8f8c94;
}
@media (max-width: 1199.98px) {
  .project-details__content .project-title-big-title {
    font-size: 40px;
    line-height: 60px;
  }
}
.project-details__content .feature-list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 30px;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
@media (max-width: 575.98px) {
  .project-details__content .feature-list {
    display: block;
  }
}
.project-details__content .feature-list ul {
  max-width: 45%;
  width: 100%;
}
@media (max-width: 575.98px) {
  .project-details__content .feature-list ul {
    max-width: none;
  }
}
.project-details__content .feature-list ul li {
  color: #8f8c94;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  font-size: 16px;
  gap: 10px;
  margin-bottom: 10px;
}
.project-details__content .feature-list ul li .icon {
  color: var(--theme-color1);
}

.project-details__content-left {
  position: relative;
  display: block;
  margin-top: 31px;
}

.project-details__content-right {
  position: relative;
  display: block;
  margin-top: 40px;
}

.project-details__details-box {
  position: relative;
}

.project-details__details-list {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  gap: 30px;
  border-bottom: 1px solid rgba(255, 255, 255, 0.17);
}
@media (max-width: 991.98px) {
  .project-details__details-list {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    border: none;
  }
}
@media (max-width: 575.98px) {
  .project-details__details-list {
    gap: 0;
  }
}
.project-details__details-list li {
  position: relative;
  display: block;
  padding: 12px 0;
  max-width: 25%;
  width: 100%;
  margin-bottom: 40px;
}
@media (max-width: 991.98px) {
  .project-details__details-list li {
    max-width: 45%;
    margin-bottom: 0;
  }
}
@media (max-width: 575.98px) {
  .project-details__details-list li {
    max-width: 100%;
  }
}
.project-details__details-list li:after {
  position: absolute;
  top: 0;
  right: 50px;
  width: 1px;
  height: 88px;
  content: "";
  background-color: rgba(255, 255, 255, 0.17);
}
@media (max-width: 1199.98px) {
  .project-details__details-list li:after {
    display: none;
  }
}
.project-details__details-list li:last-child:after {
  display: none;
}

.project-details__client {
  font-size: 16px;
  color: var(--theme-color-lighter2);
  line-height: 24px;
  margin: 0;
}

.project-details__name {
  font-size: 20px;
  line-height: 24px;
  font-weight: 700;
  color: var(--theme-color-white);
}

.project-details__social {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.project-details__social a {
  position: relative;
  height: 40px;
  width: 40px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  text-align: center;
  background-color: var(--theme-color1);
  color: var(--text-color-bg-theme-color1);
  font-size: 15px;
  border-radius: 50%;
  overflow: hidden;
  -webkit-transition: all 500ms ease;
  transition: all 500ms ease;
  z-index: 1;
}
.project-details__social a:hover {
  background-color: var(--theme-color2);
  color: var(--text-color-bg-theme-color2);
}
.project-details__social a + a {
  margin-left: 10px;
}

.project-details__pagination-box {
  position: relative;
  display: block;
  text-align: center;
  border-top: 1px solid #ece9e0;
  border-bottom: 1px solid #ece9e0;
  padding: 30px 0;
  margin-top: 117px;
}

.project-details__pagination {
  position: relative;
  display: block;
}
.project-details__pagination li {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
.project-details__pagination li a {
  font-size: 14px;
  color: #757873;
  font-weight: 400;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-transition: all 500ms ease;
  transition: all 500ms ease;
}
.project-details__pagination li a:hover {
  color: var(--theme-color1);
}
.project-details__pagination li a:hover i {
  background-color: var(--theme-color2);
  color: var(--text-color-bg-theme-color2);
  border: 2px solid var(--theme-color2);
}
.project-details__pagination li .content {
  position: relative;
  display: block;
}
.project-details__pagination li.next {
  float: left;
  position: relative;
}
.project-details__pagination li.next i {
  position: relative;
  height: 52px;
  width: 52px;
  border: 2px solid #0e2207;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  border-radius: 50%;
  color: #0e2207;
  font-size: 16px;
  -webkit-transition: all 500ms ease;
  transition: all 500ms ease;
  margin-right: 20px;
  z-index: 1;
}
.project-details__pagination li.next .content {
  text-align: left;
}
.project-details__pagination li.previous {
  position: relative;
  float: right;
}
.project-details__pagination li.previous i {
  position: relative;
  height: 52px;
  width: 52px;
  border: 2px solid #0e2207;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  border-radius: 50%;
  color: #0e2207;
  font-size: 16px;
  -webkit-transition: all 500ms ease;
  transition: all 500ms ease;
  margin-left: 20px;
  z-index: 1;
}
.project-details__pagination li.previous .content {
  text-align: right;
}

/***

====================================================================
    Blog Details
====================================================================

***/
.blog-details {
  position: relative;
  display: block;
}

.blog-details__left {
  position: relative;
  display: block;
}

.blog-details__img {
  position: relative;
  display: block;
  border-radius: 10px;
}
.blog-details__img img {
  width: 100%;
  border-radius: 10px;
}

.blog-details__date {
  position: absolute;
  bottom: 0;
  right: 0;
  background-color: var(--theme-color1);
  text-align: center;
  padding: 21px 24px 20px;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  border-bottom-right-radius: 10px;
  border-top-left-radius: 10px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
.blog-details__date .day {
  font-size: 16px;
  color: #fff;
  font-weight: var(--body-font-weight);
  line-height: 16px;
}
.blog-details__date .month {
  position: relative;
  display: block;
  font-size: 10px;
  font-weight: var(--body-font-weight);
  color: #fff;
  line-height: 12px;
  text-transform: uppercase;
}

.blog-details__content {
  position: relative;
  display: block;
  margin-top: 22px;
}

.blog-details__meta {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.blog-details__meta li + li {
  margin-left: 18px;
}
.blog-details__meta li a {
  font-size: 15px;
  color: #777;
  font-weight: 500;
  -webkit-transition: all 300ms ease;
  transition: all 300ms ease;
}
.blog-details__meta li a:hover {
  color: var(--theme-color1);
}
.blog-details__meta li a i {
  color: var(--theme-color1);
  margin-right: 6px;
}

.blog-details__title {
  font-size: 30px;
  font-weight: var(--body-font-weight);
  line-height: 40px;
  margin-top: 12px;
  margin-bottom: 21px;
}

.blog-details__bottom {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  border-top: 1px solid rgba(var(--theme-color-white-rgb), 0.1);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  margin-top: 49px;
  padding: 30px 0 30px;
}
@media only screen and (max-width: 767px) {
  .blog-details__bottom {
    gap: 30px;
  }
}
.blog-details__bottom p {
  margin: 0;
}

.blog-details__tags span {
  color: var(--theme-color1-text-color);
  font-size: 20px;
  font-weight: var(--body-font-weight);
  margin-right: 14px;
}
.blog-details__tags a {
  position: relative;
  font-size: 12px;
  background-color: var(--theme-color1);
  color: var(--theme-color1-text-color);
  display: inline-block;
  padding: 5px 30px 5px;
  font-weight: var(--body-font-weight);
  -webkit-transition: all 300ms ease;
  transition: all 300ms ease;
  border-radius: 35px;
}
.blog-details__tags a:hover {
  background-color: var(--theme-color2);
  color: var(--theme-color2-text-color);
  text-decoration: none;
}
.blog-details__tags a + a {
  margin-left: 6px;
}

.blog-details__social-list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.blog-details__social-list a {
  position: relative;
  height: 43px;
  width: 43px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  text-align: center;
  background-color: var(--theme-color1);
  color: var(--theme-color2-text-color);
  font-size: 15px;
  border-radius: 50%;
  overflow: hidden;
  -webkit-transition: all 300ms ease;
  transition: all 300ms ease;
  z-index: 1;
}
.blog-details__social-list a:hover {
  background-color: var(--theme-color1);
  color: var(--theme-color1-text-color);
}
.blog-details__social-list a:hover:after {
  opacity: 1;
  -webkit-transform: scaleY(1);
  transform: scaleY(1);
}
.blog-details__social-list a:after {
  background-color: var(--theme-color1);
  content: "";
  height: 100%;
  left: 0;
  position: absolute;
  right: 0;
  top: 0;
  -webkit-transition-delay: 0.1s;
  transition-delay: 0.1s;
  -webkit-transition-timing-function: ease-in-out;
  transition-timing-function: ease-in-out;
  -webkit-transition-duration: 0.4s;
  transition-duration: 0.4s;
  -webkit-transition-property: all;
  transition-property: all;
  opacity: 1;
  -webkit-transform-origin: top;
  transform-origin: top;
  -webkit-transform-style: preserve-3d;
  transform-style: preserve-3d;
  -webkit-transform: scaleY(0);
  transform: scaleY(0);
  z-index: -1;
}
.blog-details__social-list a + a {
  margin-left: 10px;
}

.blog-details__pagenation-box {
  position: relative;
  display: block;
  overflow: hidden;
  margin-bottom: 53px;
}

.blog-details__pagenation {
  position: relative;
  display: block;
}
.blog-details__pagenation li {
  position: relative;
  float: left;
  font-size: 20px;
  color: #0e2207;
  font-weight: var(--body-font-weight);
  color: var(--theme-light-background-text-color);
  background-color: var(--theme-light-background);
  line-height: 30px;
  -webkit-transition: all 300ms ease;
  transition: all 300ms ease;
  max-width: 370px;
  width: 100%;
  padding-left: 60px;
  padding-right: 60px;
  padding-top: 52px;
  padding-bottom: 52px;
  border-radius: 10px;
}
.blog-details__pagenation li:hover {
  background-color: var(--theme-color1);
  color: var(--theme-color2-text-color);
}
.blog-details__pagenation li + li {
  margin-left: 30px;
}

/* Nav Links */
.nav-links {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  margin-bottom: 53px;
}
@media only screen and (max-width: 767px) {
  .nav-links {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    gap: 20px;
  }
}
.nav-links .prev {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  height: 100%;
  margin-right: 30px;
  width: calc(50% - 15px);
}
@media only screen and (max-width: 767px) {
  .nav-links .prev {
    width: 100%;
  }
}
.nav-links .prev .thumb {
  margin-right: 20px;
}
.nav-links .next {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  height: 100%;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: reverse;
      -ms-flex-direction: row-reverse;
          flex-direction: row-reverse;
  width: calc(50% - 15px);
}
@media only screen and (max-width: 767px) {
  .nav-links .next {
    width: 100%;
  }
}
.nav-links .next .thumb {
  margin-left: 20px;
}
.nav-links > div {
  -webkit-transition: all 300ms ease;
  transition: all 300ms ease;
}
.nav-links > div .thumb {
  display: inline-block;
  min-width: 60px;
  width: 60px;
  height: 60px;
  overflow: hidden;
}
.nav-links > div .thumb a {
  display: inline-block;
}
.nav-links > div > a {
  display: inline-block;
  word-wrap: break-word;
  white-space: -moz-pre-wrap;
  white-space: pre-wrap;
  font-size: 20px;
  line-height: 1.637;
  font-weight: var(--body-font-weight);
  -webkit-transition: all 300ms ease;
  transition: all 300ms ease;
  background-color: rgba(var(--theme-color-white-rgb), 0.05);
  color: var(--theme-color1-text-color);
  padding: 52px 50px;
  border-radius: 10px;
  width: 100%;
}
@media only screen and (max-width: 767px) {
  .nav-links > div > a {
    padding: 30px;
  }
}
.nav-links > div > a:hover {
  color: var(--theme-color2-text-color);
  background-color: var(--theme-color1);
}

/*** 

====================================================================
Sidebar
====================================================================

***/
@media (max-width: 991px) {
  .sidebar {
    margin-top: 50px;
  }
}
.sidebar__single + .sidebar__single {
  margin-top: 30px;
}

.sidebar__title {
  margin: 0;
  font-size: 20px;
  margin-bottom: 5px;
  font-weight: var(--h4-font-weight);
}

.sidebar__search {
  position: relative;
  display: block;
}

.sidebar__search-form {
  position: relative;
}
.sidebar__search-form input[type=search] {
  display: block;
  border: none;
  outline: none;
  background-color: rgba(var(--theme-color-white-rgb), 0.05);
  color: #fff;
  font-size: 16px;
  font-weight: 500;
  padding-left: 50px;
  height: 74px;
  width: 100%;
  padding-right: 80px;
  border-radius: 10px;
}
.sidebar__search-form input[type=search]::-webkit-input-placeholder {
  color: var(--theme-color1-text-color);
  opacity: 1;
}
.sidebar__search-form input[type=search]::-webkit-input-placeholder, .sidebar__search-form input[type=search]:-ms-input-placeholder, .sidebar__search-form input[type=search]::-ms-input-placeholder, .sidebar__search-form input[type=search]::placeholder {
  color: var(--theme-color1-text-color);
  opacity: 1;
}
@media only screen and (max-width: 767px) {
  .sidebar__search-form input[type=search] {
    padding-left: 30px;
  }
}
.sidebar__search-form button[type=submit] {
  background-color: transparent;
  color: #fff;
  font-size: 22px;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  width: 72px;
  outline: none;
  border: none;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  padding: 0;
}
@media only screen and (max-width: 767px) {
  .sidebar__search-form button[type=submit] {
    width: 42px;
  }
}

.sidebar__post {
  position: relative;
  display: block;
  padding: 46px 30px 30px;
  background-color: rgba(var(--theme-color-white-rgb), 0.05);
  color: var(--theme-light-background-text-color);
  border-radius: 10px;
  overflow: hidden;
  z-index: 1;
}
@media only screen and (max-width: 767px) {
  .sidebar__post {
    padding: 30px;
  }
}
.sidebar__post .sidebar__title {
  margin-left: 20px;
}
@media only screen and (max-width: 767px) {
  .sidebar__post .sidebar__title {
    margin-left: 0;
  }
}
.sidebar__post .sidebar__post-list {
  margin: 0;
}
.sidebar__post .sidebar__post-list li {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  padding: 16px 20px 17px;
  -webkit-transition: all 500ms ease;
  transition: all 500ms ease;
}
@media only screen and (max-width: 767px) {
  .sidebar__post .sidebar__post-list li {
    padding: 16px 0;
  }
}
.sidebar__post .sidebar__post-list li:hover {
  background-color: var(--theme-color1);
  border-radius: 10px;
}
.sidebar__post .sidebar__post-list li:hover h3 a {
  color: var(--theme-color1-text-color);
}
.sidebar__post .sidebar__post-list li + li {
  margin-top: 11px;
}
.sidebar__post .sidebar__post-list .sidebar__post-image {
  -webkit-box-flex: 70px;
      -ms-flex: 70px 0 0px;
          flex: 70px 0 0;
  margin-right: 20px;
}
.sidebar__post .sidebar__post-list .sidebar__post-image > img {
  border-radius: 10px;
  width: 80px;
}
.sidebar__post .sidebar__post-list .sidebar__post-content {
  position: relative;
  top: -3px;
}
.sidebar__post .sidebar__post-list .sidebar__post-content h3 {
  font-size: 18px;
  letter-spacing: 0;
  line-height: 26px;
  margin: 0;
}
.sidebar__post .sidebar__post-list .sidebar__post-content h3 a {
  color: var(--theme-color-silver);
  display: block;
  font-size: 16px;
  line-height: 24px;
  -webkit-transition: all 500ms ease;
  transition: all 500ms ease;
}
.sidebar__post .sidebar__post-list .sidebar__post-content-meta {
  font-size: 14px;
  font-weight: 400;
  color: rgba(var(--theme-color-white-rgb), 0.5);
  -webkit-transition: all 500ms ease;
  transition: all 500ms ease;
}
.sidebar__post .sidebar__post-list .sidebar__post-content-meta i {
  color: var(--theme-color-white);
  font-size: 14px;
  padding-right: 3px;
}

.sidebar__category {
  background-color: rgba(var(--theme-color-white-rgb), 0.05);
  border-radius: 10px;
  display: block;
  color: var(--theme-light-background-text-color);
  overflow: hidden;
  padding: 45px 30px 38px;
  position: relative;
  z-index: 1;
}
@media only screen and (max-width: 767px) {
  .sidebar__category {
    padding: 30px 15px 30px;
  }
}
.sidebar__category .sidebar__title {
  padding-left: 20px;
  margin-bottom: 9px;
}
.sidebar__category-list {
  margin: 0;
}
.sidebar__category-list li + li {
  margin-top: 4px;
}
.sidebar__category-list li a {
  color: #757873;
  font-size: 16px;
  position: relative;
  -webkit-transition: all 500ms ease;
  transition: all 500ms ease;
  display: block;
  background: none;
  padding: 12px 20px;
  font-weight: 500;
  border-radius: 10px;
}
.sidebar__category-list li a:hover {
  background-color: var(--theme-color1);
  -webkit-box-shadow: 0px 10px 60px 0px rgba(0, 0, 0, 0.05);
          box-shadow: 0px 10px 60px 0px rgba(0, 0, 0, 0.05);
  color: var(--theme-color1-text-color);
}
.sidebar__category-list li a:hover span {
  color: #ffcd1e;
  -webkit-transform: translateY(-50%) scale(1);
  transform: translateY(-50%) scale(1);
}
.sidebar__category-list li a span {
  position: absolute;
  top: 50%;
  right: 20px;
  -webkit-transform: translateY(-50%) scale(0);
  transform: translateY(-50%) scale(0);
  -webkit-transition: all 500ms ease;
  transition: all 500ms ease;
  color: var(--theme-color2);
  text-align: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  font-size: 16px;
}
.sidebar__category-list li.active a {
  background-color: var(--theme-color1);
  border-radius: 10px;
  -webkit-box-shadow: 0px 10px 60px 0px rgba(0, 0, 0, 0.05);
          box-shadow: 0px 10px 60px 0px rgba(0, 0, 0, 0.05);
  color: var(--theme-color1-text-color);
}
.sidebar__category-list li.active a span {
  -webkit-transform: translateY(-50%) scale(1);
          transform: translateY(-50%) scale(1);
  color: #ffcd1e;
}

.sidebar__tags {
  background-color: rgba(var(--theme-color-white-rgb), 0.05);
  border-radius: 10px;
  color: var(--theme-light-background-text-color);
  display: block;
  overflow: hidden;
  padding: 46px 45px 50px;
  position: relative;
  z-index: 1;
}
@media only screen and (max-width: 767px) {
  .sidebar__tags {
    padding: 30px;
  }
}
.sidebar__tags .sidebar__title {
  margin-left: 5px;
  margin-bottom: 25px;
}

.sidebar__tags-list {
  margin-top: -10px;
}
.sidebar__tags-list a {
  background: var(--theme-color1);
  border-radius: 30px;
  color: var(--theme-color1-text-color);
  display: inline-block;
  font-size: 14px;
  margin-left: 5px;
  padding: 5px 28px 5px;
  -webkit-transition: all 400ms ease;
  transition: all 400ms ease;
}
.sidebar__tags-list a:hover {
  background: var(--theme-color2);
  color: var(--theme-color2-text-color);
}
.sidebar__tags-list a + a {
  margin-left: 5px;
  margin-top: 10px;
}

.sidebar__comments {
  position: relative;
  display: block;
  background-color: rgba(var(--theme-color-white-rgb), 0.05);
  color: var(--theme-light-background-text-color);
  padding: 46px 50px 43px;
  border-radius: 10px;
  overflow: hidden;
  z-index: 1;
}
@media only screen and (max-width: 767px) {
  .sidebar__comments {
    padding: 30px;
  }
}
.sidebar__comments .sidebar__title {
  margin-bottom: 25px;
}

.sidebar__comments-list {
  position: relative;
  display: block;
}
.sidebar__comments-list li {
  position: relative;
  display: block;
  padding-left: 65px;
}
.sidebar__comments-list li:hover .sidebar__comments-icon {
  background-color: var(--theme-color3);
  color: var(--theme-color3-text-color);
}
.sidebar__comments-list li + li {
  margin-top: 23px;
}

.sidebar__comments-icon {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  background-color: var(--theme-color1);
  border-radius: 50%;
  color: var(--theme-color1-text-color);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  font-size: 15px;
  height: 45px;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  left: 0;
  position: absolute;
  top: 0;
  width: 45px;
  -webkit-transition: all 400ms ease;
  transition: all 400ms ease;
}

.sidebar__comments-text-box p {
  font-size: 15px;
  margin: 0;
  line-height: 26px;
  font-weight: 500;
}
.sidebar__comments-text-box p span {
  color: var(--theme-color-white);
}
.sidebar__comments-text-box h5 {
  font-size: 15px;
  margin: 0;
  line-height: 26px;
  color: #757873;
  font-weight: 500;
  letter-spacing: 0;
}

/*** 

====================================================================
    Comments
====================================================================

***/
.comment-one .comment-one__title {
  margin-bottom: 30px;
}
.comment-one .comment-one__single {
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: start;
  border-bottom: 1px solid rgba(255, 255, 255, 0.1);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding-bottom: 60px;
  margin-bottom: 60px;
}
@media only screen and (max-width: 767px) {
  .comment-one .comment-one__single {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
}
.comment-one .comment-one__content {
  position: relative;
}
@media only screen and (max-width: 767px) {
  .comment-one .comment-one__content {
    margin-left: 0;
    margin-top: 20px;
  }
}
.comment-one .comment-one__content h3 {
  color: var(--theme-color2-text-color);
  font-size: 20px;
  margin: 0;
  margin-bottom: 24px;
}
.comment-one .comment-one__content p {
  font-size: 16px;
  font-weight: 500;
}
.comment-one .comment-one__btn {
  font-size: 14px;
  padding: 5px 30px;
  position: absolute;
  right: 0;
  top: 0;
}
.comment-one .comment-one__btn:hover {
  background-color: var(--theme-color2);
  color: var(--theme-color2-text-color);
}
.comment-one .comment-one__image {
  border-radius: 50%;
  display: block;
  -webkit-box-flex: 100px;
      -ms-flex: 100px 0 0px;
          flex: 100px 0 0;
  position: relative;
}
.comment-one .comment-one__image img {
  border-radius: 50%;
}

.comment-form .comment-form__title {
  margin-top: -7px;
}

/*--------------------------------------------------------------
# Team Details
--------------------------------------------------------------*/
.team-details {
  display: block;
  position: relative;
}

.team-details-shape-1 {
  bottom: -270px;
  position: absolute;
  opacity: 0.5;
  right: 0;
  z-index: 2;
}
.team-details-shape-1 img {
  width: auto;
}

.team-details__top-left {
  display: block;
  margin-right: -48px;
  position: relative;
}
@media (max-width: 1399.98px) {
  .team-details__top-left {
    margin-right: 0;
  }
}
@media (max-width: 991.98px) {
  .team-details__top-left {
    margin-right: 40px;
  }
}
@media (max-width: 575.98px) {
  .team-details__top-left {
    margin-right: 0px;
  }
}

.team-details__top-img {
  border-radius: 30px;
  display: block;
  position: relative;
}
.team-details__top-img img {
  border-radius: 30px;
  width: 100%;
}

.team-details__big-text {
  background-color: var(--theme-color1);
  color: var(--theme-color1-text-color);
  font-size: 16px;
  font-weight: 500;
  letter-spacing: 0.35em;
  line-height: 30px;
  padding: 15px 30px 20px 30px;
  position: absolute;
  -webkit-transform: rotate(90deg);
  transform: rotate(90deg);
  top: calc(50% - 30px);
  right: -185px;
  text-transform: uppercase;
}
@media (max-width: 575.98px) {
  .team-details__big-text {
    left: 0;
    letter-spacing: 1px;
    margin-bottom: 30px;
    position: relative;
    right: auto;
    -webkit-transform: rotate(0);
            transform: rotate(0);
    top: 30px;
    text-align: center;
  }
}

.team-details__top-right {
  position: relative;
  display: block;
  margin-left: 100px;
}
@media (max-width: 1399.98px) {
  .team-details__top-right {
    margin-left: 40px;
  }
}
@media (max-width: 991.98px) {
  .team-details__top-right {
    margin-left: 0px;
    margin-top: 50px;
  }
}

.team-details__top-content {
  position: relative;
  display: block;
  margin-top: -11px;
}

.team-details__top-title {
  font-size: 16px;
  color: var(--theme-color1);
}

.team-details__social {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  margin-top: 20px;
  margin-bottom: 28px;
}
.team-details__social a {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  background-color: var(--theme-color1);
  border-radius: 50%;
  color: var(--theme-color1-text-color);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  font-size: 15px;
  height: 40px;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  position: relative;
  text-align: center;
  -webkit-transition: all 500ms ease;
  transition: all 500ms ease;
  width: 40px;
}
.team-details__social a:hover {
  background-color: var(--theme-color2);
  color: var(--theme-color2-text-color);
}
.team-details__social a + a {
  margin-left: 10px;
}

.team-details__top-right .team-details__top-name {
  font-size: 40px;
  font-weight: 700;
  line-height: 50px;
  margin-bottom: 15px;
}
.team-details__top-right .team-details__top-name .text-theme-colored1 {
  font-size: 20px;
  font-weight: 400;
  line-height: 1;
  color: var(--theme-color1);
}
.team-details__top-right .team-details__text-1 {
  color: #8c8f94;
}
.team-details__top-right .team-details__text-2 {
  color: #8c8f94;
  padding-bottom: 35px;
  margin-bottom: 35px;
  border-bottom: 1px solid rgba(255, 255, 255, 0.17);
}
.team-details__top-right .info-outer-box {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 30px;
  padding-bottom: 35px;
  margin-bottom: 35px;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  border-bottom: 1px solid rgba(255, 255, 255, 0.17);
}
.team-details__top-right .info-outer-box .team-details-contact .title {
  font-size: 18px;
  color: #eeeeee;
  font-weight: 600;
  margin-bottom: 0;
}
.team-details__top-right .info-outer-box .team-details-contact .text {
  font-size: 16px;
  color: #8c8f94;
}

.team-details__bottom {
  position: relative;
  display: block;
}

.team-details__bottom-left {
  position: relative;
  display: block;
  margin-right: 70px;
}
@media (max-width: 1399.98px) {
  .team-details__bottom-left {
    margin-right: 0;
  }
}
@media (max-width: 991.98px) {
  .team-details__bottom-left {
    margin-bottom: 40px;
  }
}

.team-details__bottom-left-title {
  font-size: 36px;
  font-weight: 700;
  line-height: 46px;
}

.team-details__bottom-left-text {
  color: #8c8f94;
  margin-bottom: 30px;
}

.team-details__bottom-right {
  position: relative;
  display: block;
  margin-left: 70px;
  margin-top: 1px;
}
@media (max-width: 1399.98px) {
  .team-details__bottom-right {
    margin-left: 0;
  }
}

.team-details__progress {
  position: relative;
  display: block;
  width: 100%;
}
.team-details__progress .bar {
  position: relative;
  width: 100%;
  height: 13px;
  background-color: #121310;
  border-radius: 7px;
  margin-bottom: 22px;
}
.team-details__progress .bar-inner {
  background-color: var(--theme-color1);
  border-radius: 7px;
  display: block;
  height: 13px;
  position: relative;
  width: 0px;
  -webkit-transition: all 1500ms ease;
  transition: all 1500ms ease;
}
.team-details__progress .count-text {
  position: absolute;
  right: 0px;
  bottom: 21px;
  color: #8c8f94;
  line-height: 24px;
  font-size: 14px;
  text-align: center;
  font-weight: 500;
  opacity: 0;
  -webkit-transition: all 500ms ease;
  transition: all 500ms ease;
}
.team-details__progress .bar-inner.counted .count-text {
  opacity: 1;
}
.team-details__progress .bar.marb-0 {
  margin-bottom: 0;
}

.team-details__progress-single {
  position: relative;
  display: block;
  margin-bottom: 40px;
}

.team-details__progress-title {
  font-size: 18px;
  font-weight: 600;
  line-height: 28px;
  color: var(--theme-color-white);
  margin-bottom: 10px;
}

.team-details__bottom .form-control,
.team-details__bottom .input-text,
.team-details__bottom input[type=text],
.team-details__bottom input[type=email] {
  background-color: #121310;
  border-color: rgba(255, 255, 255, 0.17);
  -webkit-box-shadow: none;
          box-shadow: none;
  color: #fff;
}
.team-details__bottom .form-control:focus,
.team-details__bottom .input-text:focus,
.team-details__bottom input[type=text]:focus,
.team-details__bottom input[type=email]:focus {
  border-color: var(--theme-color2);
}
.team-details__bottom textarea {
  background-color: #121310;
  border-color: rgba(255, 255, 255, 0.17);
  height: 95px;
}
.team-details__bottom button {
  width: 100%;
  border-radius: 10px;
}

/***

====================================================================
        Contact
====================================================================

***/
.contact-details__info {
  position: relative;
  display: block;
  margin-top: 41px;
}
.contact-details__info li {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
.contact-details__info li .icon {
  height: 80px;
  width: 80px;
  background-color: var(--theme-color1);
  color: var(--theme-color1-text-color);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-transition: all 500ms ease;
  transition: all 500ms ease;
}
.contact-details__info li .icon span {
  color: var(--theme-color2-text-color);
  font-size: 25px;
  -webkit-transition: all 500ms ease;
  transition: all 500ms ease;
}
.contact-details__info li:hover .icon {
  background-color: var(--theme-color2);
  color: var(--theme-color2-text-color);
}
.contact-details__info li:hover .text a {
  color: var(--notech-base);
}
.contact-details__info li:hover .text a span {
  color: var(--notech-gray);
}
.contact-details__info li .text {
  margin-left: 30px;
}
.contact-details__info li .text p {
  font-size: 14px;
  line-height: 24px;
}
.contact-details__info li .text a {
  font-size: 18px;
  color: var(--notech-black);
  -webkit-transition: all 500ms ease;
  transition: all 500ms ease;
}
.contact-details__info li .text span {
  font-size: 20px;
  color: var(--notech-black);
}
.contact-details__info li + li {
  margin-top: 19px;
}

.contact-details .sec-title {
  margin-bottom: 20px;
}
.contact-details .sec-title .sub-title {
  color: #4f515d;
}
.contact-details .sec-title h2 {
  color: var(--headings-color);
}
.contact-details .sec-title .text {
  color: #4f515d;
}

.map {
  height: 550px;
}

/* =========================================================
   CONTRASTELAB V79 — EDITORIAL / NEWS PLACEHOLDER SECTION
   ========================================================= */
.cl-journal {
  --journal-ink: #0c0b11;
  --journal-muted: #6f6b76;
  --journal-pink: #e24f9c;
  --journal-purple: #7868ff;
  position: relative;
  overflow: hidden;
  padding: 116px 0 126px;
  background:
    radial-gradient(circle at 18% 8%, rgba(120,104,255,.11), transparent 24%),
    radial-gradient(circle at 82% 18%, rgba(226,79,156,.10), transparent 26%),
    #f5f3ef;
  color: var(--journal-ink);
}
.cl-journal::before {
  content: "";
  position: absolute;
  inset: 0;
  pointer-events: none;
  opacity: .42;
  background-image: radial-gradient(rgba(12,11,17,.16) .65px, transparent .65px);
  background-size: 18px 18px;
  mask-image: linear-gradient(to bottom, transparent, #000 15%, #000 74%, transparent 98%);
}
.cl-journal__container { position: relative; z-index: 1; }
.cl-journal__header {
  width: min(760px, 100%);
  margin: 0 auto 54px;
  text-align: center;
}
.cl-journal__eyebrow {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  margin-bottom: 16px;
  color: #6e6878;
  font-size: 13px;
  font-weight: 650;
  letter-spacing: .01em;
}
.cl-journal__spark {
  color: var(--journal-purple);
  filter: drop-shadow(0 0 8px rgba(120,104,255,.45));
}
.cl-journal__header h2 {
  margin: 0;
  color: var(--journal-ink);
  font-size: clamp(43px, 5vw, 72px);
  line-height: .94;
  letter-spacing: -.055em;
  font-weight: 700;
}
.cl-journal__header h2 span {
  background: linear-gradient(100deg, #6f63ff 4%, #de4f9f 52%, #ff815a 98%);
  -webkit-background-clip: text;
  background-clip: text;
  color: transparent;
}
.cl-journal__header p {
  max-width: 560px;
  margin: 22px auto 0;
  color: var(--journal-muted);
  font-size: 15px;
  line-height: 1.65;
}
.cl-journal__grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 18px;
}
.cl-journal-card {
  position: relative;
  min-width: 0;
  border-radius: 28px;
  background: #0b0b0e;
  box-shadow: 0 26px 70px rgba(18,13,26,.13);
  overflow: hidden;
  transform: translateZ(0);
  transition: transform .45s cubic-bezier(.2,.8,.2,1), box-shadow .45s ease;
}
.cl-journal-card:hover {
  transform: translateY(-9px);
  box-shadow: 0 34px 86px rgba(18,13,26,.21);
}
.cl-journal-card__media {
  position: relative;
  height: 390px;
  overflow: hidden;
  background: #18171c;
}
.cl-journal-card__media::after {
  content: "";
  position: absolute;
  inset: 38% 0 0;
  background: linear-gradient(to bottom, transparent 0%, rgba(6,6,8,.18) 46%, #0b0b0e 100%);
  pointer-events: none;
}
.cl-journal-card__media img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
  transform: scale(1.015);
  transition: transform .75s cubic-bezier(.2,.75,.2,1), filter .45s ease;
}
.cl-journal-card:hover .cl-journal-card__media img { transform: scale(1.07); }
.cl-journal-card--grok .cl-journal-card__media img { object-position: center center; }
.cl-journal-card--muse .cl-journal-card__media img { object-position: center center; }
.cl-journal-card--chatgpt .cl-journal-card__media img { object-position: 52% center; }
.cl-journal-card__brand,
.cl-journal-card__index {
  position: absolute;
  z-index: 3;
  top: 18px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  backdrop-filter: blur(16px);
  -webkit-backdrop-filter: blur(16px);
  border: 1px solid rgba(255,255,255,.28);
  color: #fff;
  box-shadow: 0 10px 30px rgba(0,0,0,.15);
}
.cl-journal-card__brand {
  left: 18px;
  min-height: 39px;
  padding: 0 15px;
  border-radius: 999px;
  background: rgba(17,15,25,.62);
  font-size: 12px;
  font-weight: 800;
  letter-spacing: .07em;
}
.cl-journal-card--grok .cl-journal-card__brand { background: linear-gradient(135deg, rgba(96,79,255,.94), rgba(151,84,235,.90)); }
.cl-journal-card--muse .cl-journal-card__brand { background: linear-gradient(135deg, rgba(255,117,67,.94), rgba(227,75,148,.88)); }
.cl-journal-card--chatgpt .cl-journal-card__brand { background: linear-gradient(135deg, rgba(17,155,124,.94), rgba(28,119,103,.90)); }
.cl-journal-card__index {
  right: 18px;
  width: 39px;
  height: 39px;
  border-radius: 50%;
  background: rgba(9,9,12,.46);
  font-size: 11px;
  font-weight: 700;
}
.cl-journal-card__body {
  position: relative;
  z-index: 4;
  min-height: 292px;
  margin-top: -28px;
  padding: 33px 30px 27px;
  border-top: 1px solid rgba(255,255,255,.08);
  border-radius: 28px 28px 0 0;
  background:
    radial-gradient(circle at 90% 0, rgba(120,104,255,.13), transparent 34%),
    #0b0b0e;
  color: #fff;
}
.cl-journal-card__meta {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  margin-bottom: 15px;
  font-size: 11px;
  font-weight: 700;
  letter-spacing: .055em;
  text-transform: uppercase;
}
.cl-journal-card__meta span:first-child { color: #ff5ab0; }
.cl-journal-card__meta span:last-child { color: rgba(255,255,255,.36); }
.cl-journal-card__body h3 {
  margin: 0 0 14px;
  color: #fff;
  font-size: clamp(22px, 1.75vw, 29px);
  line-height: 1.08;
  letter-spacing: -.035em;
  font-weight: 650;
  text-transform: none;
}
.cl-journal-card__body p {
  margin: 0;
  color: rgba(255,255,255,.60);
  font-size: 14px;
  line-height: 1.56;
}
.cl-journal-card__cta {
  display: inline-flex;
  align-items: center;
  gap: 9px;
  margin-top: 23px;
  color: #fff;
  font-size: 13px;
  font-weight: 650;
}
.cl-journal-card__cta i {
  width: 28px;
  height: 28px;
  border-radius: 50%;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  font-style: normal;
  background: rgba(255,255,255,.08);
  transition: transform .3s ease, background .3s ease;
}
.cl-journal-card:hover .cl-journal-card__cta i {
  transform: translate(2px,-2px);
  background: linear-gradient(135deg, #7868ff, #e24f9c);
}
@media (max-width: 1199.98px) {
  .cl-journal { padding: 94px 0 104px; }
  .cl-journal-card__media { height: 330px; }
  .cl-journal-card__body { padding: 30px 24px 25px; min-height: 305px; }
}
@media (max-width: 991.98px) {
  .cl-journal__grid {
    grid-template-columns: repeat(3, minmax(300px, 78vw));
    overflow-x: auto;
    gap: 14px;
    margin-right: calc(var(--bs-gutter-x) * -.5);
    padding: 0 calc(var(--bs-gutter-x) * .5) 18px 0;
    scroll-snap-type: x mandatory;
    scrollbar-width: none;
  }
  .cl-journal__grid::-webkit-scrollbar { display: none; }
  .cl-journal-card { scroll-snap-align: start; }
  .cl-journal-card__media { height: 360px; }
  .cl-journal-card__body { min-height: 285px; }
}
@media (max-width: 575.98px) {
  .cl-journal { padding: 76px 0 82px; }
  .cl-journal__header { margin-bottom: 34px; text-align: left; }
  .cl-journal__header h2 { font-size: clamp(40px, 12.8vw, 57px); line-height: .95; }
  .cl-journal__header p { margin: 18px 0 0; font-size: 14px; }
  .cl-journal__grid { grid-template-columns: repeat(3, minmax(284px, 86vw)); }
  .cl-journal-card { border-radius: 24px; }
  .cl-journal-card__media { height: 330px; }
  .cl-journal-card__body { min-height: 280px; margin-top: -24px; padding: 28px 22px 23px; border-radius: 24px 24px 0 0; }
  .cl-journal-card__body h3 { font-size: 24px; }
  .cl-journal-card__body p { font-size: 13px; }
}

/* =========================================================
   CONTRASTELAB V80 — MINI BOT / DIAGNÓSTICO INTERACTIVO
   ========================================================= */
.cl-dx {
  --dx-pink: #ff58ad;
  --dx-purple: #8668ff;
  --dx-blue: #75a7ff;
  --dx-ink: #f7f5fb;
  position: relative;
  isolation: isolate;
  overflow: hidden;
  padding: 118px 0 86px;
  background:
    radial-gradient(circle at 15% 18%, rgba(134,104,255,.19), transparent 27%),
    radial-gradient(circle at 84% 12%, rgba(255,88,173,.13), transparent 25%),
    linear-gradient(180deg, #0b0a10 0%, #08080d 100%);
  color: #fff;
}
.cl-dx__noise {
  position: absolute;
  inset: 0;
  opacity: .17;
  pointer-events: none;
  background-image: radial-gradient(rgba(255,255,255,.34) .55px, transparent .55px);
  background-size: 19px 19px;
  -webkit-mask-image: linear-gradient(to bottom, transparent, #000 18%, #000 82%, transparent);
          mask-image: linear-gradient(to bottom, transparent, #000 18%, #000 82%, transparent);
}
.cl-dx__orb { position:absolute; border-radius:50%; filter:blur(2px); pointer-events:none; opacity:.7; }
.cl-dx__orb--one { width:430px; height:430px; left:-250px; top:34%; background:radial-gradient(circle, rgba(111,76,255,.2), transparent 68%); }
.cl-dx__orb--two { width:520px; height:520px; right:-290px; top:10%; background:radial-gradient(circle, rgba(255,74,164,.17), transparent 66%); }
.cl-dx__container { position:relative; z-index:2; }
.cl-dx__heading { max-width:810px; margin:0 auto 52px; text-align:center; }
.cl-dx__eyebrow { display:inline-flex; align-items:center; gap:8px; margin-bottom:15px; color:rgba(255,255,255,.5); font-size:12px; font-weight:650; letter-spacing:.02em; }
.cl-dx__eyebrow span { color:#997eff; filter:drop-shadow(0 0 9px rgba(144,105,255,.75)); }
.cl-dx__heading h2 { margin:0; color:#fff; font-size:clamp(45px,5.4vw,76px); line-height:.94; letter-spacing:-.055em; font-weight:700; }
.cl-dx__heading h2 span { background:linear-gradient(100deg,#9a7bff 3%,#ff5aaa 51%,#ff9b6a 100%); -webkit-background-clip:text; background-clip:text; color:transparent; }
.cl-dx__heading p { max-width:610px; margin:20px auto 0; color:rgba(255,255,255,.53); font-size:15px; line-height:1.65; }
.cl-dx__shell {
  display:grid;
  grid-template-columns:minmax(300px,.82fr) minmax(0,1.55fr);
  min-height:730px;
  max-width:1180px;
  margin:0 auto;
  border:1px solid rgba(255,255,255,.12);
  border-radius:38px;
  overflow:hidden;
  background:rgba(12,11,18,.75);
  box-shadow:0 42px 120px rgba(0,0,0,.43), inset 0 1px rgba(255,255,255,.06);
}
.cl-dx__assistant {
  position:relative;
  overflow:hidden;
  display:flex;
  flex-direction:column;
  min-width:0;
  padding:28px 30px 30px;
  background:
    linear-gradient(145deg,rgba(92,61,173,.25),rgba(27,22,46,.5) 48%,rgba(15,14,22,.86)),
    #101018;
  border-right:1px solid rgba(255,255,255,.09);
}
.cl-dx__assistant::after { content:""; position:absolute; inset:auto -22% -20% 5%; height:46%; background:radial-gradient(circle,rgba(255,82,171,.23),transparent 68%); pointer-events:none; }
.cl-dx__assistant-glow { position:absolute; width:310px; height:310px; left:50%; top:90px; transform:translateX(-50%); border-radius:50%; background:radial-gradient(circle,rgba(151,103,255,.28),rgba(255,91,175,.09) 46%,transparent 70%); filter:blur(4px); }
.cl-dx__assistant-top { position:relative; z-index:3; display:flex; align-items:center; justify-content:space-between; gap:16px; }
.cl-dx__live { display:inline-flex; align-items:center; gap:7px; color:rgba(255,255,255,.55); font-size:10px; font-weight:700; letter-spacing:.11em; text-transform:uppercase; }
.cl-dx__live i { width:7px; height:7px; border-radius:50%; background:#6dffb1; box-shadow:0 0 0 5px rgba(109,255,177,.08),0 0 15px rgba(109,255,177,.6); }
.cl-dx__assistant-mark { color:rgba(255,255,255,.24); font-size:10px; letter-spacing:.12em; font-weight:700; }
.cl-dx__mascot-stage { position:relative; z-index:2; display:grid; place-items:center; min-height:350px; margin:4px -8px 0; }
.cl-dx__mascot { position:relative; z-index:5; width:min(76%,290px); height:auto; object-fit:contain; filter:drop-shadow(0 30px 34px rgba(0,0,0,.38)); animation:clDxFloat 4.3s ease-in-out infinite; }
.cl-dx__ring { position:absolute; border:1px solid rgba(151,112,255,.28); border-radius:50%; transform:rotate(-16deg); }
.cl-dx__ring--a { width:290px; height:210px; }
.cl-dx__ring--b { width:235px; height:315px; transform:rotate(54deg); border-color:rgba(255,80,171,.16); }
.cl-dx__spark { position:absolute; z-index:4; color:#c5a1ff; text-shadow:0 0 18px rgba(186,137,255,.9); animation:clDxBlink 2.8s ease-in-out infinite; }
.cl-dx__spark--a { right:28px; top:78px; font-size:18px; }
.cl-dx__spark--b { left:38px; bottom:91px; font-size:11px; animation-delay:-1.2s; color:#ff84ca; }
.cl-dx__float-card { position:absolute; z-index:4; display:grid; place-items:center; background:linear-gradient(145deg,rgba(122,77,224,.72),rgba(54,38,99,.74)); border:1px solid rgba(255,255,255,.2); box-shadow:0 14px 36px rgba(0,0,0,.28),0 0 28px rgba(132,89,255,.22); backdrop-filter:blur(12px); -webkit-backdrop-filter:blur(12px); color:#fff; }
.cl-dx__float-card--a { width:58px; height:58px; left:8px; top:78px; border-radius:17px; transform:rotate(-11deg); font-size:24px; font-weight:700; }
.cl-dx__float-card--b { width:78px; height:46px; right:-2px; bottom:90px; border-radius:17px; display:flex; align-items:center; justify-content:center; gap:6px; transform:rotate(7deg); }
.cl-dx__float-card--b i { width:6px; height:6px; border-radius:50%; background:#ff7cc7; box-shadow:0 0 10px rgba(255,124,199,.7); }
.cl-dx__float-card--b i:nth-child(2){background:#aa7cff}.cl-dx__float-card--b i:nth-child(3){background:#77a2ff}
.cl-dx__assistant-copy { position:relative; z-index:3; margin-top:auto; }
.cl-dx__assistant-copy>span { display:block; margin-bottom:11px; color:#ff69b7; font-size:9px; font-weight:800; letter-spacing:.13em; }
.cl-dx__assistant-copy h3 { margin:0 0 12px; color:#fff; font-size:26px; line-height:1.08; letter-spacing:-.035em; font-weight:650; }
.cl-dx__assistant-copy p { margin:0; color:rgba(255,255,255,.47); font-size:12px; line-height:1.6; }
.cl-dx__assistant-foot { position:relative; z-index:3; display:grid; grid-template-columns:1fr 1.55fr; gap:12px; margin-top:25px; padding-top:21px; border-top:1px solid rgba(255,255,255,.08); }
.cl-dx__assistant-foot div { display:flex; flex-direction:column; }
.cl-dx__assistant-foot strong { color:#fff; font-size:18px; line-height:1; }
.cl-dx__assistant-foot span { margin-top:5px; color:rgba(255,255,255,.35); font-size:9px; line-height:1.3; text-transform:uppercase; letter-spacing:.05em; }
.cl-dx__panel { position:relative; min-width:0; display:flex; flex-direction:column; padding:26px 28px 30px; background:radial-gradient(circle at 88% 6%,rgba(125,92,255,.09),transparent 27%),rgba(9,9,14,.82); }
.cl-dx__panel-head { display:flex; align-items:center; justify-content:space-between; gap:24px; padding-bottom:20px; border-bottom:1px solid rgba(255,255,255,.08); }
.cl-dx__identity { display:flex; align-items:center; gap:12px; min-width:0; }
.cl-dx__avatar { width:43px; height:43px; flex:0 0 43px; display:grid; place-items:center; border-radius:15px; background:linear-gradient(145deg,rgba(255,96,177,.18),rgba(119,90,255,.22)); border:1px solid rgba(255,255,255,.1); overflow:hidden; box-shadow:0 10px 24px rgba(0,0,0,.22); }
.cl-dx__avatar img { width:37px; height:37px; object-fit:contain; }
.cl-dx__identity div { display:flex; flex-direction:column; line-height:1.2; }
.cl-dx__identity strong { color:#fff; font-size:13px; font-weight:700; }
.cl-dx__identity span { margin-top:4px; color:rgba(255,255,255,.38); font-size:9px; }
.cl-dx__progress-wrap { width:150px; flex:0 0 150px; }
.cl-dx__progress-wrap>span { display:block; margin-bottom:7px; color:rgba(255,255,255,.42); font-size:9px; font-weight:700; text-align:right; letter-spacing:.04em; text-transform:uppercase; }
.cl-dx__progress { height:4px; overflow:hidden; border-radius:999px; background:rgba(255,255,255,.08); }
.cl-dx__progress i { display:block; width:20%; height:100%; border-radius:inherit; background:linear-gradient(90deg,#8b6eff,#ff5cad,#ff9b70); box-shadow:0 0 14px rgba(255,88,173,.42); transition:width .55s cubic-bezier(.2,.8,.2,1); }
.cl-dx__conversation { position:relative; flex:1 1 auto; min-height:330px; max-height:410px; overflow:auto; padding:31px 6px 18px 0; scrollbar-width:none; }
.cl-dx__conversation::-webkit-scrollbar { display:none; }
.cl-dx__bot-row { display:flex; align-items:flex-end; gap:10px; margin:0 0 16px; animation:clDxIn .38s ease both; }
.cl-dx__bot-row--user { justify-content:flex-end; }
.cl-dx__bot-avatar { width:34px; height:34px; flex:0 0 34px; display:grid; place-items:center; border-radius:12px; background:rgba(255,255,255,.055); border:1px solid rgba(255,255,255,.075); overflow:hidden; }
.cl-dx__bot-avatar img { width:30px; height:30px; object-fit:contain; }
.cl-dx__bubble { max-width:min(560px,82%); border-radius:20px; padding:14px 16px; }
.cl-dx__bubble--bot { border-bottom-left-radius:7px; background:linear-gradient(145deg,rgba(38,32,54,.88),rgba(23,21,31,.92)); border:1px solid rgba(255,255,255,.085); box-shadow:0 16px 32px rgba(0,0,0,.18); }
.cl-dx__bubble--user { border-bottom-right-radius:7px; background:linear-gradient(135deg,#7657f2 0%,#bb4bd2 58%,#e950a1 100%); box-shadow:0 14px 31px rgba(131,72,222,.22); }
.cl-dx__bubble-name { display:block; margin-bottom:5px; color:#b69bff; font-size:9px; font-weight:800; letter-spacing:.08em; text-transform:uppercase; }
.cl-dx__bubble p { margin:0; color:rgba(255,255,255,.76); font-size:14px; line-height:1.55; letter-spacing:-.012em; }
.cl-dx__bubble p strong { color:#fff; font-weight:650; }
.cl-dx__bubble--user p { color:#fff; font-weight:600; }
.cl-dx__answers { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:10px; padding-top:18px; border-top:1px solid rgba(255,255,255,.08); }
.cl-dx__option { position:relative; display:flex; align-items:center; gap:12px; min-height:64px; padding:12px 14px; text-align:left; border:1px solid rgba(255,255,255,.095); border-radius:18px; background:rgba(255,255,255,.035); color:#fff; cursor:pointer; transition:transform .25s ease,border-color .25s ease,background .25s ease,box-shadow .25s ease; }
.cl-dx__option:hover { transform:translateY(-2px); border-color:rgba(174,126,255,.42); background:linear-gradient(145deg,rgba(122,83,230,.13),rgba(255,77,165,.07)); box-shadow:0 12px 30px rgba(0,0,0,.16); }
.cl-dx__option:focus-visible { outline:2px solid #9d7cff!important; outline-offset:2px; }
.cl-dx__option-icon { width:38px; height:38px; flex:0 0 38px; display:grid; place-items:center; border-radius:13px; background:linear-gradient(145deg,rgba(136,100,255,.18),rgba(255,87,173,.12)); border:1px solid rgba(255,255,255,.08); color:#e2d9ff; font-size:16px; }
.cl-dx__option-copy { display:flex; flex-direction:column; min-width:0; }
.cl-dx__option-copy strong { color:#fff; font-size:12px; line-height:1.25; font-weight:650; }
.cl-dx__option-copy span { margin-top:4px; color:rgba(255,255,255,.34); font-size:9px; line-height:1.25; }
.cl-dx__option-arrow { margin-left:auto; color:rgba(255,255,255,.25); font-size:15px; transition:transform .25s ease,color .25s ease; }
.cl-dx__option:hover .cl-dx__option-arrow { transform:translateX(2px); color:#fff; }
.cl-dx__result { padding:28px 0 0; animation:clDxIn .5s ease both; }
.cl-dx__result-head { padding-bottom:22px; border-bottom:1px solid rgba(255,255,255,.08); }
.cl-dx__result-kicker { display:block; margin-bottom:10px; color:#ff65b5; font-size:10px; font-weight:800; letter-spacing:.1em; text-transform:uppercase; }
.cl-dx__result-head h3 { color:#fff; font-size:31px; line-height:1.02; letter-spacing:-.035em; font-weight:650; }
.cl-dx__result-head p { max-width:610px; margin:12px 0 0; color:rgba(255,255,255,.5); font-size:13px; line-height:1.58; }
.cl-dx__result-grid { display:grid; grid-template-columns:1fr 1fr; gap:10px; margin-top:15px; }
.cl-dx__result-grid article { min-height:142px; padding:17px; border-radius:18px; border:1px solid rgba(255,255,255,.08); background:linear-gradient(145deg,rgba(255,255,255,.045),rgba(255,255,255,.018)); }
.cl-dx__result-grid article:nth-child(3){grid-column:1/-1; min-height:auto;}
.cl-dx__result-grid article>span { display:block; margin-bottom:8px; color:rgba(255,255,255,.3); font-size:8px; font-weight:800; letter-spacing:.1em; }
.cl-dx__result-grid h4 { margin:0 0 7px; color:#fff; font-size:16px; line-height:1.2; font-weight:650; }
.cl-dx__result-grid p { margin:0; color:rgba(255,255,255,.45); font-size:10px; line-height:1.5; }
.cl-dx__result-tags { display:flex; flex-wrap:wrap; gap:7px; }
.cl-dx__result-tags span { display:inline-flex; align-items:center; min-height:31px; padding:0 11px; border-radius:999px; background:rgba(134,104,255,.1); border:1px solid rgba(155,121,255,.22); color:#d9ceff; font-size:9px; font-weight:650; }
.cl-dx__result-actions { display:grid; grid-template-columns:1fr 1fr; gap:10px; margin-top:15px; }
.cl-dx__action { display:flex; align-items:center; gap:12px; min-height:68px; padding:11px 13px; border:0; border-radius:18px; cursor:pointer; text-align:left; transition:transform .25s ease,box-shadow .25s ease; }
.cl-dx__action:hover { transform:translateY(-2px); }
.cl-dx__action--wa { background:linear-gradient(135deg,#ff5dab 0%,#8b68ff 58%,#78a8ff 100%); color:#fff; box-shadow:0 15px 34px rgba(140,83,230,.22); }
.cl-dx__action--email { background:rgba(255,255,255,.055); border:1px solid rgba(255,255,255,.1); color:#fff; }
.cl-dx__action-icon { width:38px; height:38px; flex:0 0 38px; display:grid; place-items:center; border-radius:13px; background:rgba(8,8,12,.18); font-size:16px; }
.cl-dx__action span:nth-child(2) { display:flex; flex-direction:column; }
.cl-dx__action small { color:rgba(255,255,255,.56); font-size:8px; line-height:1.1; text-transform:uppercase; letter-spacing:.07em; }
.cl-dx__action strong { margin-top:4px; color:#fff; font-size:11px; line-height:1.15; font-weight:700; }
.cl-dx__email-status { min-height:16px; margin:10px 0 0; color:rgba(255,255,255,.45); font-size:9px; line-height:1.4; }
.cl-dx__restart { margin:8px 0 0; padding:0; border:0; background:none; color:rgba(255,255,255,.38); font-size:9px; cursor:pointer; }
.cl-dx__restart:hover { color:#fff; }
.cl-dx__privacy { max-width:720px; margin:20px auto 0; color:rgba(255,255,255,.26); font-size:9px; line-height:1.5; text-align:center; letter-spacing:.015em; }
@keyframes clDxFloat { 0%,100%{transform:translateY(0) rotate(-1deg)}50%{transform:translateY(-9px) rotate(1deg)} }
@keyframes clDxBlink { 0%,100%{opacity:.5;transform:scale(.82)}50%{opacity:1;transform:scale(1.08)} }
@keyframes clDxIn { from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)} }
@media (max-width:1199.98px){
  .cl-dx__shell{max-width:1040px;grid-template-columns:330px minmax(0,1fr)}
  .cl-dx__assistant{padding-inline:24px}
  .cl-dx__assistant-copy h3{font-size:23px}
  .cl-dx__panel{padding-inline:24px}
}
@media (max-width:991.98px){
  .cl-dx{padding:94px 0 78px}
  .cl-dx__shell{grid-template-columns:1fr;max-width:760px;min-height:0}
  .cl-dx__assistant{min-height:310px;border-right:0;border-bottom:1px solid rgba(255,255,255,.09);padding:24px;display:grid;grid-template-columns:220px 1fr;grid-template-rows:auto 1fr auto;column-gap:26px}
  .cl-dx__assistant-top{grid-column:1/-1}
  .cl-dx__mascot-stage{grid-column:1;grid-row:2/4;min-height:240px;margin:0}
  .cl-dx__assistant-copy{grid-column:2;grid-row:2;margin:auto 0 12px}
  .cl-dx__assistant-foot{grid-column:2;grid-row:3;margin-top:0}
  .cl-dx__mascot{width:78%;max-width:180px}
  .cl-dx__ring--a{width:210px;height:150px}.cl-dx__ring--b{width:170px;height:225px}
  .cl-dx__float-card--a{left:0;top:44px}.cl-dx__float-card--b{right:-6px;bottom:45px}
  .cl-dx__panel{min-height:610px}
}
@media (max-width:767.98px){
  .cl-dx__heading{text-align:left;margin-bottom:36px}
  .cl-dx__heading h2{font-size:clamp(42px,12vw,58px)}
  .cl-dx__heading p{margin-left:0;font-size:14px}
  .cl-dx__assistant{display:block;min-height:0;padding:22px 20px 23px}
  .cl-dx__mascot-stage{min-height:250px;margin-top:-8px}
  .cl-dx__mascot{width:min(65%,210px)}
  .cl-dx__assistant-copy{margin-top:-12px}
  .cl-dx__assistant-copy h3{font-size:22px;max-width:16ch}
  .cl-dx__assistant-copy p{max-width:390px}
  .cl-dx__assistant-foot{margin-top:20px}
  .cl-dx__panel{min-height:620px;padding:20px 18px 22px}
  .cl-dx__panel-head{gap:14px}
  .cl-dx__progress-wrap{width:104px;flex-basis:104px}
  .cl-dx__conversation{min-height:310px;max-height:370px;padding-top:24px}
  .cl-dx__answers{grid-template-columns:1fr}
  .cl-dx__option{min-height:60px}
  .cl-dx__bubble{max-width:87%}
  .cl-dx__result-grid,.cl-dx__result-actions{grid-template-columns:1fr}
  .cl-dx__result-grid article:nth-child(3){grid-column:auto}
  .cl-dx__shell{border-radius:29px}
}
@media (max-width:575.98px){
  .cl-dx{padding:78px 0 66px}
  .cl-dx__shell{margin-inline:-2px;border-radius:27px}
  .cl-dx__assistant{padding:20px 18px 22px}
  .cl-dx__assistant-mark{display:none}
  .cl-dx__mascot-stage{min-height:225px}
  .cl-dx__float-card--a{left:9%;top:42px;width:48px;height:48px;border-radius:14px}
  .cl-dx__float-card--b{right:7%;bottom:50px;width:65px;height:40px}
  .cl-dx__assistant-copy h3{font-size:20px}
  .cl-dx__panel{padding:18px 14px 20px}
  .cl-dx__identity span{display:none}
  .cl-dx__progress-wrap{width:86px;flex-basis:86px}
  .cl-dx__conversation{min-height:300px;max-height:360px}
  .cl-dx__bot-avatar{width:31px;height:31px;flex-basis:31px}
  .cl-dx__bot-avatar img{width:27px;height:27px}
  .cl-dx__bubble{padding:12px 13px;border-radius:17px}
  .cl-dx__bubble p{font-size:12px}
  .cl-dx__option{padding:10px 11px;border-radius:16px}
  .cl-dx__option-icon{width:35px;height:35px;flex-basis:35px}
  .cl-dx__result-head h3{font-size:27px}
}
@media (prefers-reduced-motion:reduce){.cl-dx__mascot,.cl-dx__spark{animation:none!important}.cl-dx__option,.cl-dx__action{transition:none!important}}

/* V80 mobile conversation density */
@media (max-width:767.98px){
  .cl-dx__panel{min-height:0}
  .cl-dx__conversation{min-height:180px;max-height:330px}
}
@media (max-width:575.98px){
  .cl-dx__conversation{min-height:165px;max-height:310px;padding-bottom:12px}
}

/* =========================================================
   CONTRASTELAB · V81 MINI BOT EXPERIENCE
   ========================================================= */
.cl-dx.cl-dx--v81{
  --dx-pink:#ff4fa4;
  --dx-violet:#896cff;
  --dx-blue:#73a7ff;
  --dx-peach:#ff966d;
  position:relative;
  isolation:isolate;
  overflow:hidden;
  padding:132px 0 96px;
  background:
    radial-gradient(circle at 50% 0%,rgba(133,101,255,.14),transparent 27%),
    linear-gradient(180deg,#09080d 0%,#0a0910 54%,#07070a 100%);
  color:#fff;
}
.cl-dx--v81 .cl-dx__mesh{position:absolute;inset:0;opacity:.28;pointer-events:none;background-image:linear-gradient(rgba(255,255,255,.025) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.025) 1px,transparent 1px);background-size:44px 44px;mask-image:linear-gradient(to bottom,transparent 0,#000 14%,#000 86%,transparent 100%)}
.cl-dx--v81 .cl-dx__aurora{position:absolute;border-radius:50%;filter:blur(22px);pointer-events:none;opacity:.64}
.cl-dx--v81 .cl-dx__aurora--a{width:620px;height:620px;left:-360px;top:24%;background:radial-gradient(circle,rgba(112,78,255,.27),rgba(112,78,255,.05) 50%,transparent 70%)}
.cl-dx--v81 .cl-dx__aurora--b{width:700px;height:700px;right:-410px;top:5%;background:radial-gradient(circle,rgba(255,74,164,.2),rgba(255,130,99,.04) 50%,transparent 72%)}
.cl-dx--v81 .cl-dx__container{position:relative;z-index:2}
.cl-dx--v81 .cl-dx__heading{max-width:920px;margin:0 auto 54px;text-align:center}
.cl-dx--v81 .cl-dx__eyebrow{display:inline-flex;align-items:center;gap:8px;margin-bottom:17px;padding:8px 12px;border:1px solid rgba(255,255,255,.08);border-radius:999px;background:rgba(255,255,255,.025);color:rgba(255,255,255,.52);font-size:11px;font-weight:650;letter-spacing:.025em;backdrop-filter:blur(12px)}
.cl-dx--v81 .cl-dx__eyebrow span{color:#af91ff;filter:drop-shadow(0 0 10px rgba(170,128,255,.9))}
.cl-dx--v81 .cl-dx__heading h2{margin:0;color:#fff;font-size:clamp(48px,5.7vw,82px);line-height:.92;letter-spacing:-.062em;font-weight:700}
.cl-dx--v81 .cl-dx__heading h2 span{background:linear-gradient(105deg,#b69cff 5%,#ff5cab 48%,#ff9b6a 95%);-webkit-background-clip:text;background-clip:text;color:transparent}
.cl-dx--v81 .cl-dx__heading p{max-width:680px;margin:22px auto 0;color:rgba(255,255,255,.48);font-size:15px;line-height:1.7}

.cl-dx--v81 .cl-dx__app{position:relative;max-width:1220px;margin:0 auto;border:1px solid rgba(255,255,255,.12);border-radius:42px;overflow:hidden;background:rgba(12,10,18,.88);box-shadow:0 44px 130px rgba(0,0,0,.5),inset 0 1px rgba(255,255,255,.07),0 0 0 1px rgba(139,106,255,.03);backdrop-filter:blur(28px);-webkit-backdrop-filter:blur(28px)}
.cl-dx--v81 .cl-dx__app::before{content:"";position:absolute;inset:-1px;border-radius:inherit;padding:1px;background:linear-gradient(120deg,rgba(183,151,255,.36),rgba(255,255,255,.04) 24%,rgba(255,91,176,.2) 61%,rgba(116,166,255,.17));-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask-composite:exclude;pointer-events:none;z-index:8}
.cl-dx--v81 .cl-dx__appbar{position:relative;z-index:5;min-height:78px;display:grid;grid-template-columns:215px minmax(0,1fr) 64px;align-items:center;gap:24px;padding:0 26px;border-bottom:1px solid rgba(255,255,255,.075);background:rgba(7,7,11,.45)}
.cl-dx--v81 .cl-dx__brandline{display:flex;align-items:center;gap:8px;white-space:nowrap}
.cl-dx--v81 .cl-dx__statusdot{width:8px;height:8px;border-radius:50%;background:#64f5ac;box-shadow:0 0 0 5px rgba(100,245,172,.07),0 0 17px rgba(100,245,172,.72)}
.cl-dx--v81 .cl-dx__brandline strong{font-size:10px;letter-spacing:.12em;font-weight:800;color:#fff}
.cl-dx--v81 .cl-dx__brandline>span:last-child{color:rgba(255,255,255,.25);font-size:8px;letter-spacing:.09em}
.cl-dx--v81 .cl-dx__steps{display:grid;grid-template-columns:repeat(5,1fr);height:100%}
.cl-dx--v81 .cl-dx__steps>span{position:relative;display:flex;align-items:center;justify-content:center;gap:7px;color:rgba(255,255,255,.23);font-size:9px;font-weight:650;transition:color .35s ease}
.cl-dx--v81 .cl-dx__steps>span::after{content:"";position:absolute;left:18%;right:18%;bottom:-1px;height:2px;border-radius:999px;background:transparent;box-shadow:none;transition:background .35s ease,box-shadow .35s ease}
.cl-dx--v81 .cl-dx__steps i{display:grid;place-items:center;width:22px;height:22px;border-radius:8px;background:rgba(255,255,255,.03);border:1px solid rgba(255,255,255,.055);font-size:7px;font-style:normal;color:inherit;transition:all .35s ease}
.cl-dx--v81 .cl-dx__steps .is-active{color:#fff}
.cl-dx--v81 .cl-dx__steps .is-active i{background:linear-gradient(145deg,rgba(137,108,255,.28),rgba(255,79,164,.17));border-color:rgba(184,149,255,.28);box-shadow:0 0 22px rgba(143,94,255,.13)}
.cl-dx--v81 .cl-dx__steps .is-active::after{background:linear-gradient(90deg,var(--dx-violet),var(--dx-pink));box-shadow:0 0 16px rgba(255,79,164,.4)}
.cl-dx--v81 .cl-dx__steps .is-done{color:rgba(255,255,255,.48)}
.cl-dx--v81 .cl-dx__steps .is-done i{color:#b7a4ff;background:rgba(138,108,255,.1)}
.cl-dx--v81 .cl-dx__stepcount{justify-self:end;color:rgba(255,255,255,.35);font-size:9px;font-weight:800;letter-spacing:.08em}

.cl-dx--v81 .cl-dx__workspace{display:grid;grid-template-columns:minmax(380px,.9fr) minmax(0,1.28fr);min-height:650px}
.cl-dx--v81 .cl-dx__botstage{position:relative;overflow:hidden;display:flex;flex-direction:column;justify-content:flex-end;padding:34px;border-right:1px solid rgba(255,255,255,.075);background:
  radial-gradient(circle at 48% 36%,rgba(130,88,255,.22),transparent 26%),
  radial-gradient(circle at 52% 34%,rgba(255,76,166,.09),transparent 42%),
  linear-gradient(155deg,rgba(58,39,94,.36),rgba(20,16,31,.7) 52%,rgba(11,10,16,.95));
}
.cl-dx--v81 .cl-dx__botstage::after{content:"";position:absolute;left:0;right:0;bottom:0;height:34%;background:linear-gradient(to top,rgba(8,8,12,.92),transparent);pointer-events:none}
.cl-dx--v81 .cl-dx__portal{position:absolute;left:50%;top:47%;width:390px;height:390px;transform:translate(-50%,-50%);border-radius:50%;pointer-events:none}
.cl-dx--v81 .cl-dx__portal::before{content:"";position:absolute;inset:15%;border-radius:50%;background:radial-gradient(circle,rgba(163,123,255,.22),rgba(100,73,214,.08) 42%,transparent 67%);filter:blur(1px);box-shadow:0 0 70px rgba(128,84,255,.12)}
.cl-dx--v81 .cl-dx__portal-ring{position:absolute;inset:0;border-radius:50%;border:1px solid rgba(164,128,255,.17);box-shadow:inset 0 0 35px rgba(131,88,255,.03)}
.cl-dx--v81 .cl-dx__portal-ring--1{inset:3%;transform:rotateX(62deg) rotateZ(-14deg);border-color:rgba(184,150,255,.31);animation:clDxOrbit1 8s linear infinite}
.cl-dx--v81 .cl-dx__portal-ring--2{inset:12%;transform:rotateY(63deg) rotateZ(24deg);border-color:rgba(255,91,178,.23);animation:clDxOrbit2 10s linear infinite reverse}
.cl-dx--v81 .cl-dx__portal-ring--3{inset:21%;border-style:dashed;border-color:rgba(116,166,255,.21);animation:clDxSpin 13s linear infinite}
.cl-dx--v81 .cl-dx__scanline{position:absolute;left:19%;right:19%;top:49%;height:1px;background:linear-gradient(90deg,transparent,rgba(198,168,255,.7),transparent);box-shadow:0 0 18px rgba(167,124,255,.55);animation:clDxScan 4s ease-in-out infinite}
.cl-dx--v81 .cl-dx__mascot{position:absolute;z-index:4;left:50%;top:46%;width:min(72%,300px);height:auto;transform:translate(-50%,-50%);object-fit:contain;filter:drop-shadow(0 34px 37px rgba(0,0,0,.42));animation:clDxFloat81 4.2s ease-in-out infinite;transition:filter .3s ease}
.cl-dx--v81 .cl-dx__botstage.is-thinking .cl-dx__mascot{filter:drop-shadow(0 34px 37px rgba(0,0,0,.42)) drop-shadow(0 0 22px rgba(173,129,255,.28))}
.cl-dx--v81 .cl-dx__botstage.is-thinking .cl-dx__portal-ring--1,.cl-dx--v81 .cl-dx__botstage.is-thinking .cl-dx__portal-ring--2{animation-duration:2.2s}
.cl-dx--v81 .cl-dx__signal{position:absolute;z-index:5;border:1px solid rgba(255,255,255,.1);background:linear-gradient(145deg,rgba(44,35,66,.76),rgba(19,17,27,.78));box-shadow:0 17px 42px rgba(0,0,0,.28),inset 0 1px rgba(255,255,255,.08);backdrop-filter:blur(13px);-webkit-backdrop-filter:blur(13px)}
.cl-dx--v81 .cl-dx__signal--one{left:28px;top:76px;display:flex;align-items:center;gap:8px;padding:10px 12px;border-radius:15px;transform:rotate(-5deg);color:rgba(255,255,255,.55);font-size:8px;font-weight:700;text-transform:uppercase;letter-spacing:.07em;animation:clDxBob 5s ease-in-out infinite}
.cl-dx--v81 .cl-dx__signal--one i{color:#ff70bc;font-style:normal;text-shadow:0 0 13px rgba(255,85,177,.75)}
.cl-dx--v81 .cl-dx__signal--two{right:24px;top:118px;width:76px;height:46px;border-radius:15px;display:flex;align-items:center;justify-content:center;gap:6px;transform:rotate(7deg);animation:clDxBob 5.8s ease-in-out infinite reverse}
.cl-dx--v81 .cl-dx__signal--two span{width:6px;height:6px;border-radius:50%;background:#ff72bd;box-shadow:0 0 9px rgba(255,114,189,.5)}
.cl-dx--v81 .cl-dx__signal--two span:nth-child(2){background:#a47fff}.cl-dx--v81 .cl-dx__signal--two span:nth-child(3){background:#75a7ff}
.cl-dx--v81 .cl-dx__signal--three{right:42px;top:290px;width:50px;height:50px;display:grid;place-items:center;border-radius:15px;color:#d9caff;font-size:20px;font-weight:800;transform:rotate(-7deg);animation:clDxBob 6.6s ease-in-out infinite}
.cl-dx--v81 .cl-dx__speech{position:relative;z-index:6;margin-top:auto;margin-bottom:17px;padding:18px 19px 17px;border-radius:23px 23px 23px 8px;border:1px solid rgba(255,255,255,.105);background:linear-gradient(145deg,rgba(43,35,60,.9),rgba(20,18,28,.92));box-shadow:0 18px 50px rgba(0,0,0,.26),inset 0 1px rgba(255,255,255,.05);backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px)}
.cl-dx--v81 .cl-dx__speech::before{content:"";position:absolute;left:32px;top:-9px;width:18px;height:18px;background:rgba(40,33,56,.95);border-left:1px solid rgba(255,255,255,.1);border-top:1px solid rgba(255,255,255,.1);transform:rotate(45deg)}
.cl-dx--v81 .cl-dx__speech-name{display:block;margin-bottom:7px;color:#ba9cff;font-size:8px;font-weight:800;letter-spacing:.12em}
.cl-dx--v81 .cl-dx__speech p{margin:0;color:rgba(255,255,255,.75);font-size:14px;line-height:1.5;letter-spacing:-.013em}
.cl-dx--v81 .cl-dx__speech p strong{color:#fff;font-weight:650}
.cl-dx--v81 .cl-dx__typing{display:flex;gap:4px;align-items:center;height:21px}
.cl-dx--v81 .cl-dx__typing i{width:5px;height:5px;border-radius:50%;background:#c8b5ff;animation:clDxDot 1s ease-in-out infinite}.cl-dx--v81 .cl-dx__typing i:nth-child(2){animation-delay:.14s}.cl-dx--v81 .cl-dx__typing i:nth-child(3){animation-delay:.28s}
.cl-dx--v81 .cl-dx__memory{position:relative;z-index:6;padding-top:13px;border-top:1px solid rgba(255,255,255,.07)}
.cl-dx--v81 .cl-dx__memory>span{display:block;margin-bottom:8px;color:rgba(255,255,255,.24);font-size:7px;font-weight:800;letter-spacing:.12em}
.cl-dx--v81 .cl-dx__memory-list{display:flex;flex-wrap:wrap;gap:6px;min-height:26px}
.cl-dx--v81 .cl-dx__memory-list em{color:rgba(255,255,255,.28);font-size:9px;font-style:normal}
.cl-dx--v81 .cl-dx__memory-list b{display:inline-flex;align-items:center;gap:5px;min-height:27px;padding:0 9px;border-radius:999px;background:rgba(255,255,255,.045);border:1px solid rgba(255,255,255,.08);color:rgba(255,255,255,.65);font-size:8px;font-weight:600;animation:clDxMemoryIn .35s ease both}
.cl-dx--v81 .cl-dx__memory-list b::before{content:"✓";color:#a98bff;font-size:7px}

.cl-dx--v81 .cl-dx__console{position:relative;min-width:0;display:flex;flex-direction:column;padding:48px 46px 34px;background:
  radial-gradient(circle at 95% 4%,rgba(255,89,171,.075),transparent 24%),
  radial-gradient(circle at 7% 95%,rgba(115,164,255,.055),transparent 28%),
  rgba(8,8,12,.78)}
.cl-dx--v81 .cl-dx__console::before{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(135deg,rgba(255,255,255,.025),transparent 21%)}
.cl-dx--v81 .cl-dx__console-top{position:relative;z-index:2;display:flex;justify-content:space-between;align-items:flex-start;gap:28px}
.cl-dx--v81 .cl-dx__console-kicker{display:block;margin-bottom:12px;color:#ff69b4;font-size:9px;font-weight:800;letter-spacing:.12em}
.cl-dx--v81 .cl-dx__console h3{max-width:650px;margin:0;color:#fff;font-size:clamp(30px,3vw,45px);line-height:1.02;letter-spacing:-.047em;font-weight:650}
.cl-dx--v81 .cl-dx__progress-ring{position:relative;width:58px;height:58px;flex:0 0 58px}
.cl-dx--v81 .cl-dx__progress-ring svg{width:100%;height:100%;transform:rotate(-90deg)}
.cl-dx--v81 .cl-dx__progress-ring circle{fill:none;stroke:rgba(255,255,255,.07);stroke-width:3}
.cl-dx--v81 .cl-dx__progress-ring circle:last-child{stroke:url(#none);stroke:#a884ff;stroke-linecap:round;stroke-dasharray:144.51;stroke-dashoffset:115.61;transition:stroke-dashoffset .55s cubic-bezier(.2,.8,.2,1);filter:drop-shadow(0 0 5px rgba(168,132,255,.45))}
.cl-dx--v81 .cl-dx__progress-ring span{position:absolute;inset:0;display:grid;place-items:center;color:rgba(255,255,255,.58);font-size:8px;font-weight:800}
.cl-dx--v81 .cl-dx__hint{position:relative;z-index:2;margin:14px 0 28px;color:rgba(255,255,255,.34);font-size:11px;line-height:1.5}
.cl-dx--v81 .cl-dx__answers{position:relative;z-index:2;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:11px;padding:0;border:0}
.cl-dx--v81 .cl-dx__option{position:relative;overflow:hidden;display:flex;align-items:center;gap:13px;min-height:82px;padding:14px 15px;text-align:left;border:1px solid rgba(255,255,255,.08);border-radius:22px;background:linear-gradient(145deg,rgba(255,255,255,.042),rgba(255,255,255,.018));color:#fff;cursor:pointer;box-shadow:inset 0 1px rgba(255,255,255,.025);transition:transform .26s cubic-bezier(.2,.75,.2,1),border-color .26s ease,background .26s ease,box-shadow .26s ease}
.cl-dx--v81 .cl-dx__option::before{content:"";position:absolute;inset:0;opacity:0;background:radial-gradient(circle at 20% 10%,rgba(153,116,255,.17),transparent 45%),linear-gradient(145deg,rgba(127,89,238,.08),rgba(255,79,164,.05));transition:opacity .25s ease}
.cl-dx--v81 .cl-dx__option:hover{transform:translateY(-3px) scale(1.006);border-color:rgba(180,143,255,.28);background:rgba(255,255,255,.045);box-shadow:0 18px 38px rgba(0,0,0,.2),0 0 0 1px rgba(143,105,255,.025)}
.cl-dx--v81 .cl-dx__option:hover::before{opacity:1}
.cl-dx--v81 .cl-dx__option:focus-visible{outline:2px solid #aa8bff!important;outline-offset:3px}
.cl-dx--v81 .cl-dx__option-icon{position:relative;z-index:2;width:48px;height:48px;flex:0 0 48px;display:grid;place-items:center;border-radius:16px;background:linear-gradient(145deg,rgba(150,112,255,.2),rgba(255,83,170,.09));border:1px solid rgba(194,166,255,.1);color:#e4d9ff;font-size:17px;box-shadow:inset 0 1px rgba(255,255,255,.05)}
.cl-dx--v81 .cl-dx__option:nth-child(3n+2) .cl-dx__option-icon{background:linear-gradient(145deg,rgba(255,85,174,.17),rgba(255,151,104,.07));color:#ffd3e9}
.cl-dx--v81 .cl-dx__option:nth-child(3n) .cl-dx__option-icon{background:linear-gradient(145deg,rgba(93,154,255,.15),rgba(132,103,255,.09));color:#d7e6ff}
.cl-dx--v81 .cl-dx__option-copy{position:relative;z-index:2;display:flex;flex-direction:column;min-width:0}
.cl-dx--v81 .cl-dx__option-copy strong{color:#fff;font-size:13px;line-height:1.2;font-weight:650;letter-spacing:-.015em}
.cl-dx--v81 .cl-dx__option-copy span{margin-top:5px;color:rgba(255,255,255,.35);font-size:9px;line-height:1.35}
.cl-dx--v81 .cl-dx__option-arrow{position:relative;z-index:2;margin-left:auto;width:25px;height:25px;display:grid;place-items:center;border-radius:50%;background:rgba(255,255,255,.035);color:rgba(255,255,255,.25);font-size:14px;transition:transform .25s ease,color .25s ease,background .25s ease}
.cl-dx--v81 .cl-dx__option:hover .cl-dx__option-arrow{transform:translateX(2px);color:#fff;background:rgba(255,255,255,.08)}
.cl-dx--v81 .cl-dx__microcopy{position:relative;z-index:2;display:flex;flex-wrap:wrap;gap:16px;margin-top:auto;padding-top:24px;color:rgba(255,255,255,.26);font-size:8px;font-weight:600;letter-spacing:.02em}
.cl-dx--v81 .cl-dx__microcopy span{display:inline-flex;align-items:center;gap:5px}.cl-dx--v81 .cl-dx__microcopy i{color:#9278f7;font-style:normal}
.cl-dx--v81 .cl-dx__progressline{height:3px;background:rgba(255,255,255,.035)}
.cl-dx--v81 .cl-dx__progressline i{display:block;width:20%;height:100%;background:linear-gradient(90deg,#745df0,#ff55aa,#ff9670);box-shadow:0 0 18px rgba(255,85,170,.35);transition:width .55s cubic-bezier(.2,.8,.2,1)}

/* Result mode */
.cl-dx--v81 .cl-dx__console.is-result{padding-top:36px}
.cl-dx--v81 .cl-dx__console.is-result>.cl-dx__console-top,.cl-dx--v81 .cl-dx__console.is-result>.cl-dx__hint,.cl-dx--v81 .cl-dx__console.is-result>.cl-dx__microcopy{display:none}
.cl-dx--v81 .cl-dx__result{position:relative;z-index:3;padding:0;animation:clDxResultIn .55s cubic-bezier(.2,.75,.2,1) both}
.cl-dx--v81 .cl-dx__result-hero{display:grid;grid-template-columns:minmax(0,1fr) 108px;gap:28px;align-items:center;padding-bottom:24px;border-bottom:1px solid rgba(255,255,255,.08)}
.cl-dx--v81 .cl-dx__result-kicker{display:block;margin-bottom:10px;color:#ff6cb6;font-size:8px;font-weight:800;letter-spacing:.12em}
.cl-dx--v81 .cl-dx__result-hero h3{max-width:620px;margin:0;font-size:34px;line-height:1.02;letter-spacing:-.045em}
.cl-dx--v81 .cl-dx__result-hero p{max-width:600px;margin:12px 0 0;color:rgba(255,255,255,.46);font-size:11px;line-height:1.55}
.cl-dx--v81 .cl-dx__result-score{width:104px;height:104px;border-radius:31px;display:flex;flex-direction:column;align-items:center;justify-content:center;background:radial-gradient(circle at 30% 18%,rgba(255,255,255,.09),transparent 30%),linear-gradient(145deg,rgba(139,105,255,.23),rgba(255,79,164,.12));border:1px solid rgba(189,154,255,.16);box-shadow:0 20px 44px rgba(0,0,0,.2),inset 0 1px rgba(255,255,255,.05)}
.cl-dx--v81 .cl-dx__result-score span{font-size:7px;letter-spacing:.13em;color:rgba(255,255,255,.42);font-weight:800}.cl-dx--v81 .cl-dx__result-score strong{margin:2px 0;color:#fff;font-size:36px;line-height:1;letter-spacing:-.06em}.cl-dx--v81 .cl-dx__result-score small{font-size:7px;color:#cdbdff}
.cl-dx--v81 .cl-dx__result-grid{display:grid;grid-template-columns:1.25fr .95fr;gap:10px;margin-top:14px}
.cl-dx--v81 .cl-dx__result-card{min-height:137px;padding:17px 18px;border-radius:20px;border:1px solid rgba(255,255,255,.075);background:linear-gradient(145deg,rgba(255,255,255,.038),rgba(255,255,255,.014));box-shadow:inset 0 1px rgba(255,255,255,.02)}
.cl-dx--v81 .cl-dx__result-card--main{background:radial-gradient(circle at 95% 5%,rgba(144,109,255,.11),transparent 35%),linear-gradient(145deg,rgba(255,255,255,.045),rgba(255,255,255,.015))}
.cl-dx--v81 .cl-dx__result-grid article:nth-child(3){grid-column:1/-1;min-height:auto}
.cl-dx--v81 .cl-dx__result-card>span{display:block;margin-bottom:8px;color:rgba(255,255,255,.27);font-size:7px;font-weight:800;letter-spacing:.11em}
.cl-dx--v81 .cl-dx__result-card h4{margin:0 0 7px;color:#fff;font-size:16px;line-height:1.18;font-weight:650;letter-spacing:-.02em}
.cl-dx--v81 .cl-dx__result-card p{margin:0;color:rgba(255,255,255,.4);font-size:9px;line-height:1.5}
.cl-dx--v81 .cl-dx__result-tags{display:flex;flex-wrap:wrap;gap:7px}
.cl-dx--v81 .cl-dx__result-tags span{display:inline-flex;align-items:center;min-height:30px;padding:0 11px;border-radius:999px;background:linear-gradient(145deg,rgba(137,104,255,.13),rgba(255,79,164,.055));border:1px solid rgba(164,128,255,.18);color:#ded3ff;font-size:8px;font-weight:650}
.cl-dx--v81 .cl-dx__result-actions{display:grid;grid-template-columns:1.12fr .88fr;gap:10px;margin-top:14px}
.cl-dx--v81 .cl-dx__action{display:flex;align-items:center;gap:12px;min-height:64px;padding:11px 13px;border:0;border-radius:18px;cursor:pointer;text-align:left;transition:transform .25s ease,box-shadow .25s ease,border-color .25s ease}
.cl-dx--v81 .cl-dx__action:hover{transform:translateY(-2px)}
.cl-dx--v81 .cl-dx__action--wa{background:linear-gradient(110deg,#ff5bab 0%,#9d66f6 52%,#74a4ff 100%);color:#fff;box-shadow:0 15px 32px rgba(137,76,222,.18)}
.cl-dx--v81 .cl-dx__action--email{background:rgba(255,255,255,.045);border:1px solid rgba(255,255,255,.09);color:#fff}
.cl-dx--v81 .cl-dx__action-icon{width:38px;height:38px;flex:0 0 38px;display:grid;place-items:center;border-radius:13px;background:rgba(8,8,12,.17);font-size:15px}
.cl-dx--v81 .cl-dx__action span:nth-child(2){display:flex;flex-direction:column}.cl-dx--v81 .cl-dx__action small{color:rgba(255,255,255,.5);font-size:7px;line-height:1.1;text-transform:uppercase;letter-spacing:.07em}.cl-dx--v81 .cl-dx__action strong{margin-top:4px;color:#fff;font-size:10px;line-height:1.15;font-weight:700}
.cl-dx--v81 .cl-dx__email-status{min-height:14px;margin:9px 0 0;color:rgba(255,255,255,.42);font-size:8px;line-height:1.35}.cl-dx--v81 .cl-dx__restart{margin:6px 0 0;padding:0;border:0;background:none;color:rgba(255,255,255,.32);font-size:8px;cursor:pointer}.cl-dx--v81 .cl-dx__restart:hover{color:#fff}
.cl-dx--v81 .cl-dx__privacy{max-width:760px;margin:20px auto 0;color:rgba(255,255,255,.23);font-size:9px;line-height:1.5;text-align:center}

@keyframes clDxFloat81{0%,100%{transform:translate(-50%,-50%) translateY(0) rotate(-1deg)}50%{transform:translate(-50%,-50%) translateY(-10px) rotate(1deg)}}
@keyframes clDxOrbit1{to{transform:rotateX(62deg) rotateZ(346deg)}}
@keyframes clDxOrbit2{to{transform:rotateY(63deg) rotateZ(384deg)}}
@keyframes clDxSpin{to{transform:rotate(360deg)}}
@keyframes clDxScan{0%,100%{transform:translateY(-62px);opacity:.15}50%{transform:translateY(62px);opacity:.85}}
@keyframes clDxBob{0%,100%{margin-top:0}50%{margin-top:-8px}}
@keyframes clDxDot{0%,100%{opacity:.25;transform:translateY(0)}50%{opacity:1;transform:translateY(-3px)}}
@keyframes clDxMemoryIn{from{opacity:0;transform:translateY(4px) scale(.96)}to{opacity:1;transform:none}}
@keyframes clDxResultIn{from{opacity:0;transform:translateY(12px) scale(.99)}to{opacity:1;transform:none}}

@media(max-width:1199.98px){
  .cl-dx--v81 .cl-dx__app{max-width:1080px}
  .cl-dx--v81 .cl-dx__appbar{grid-template-columns:185px minmax(0,1fr) 56px;padding-inline:22px;gap:16px}
  .cl-dx--v81 .cl-dx__steps b{display:none}
  .cl-dx--v81 .cl-dx__workspace{grid-template-columns:350px minmax(0,1fr)}
  .cl-dx--v81 .cl-dx__botstage{padding:28px}
  .cl-dx--v81 .cl-dx__console{padding:42px 34px 30px}
}
@media(max-width:991.98px){
  .cl-dx.cl-dx--v81{padding:100px 0 78px}
  .cl-dx--v81 .cl-dx__app{max-width:760px;border-radius:34px}
  .cl-dx--v81 .cl-dx__appbar{grid-template-columns:1fr auto;min-height:70px}
  .cl-dx--v81 .cl-dx__steps{position:absolute;left:22px;right:22px;bottom:-1px;height:2px;display:grid;grid-template-columns:repeat(5,1fr);gap:4px}
  .cl-dx--v81 .cl-dx__steps>span{display:block;height:2px;background:rgba(255,255,255,.05);overflow:hidden}
  .cl-dx--v81 .cl-dx__steps>span::after{inset:0;height:2px}.cl-dx--v81 .cl-dx__steps i,.cl-dx--v81 .cl-dx__steps b{display:none}
  .cl-dx--v81 .cl-dx__workspace{grid-template-columns:1fr;min-height:0}
  .cl-dx--v81 .cl-dx__botstage{min-height:450px;border-right:0;border-bottom:1px solid rgba(255,255,255,.075);padding:24px 26px}
  .cl-dx--v81 .cl-dx__portal{width:340px;height:340px;top:43%}
  .cl-dx--v81 .cl-dx__mascot{width:min(55%,230px);top:41%}
  .cl-dx--v81 .cl-dx__speech{width:min(75%,520px);margin-left:auto;margin-right:auto;margin-bottom:14px}
  .cl-dx--v81 .cl-dx__memory{width:min(75%,520px);margin-inline:auto}
  .cl-dx--v81 .cl-dx__console{min-height:580px;padding:38px 32px 28px}
}
@media(max-width:767.98px){
  .cl-dx--v81 .cl-dx__heading{text-align:left;margin-bottom:38px}
  .cl-dx--v81 .cl-dx__heading h2{font-size:clamp(44px,12vw,62px)}
  .cl-dx--v81 .cl-dx__heading p{margin-left:0;font-size:13px}
  .cl-dx--v81 .cl-dx__app{border-radius:30px}
  .cl-dx--v81 .cl-dx__appbar{padding:0 18px;min-height:64px}
  .cl-dx--v81 .cl-dx__brandline>span:last-child{display:none}
  .cl-dx--v81 .cl-dx__botstage{min-height:405px;padding:20px}
  .cl-dx--v81 .cl-dx__portal{width:300px;height:300px;top:40%}
  .cl-dx--v81 .cl-dx__mascot{width:min(57%,205px);top:38%}
  .cl-dx--v81 .cl-dx__signal--one{left:16px;top:52px}.cl-dx--v81 .cl-dx__signal--two{right:15px;top:82px}.cl-dx--v81 .cl-dx__signal--three{right:28px;top:215px}
  .cl-dx--v81 .cl-dx__speech{width:100%;margin-bottom:12px;padding:15px 16px;border-radius:20px 20px 20px 7px}.cl-dx--v81 .cl-dx__speech p{font-size:12px}
  .cl-dx--v81 .cl-dx__memory{width:100%}
  .cl-dx--v81 .cl-dx__console{min-height:0;padding:30px 19px 24px}
  .cl-dx--v81 .cl-dx__console h3{font-size:clamp(29px,8vw,38px)}
  .cl-dx--v81 .cl-dx__progress-ring{width:52px;height:52px;flex-basis:52px}
  .cl-dx--v81 .cl-dx__hint{margin-bottom:22px}
  .cl-dx--v81 .cl-dx__answers{grid-template-columns:1fr;gap:9px}
  .cl-dx--v81 .cl-dx__option{min-height:68px;padding:10px 12px;border-radius:18px}.cl-dx--v81 .cl-dx__option-icon{width:42px;height:42px;flex-basis:42px;border-radius:14px}
  .cl-dx--v81 .cl-dx__microcopy{margin-top:24px;padding-top:0;gap:10px}
  .cl-dx--v81 .cl-dx__result-hero{grid-template-columns:1fr 85px;gap:16px}.cl-dx--v81 .cl-dx__result-score{width:82px;height:82px;border-radius:24px}.cl-dx--v81 .cl-dx__result-score strong{font-size:29px}
  .cl-dx--v81 .cl-dx__result-grid,.cl-dx--v81 .cl-dx__result-actions{grid-template-columns:1fr}.cl-dx--v81 .cl-dx__result-grid article:nth-child(3){grid-column:auto}
}
@media(max-width:575.98px){
  .cl-dx.cl-dx--v81{padding:82px 0 64px}
  .cl-dx--v81 .cl-dx__eyebrow{font-size:9px}
  .cl-dx--v81 .cl-dx__heading h2{font-size:43px}
  .cl-dx--v81 .cl-dx__app{margin-inline:-2px;border-radius:26px}
  .cl-dx--v81 .cl-dx__botstage{min-height:375px;padding:17px 15px}
  .cl-dx--v81 .cl-dx__portal{width:275px;height:275px;top:39%}
  .cl-dx--v81 .cl-dx__mascot{width:190px;max-width:56%;top:37%}
  .cl-dx--v81 .cl-dx__signal--one{font-size:7px;padding:8px 9px}.cl-dx--v81 .cl-dx__signal--two{width:64px;height:40px}.cl-dx--v81 .cl-dx__signal--three{width:43px;height:43px;font-size:17px}
  .cl-dx--v81 .cl-dx__memory-list b{font-size:7px;padding-inline:8px}
  .cl-dx--v81 .cl-dx__console{padding:27px 15px 21px}
  .cl-dx--v81 .cl-dx__console-top{gap:12px}.cl-dx--v81 .cl-dx__console h3{font-size:29px}.cl-dx--v81 .cl-dx__progress-ring{width:46px;height:46px;flex-basis:46px}
  .cl-dx--v81 .cl-dx__option-copy strong{font-size:12px}.cl-dx--v81 .cl-dx__option-copy span{font-size:8px}
  .cl-dx--v81 .cl-dx__microcopy span:nth-child(2){display:none}
  .cl-dx--v81 .cl-dx__result-hero{grid-template-columns:1fr}.cl-dx--v81 .cl-dx__result-score{display:none}.cl-dx--v81 .cl-dx__result-hero h3{font-size:29px}
}
@media(prefers-reduced-motion:reduce){.cl-dx--v81 .cl-dx__mascot,.cl-dx--v81 .cl-dx__portal-ring,.cl-dx--v81 .cl-dx__scanline,.cl-dx--v81 .cl-dx__signal{animation:none!important}}
.cl-dx--v81 .cl-dx__option{animation:clDxOptionIn .42s cubic-bezier(.2,.75,.2,1) both}
.cl-dx--v81 .cl-dx__option.is-selected{opacity:1!important;border-color:rgba(192,153,255,.42);background:linear-gradient(145deg,rgba(132,92,244,.16),rgba(255,80,166,.08));box-shadow:0 0 0 1px rgba(166,126,255,.08),0 16px 38px rgba(0,0,0,.2)}
@keyframes clDxOptionIn{from{opacity:0;transform:translateY(7px)}to{opacity:1;transform:none}}
.cl-dx--v81 [hidden]{display:none!important}
.cl-dx--v81 .cl-dx__heading h2 span{display:block}

/* ==========================================================
   CONTRASTELAB V82 — MINI BOT GUIDED DIAGNOSIS / MUSE-STYLE
   ========================================================== */
.cl-ai-dx{position:relative;overflow:hidden;background:#09090f;color:#fff;padding:118px 0 124px;border-top:1px solid rgba(255,255,255,.06);font-family:inherit;isolation:isolate}
.cl-ai-dx::before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 73% 40%,rgba(110,82,255,.12),transparent 31%),radial-gradient(circle at 88% 72%,rgba(255,73,171,.08),transparent 28%);z-index:-3}
.cl-ai-dx__glow{position:absolute;border-radius:50%;filter:blur(80px);pointer-events:none;z-index:-2}.cl-ai-dx__glow--one{width:430px;height:430px;right:-140px;top:8%;background:rgba(93,66,255,.13)}.cl-ai-dx__glow--two{width:360px;height:360px;left:-180px;bottom:-80px;background:rgba(255,63,159,.08)}
.cl-ai-dx__layout{display:grid;grid-template-columns:minmax(0,.86fr) minmax(470px,1.14fr);gap:86px;align-items:center;max-width:1240px}
.cl-ai-dx__copy{max-width:540px}.cl-ai-dx__eyebrow{display:inline-flex;align-items:center;gap:8px;padding:9px 13px;border:1px solid rgba(168,128,255,.21);border-radius:999px;background:rgba(125,88,214,.07);color:#bdb8cc;font-size:11px;font-weight:650;letter-spacing:.02em}.cl-ai-dx__eyebrow i{font-style:normal;color:#ac83ff;text-shadow:0 0 13px rgba(175,123,255,.8)}
.cl-ai-dx__copy h2{margin:24px 0 22px;font-size:clamp(46px,4.9vw,72px);line-height:.98;letter-spacing:-.055em;font-weight:700;color:#fff}.cl-ai-dx__copy h2 span{display:block;background:linear-gradient(100deg,#ef8ce8 0%,#ff62b3 41%,#8d8dff 100%);-webkit-background-clip:text;background-clip:text;color:transparent}
.cl-ai-dx__lead{max-width:520px;margin:0;color:rgba(255,255,255,.62);font-size:15px;line-height:1.7}
.cl-ai-dx__benefits{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin:34px 0 28px}.cl-ai-dx__benefits>div{min-height:126px;padding:17px 15px 14px;border:1px solid rgba(255,255,255,.09);border-radius:19px;background:linear-gradient(145deg,rgba(255,255,255,.045),rgba(255,255,255,.018));box-shadow:inset 0 1px rgba(255,255,255,.04)}.cl-ai-dx__benefits span{display:grid;place-items:center;width:27px;height:27px;margin-bottom:18px;border-radius:9px;background:linear-gradient(135deg,rgba(168,101,255,.25),rgba(255,74,171,.13));color:#c9adff;font-size:9px;font-weight:800}.cl-ai-dx__benefits strong{display:block;color:#fff;font-size:12px;line-height:1.25}.cl-ai-dx__benefits small{display:block;margin-top:5px;color:rgba(255,255,255,.38);font-size:9px;line-height:1.4}
.cl-ai-dx__start{display:inline-flex;align-items:center;justify-content:space-between;gap:26px;min-width:254px;border:0;border-radius:999px;padding:15px 18px 15px 21px;background:linear-gradient(100deg,#ed67cc 0%,#9b61ff 57%,#6d8dff 100%);color:#fff;font:inherit;font-size:12px;font-weight:750;box-shadow:0 16px 44px rgba(117,73,255,.24);cursor:pointer;transition:transform .25s ease,box-shadow .25s ease}.cl-ai-dx__start:hover{transform:translateY(-2px);box-shadow:0 20px 54px rgba(117,73,255,.34)}.cl-ai-dx__start i{display:grid;place-items:center;width:31px;height:31px;border-radius:50%;background:rgba(255,255,255,.18);font-style:normal;font-size:17px}
.cl-ai-dx__note{display:flex;align-items:flex-start;gap:8px;max-width:430px;margin:17px 0 0;color:rgba(255,255,255,.32);font-size:9px;line-height:1.5}.cl-ai-dx__note span{flex:0 0 auto;width:6px;height:6px;margin-top:4px;border-radius:50%;background:#72e6ad;box-shadow:0 0 10px rgba(114,230,173,.45)}
.cl-ai-dx__demo{position:relative;min-height:790px;display:flex;align-items:center;justify-content:center}.cl-ai-dx__orbit{position:absolute;border:1px solid rgba(142,99,255,.16);border-radius:50%;pointer-events:none}.cl-ai-dx__orbit--a{width:620px;height:620px;right:-70px;top:68px;transform:rotate(-13deg)}.cl-ai-dx__orbit--b{width:510px;height:710px;right:6px;top:35px;transform:rotate(38deg);border-color:rgba(255,78,180,.1)}.cl-ai-dx__spark{position:absolute;z-index:1;color:#ba91ff;text-shadow:0 0 18px rgba(171,115,255,.85);animation:clAiSpark 3s ease-in-out infinite}.cl-ai-dx__spark--a{right:5%;top:13%;font-size:20px}.cl-ai-dx__spark--b{left:8%;bottom:18%;font-size:12px;color:#ff7ac5;animation-delay:-1.35s}
.cl-ai-dx__phone{position:relative;z-index:3;width:min(100%,535px);height:740px;border-radius:48px;background:#f8f8fb;border:7px solid #16131f;box-shadow:0 50px 90px rgba(0,0,0,.5),0 0 0 1px rgba(177,122,255,.32),0 0 55px rgba(107,74,255,.15);overflow:hidden;color:#17151d;transform:rotate(.3deg);transition:box-shadow .4s ease}
.cl-ai-dx__phone::before{content:"";position:absolute;left:50%;top:8px;transform:translateX(-50%);width:84px;height:18px;border-radius:999px;background:#15121b;z-index:15;opacity:.96}
.cl-ai-dx__phone.is-active{box-shadow:0 54px 100px rgba(0,0,0,.56),0 0 0 1px rgba(177,122,255,.48),0 0 82px rgba(126,76,255,.25)}
.cl-ai-dx__phone-top{height:155px;padding:33px 25px 15px;background:linear-gradient(180deg,#fff 0%,#faf9fd 100%);border-bottom:1px solid #eceaf1;position:relative;z-index:4}
.cl-ai-dx__bot-head{display:flex;align-items:center;gap:14px}.cl-ai-dx__mascot-shell{position:relative;flex:0 0 78px;width:78px;height:78px;display:grid;place-items:center}.cl-ai-dx__mascot-shell::before{content:"";position:absolute;inset:6px;border-radius:50%;background:radial-gradient(circle,rgba(179,120,255,.16),rgba(255,98,178,.08) 54%,transparent 72%);filter:blur(2px);animation:clAiAura 3.8s ease-in-out infinite}.cl-ai-dx__mascot-shell img{position:relative;z-index:2;width:94px;height:94px;object-fit:contain;filter:drop-shadow(0 9px 12px rgba(71,42,119,.16));transform-origin:50% 62%;animation:clAiFloat 3.8s ease-in-out infinite;transition:opacity .18s ease,transform .3s cubic-bezier(.2,.8,.2,1),filter .3s ease}
.cl-ai-dx__bot-head[data-state="listening"] .cl-ai-dx__mascot-shell img{animation:clAiListen 2.2s ease-in-out infinite}.cl-ai-dx__bot-head[data-state="thinking"] .cl-ai-dx__mascot-shell img{animation:clAiThink .8s ease-in-out infinite}.cl-ai-dx__bot-head[data-state="happy"] .cl-ai-dx__mascot-shell img{animation:clAiHappy .62s cubic-bezier(.2,.85,.25,1)}.cl-ai-dx__bot-head[data-state="analyzing"] .cl-ai-dx__mascot-shell img{animation:clAiAnalyze 1.1s ease-in-out infinite;filter:drop-shadow(0 9px 12px rgba(71,42,119,.16)) drop-shadow(0 0 14px rgba(128,86,255,.22))}.cl-ai-dx__bot-head[data-state="result"] .cl-ai-dx__mascot-shell img{animation:clAiResult 2.6s ease-in-out infinite}
.cl-ai-dx__visor-blink{position:absolute;z-index:3;left:22%;top:36%;width:56%;height:22%;border-radius:50%;background:#201b2d;opacity:0;pointer-events:none;animation:clAiBlink 5.7s linear infinite}.cl-ai-dx__bot-head:not([data-state="idle"]):not([data-state="listening"]) .cl-ai-dx__visor-blink{display:none}.cl-ai-dx__chest-pulse{position:absolute;z-index:4;left:50%;top:62%;width:13px;height:13px;border-radius:50%;transform:translate(-50%,-50%);box-shadow:0 0 0 rgba(166,95,255,0);animation:clAiChest 2.6s ease-out infinite;pointer-events:none}.cl-ai-dx__bot-head[data-state="analyzing"] .cl-ai-dx__chest-pulse{animation-duration:1s}.cl-ai-dx__bot-head[data-state="happy"] .cl-ai-dx__chest-pulse{animation-duration:.55s}
.cl-ai-dx__bot-meta strong{display:block;color:#17151d;font-size:14px;letter-spacing:-.02em}.cl-ai-dx__bot-meta span{display:flex;align-items:center;gap:6px;margin-top:3px;color:#8a8791;font-size:9px}.cl-ai-dx__bot-meta i{width:6px;height:6px;border-radius:50%;background:#54d69a;box-shadow:0 0 0 4px rgba(84,214,154,.11)}
.cl-ai-dx__progress{position:absolute;right:24px;bottom:17px;width:142px}.cl-ai-dx__progress span{display:block;margin-bottom:5px;text-align:right;color:#8f8b97;font-size:8px;font-weight:700}.cl-ai-dx__progress>div{height:3px;border-radius:99px;background:#ece9f0;overflow:hidden}.cl-ai-dx__progress i{display:block;width:20%;height:100%;border-radius:inherit;background:linear-gradient(90deg,#e75cbe,#8a6cff,#688cff);transition:width .45s ease}
.cl-ai-dx__chat{height:392px;overflow:auto;padding:24px 24px 18px;scrollbar-width:none;background:#fbfbfd;scroll-behavior:smooth}.cl-ai-dx__chat::-webkit-scrollbar{display:none}.cl-ai-dx__msg{display:flex;gap:8px;align-items:flex-end;margin-bottom:11px;opacity:0;transform:translateY(8px);transition:opacity .28s ease,transform .28s ease}.cl-ai-dx__msg.is-visible{opacity:1;transform:none}.cl-ai-dx__msg--user{justify-content:flex-end}.cl-ai-dx__msg>div{max-width:78%;padding:11px 14px;border-radius:18px 18px 18px 6px;background:#fff;border:1px solid #eceaf0;box-shadow:0 5px 15px rgba(36,29,50,.045);color:#23202a;font-size:12px;line-height:1.42}.cl-ai-dx__msg--user>div{border-radius:18px 18px 6px 18px;background:#dceaff;border-color:#dceaff;color:#1c2431}.cl-ai-dx__mini-avatar{flex:0 0 25px;width:25px;height:25px;border-radius:50%;overflow:hidden;background:#efe8ff;display:grid;place-items:center}.cl-ai-dx__mini-avatar img{width:31px;height:31px;object-fit:contain}.cl-ai-dx__typing-dots{display:inline-flex!important;align-items:center;gap:4px!important;padding:12px 14px!important}.cl-ai-dx__typing-dots i{width:5px;height:5px;border-radius:50%;background:#aaa4b4;animation:clAiDots .85s infinite ease-in-out}.cl-ai-dx__typing-dots i:nth-child(2){animation-delay:.12s}.cl-ai-dx__typing-dots i:nth-child(3){animation-delay:.24s}
.cl-ai-dx__composer{height:186px;background:#fff;border-top:1px solid #eceaf1;padding:15px 19px 16px;display:flex;flex-direction:column;justify-content:flex-end}.cl-ai-dx__choices{display:grid;grid-template-columns:1fr 1fr;gap:8px;overflow:auto;scrollbar-width:none;margin-bottom:12px}.cl-ai-dx__choices::-webkit-scrollbar{display:none}.cl-ai-dx__choice{appearance:none;border:1px solid #e7e3ec;border-radius:14px;background:#fff;padding:10px 11px;text-align:left;color:#26222d;font:inherit;cursor:pointer;min-height:46px;display:flex;align-items:center;justify-content:space-between;gap:9px;transition:transform .18s ease,border-color .18s ease,background .18s ease,box-shadow .18s ease;animation:clAiChoiceIn .35s ease both}.cl-ai-dx__choice:hover{transform:translateY(-1px);border-color:#c9baf7;background:#fbf8ff;box-shadow:0 7px 17px rgba(110,70,184,.08)}.cl-ai-dx__choice span{font-size:10px;font-weight:700;line-height:1.22}.cl-ai-dx__choice i{font-style:normal;color:#8363db;font-size:14px}.cl-ai-dx__choice:disabled{cursor:default}.cl-ai-dx__choice.is-selected{border-color:#a98af7;background:linear-gradient(135deg,#f6efff,#f4f6ff)}
.cl-ai-dx__fake-input{display:flex;align-items:center;justify-content:space-between;gap:12px;height:44px;padding:0 14px;border-radius:15px;background:#f5f4f7;color:#9b98a2;font-size:10px}.cl-ai-dx__fake-input b{font-size:16px;color:#9c87d7}
.cl-ai-dx__result{position:absolute;z-index:20;inset:155px 0 0;background:#fbfbfd;padding:24px 24px 22px;overflow:auto;scrollbar-width:none}.cl-ai-dx__result::-webkit-scrollbar{display:none}.cl-ai-dx__result-title span{color:#9d64e6;font-size:9px;font-weight:800;letter-spacing:.04em}.cl-ai-dx__result-title h3{margin:6px 0 7px;color:#17151d;font-size:28px;line-height:1.05;letter-spacing:-.045em}.cl-ai-dx__result-title p{margin:0;color:#75717c;font-size:10px;line-height:1.5}.cl-ai-dx__result-cards{display:grid;gap:9px;margin-top:17px}.cl-ai-dx__result-cards article{padding:13px 14px;border-radius:17px;border:1px solid #ebe7f0;background:#fff;box-shadow:0 7px 18px rgba(43,34,61,.04)}.cl-ai-dx__result-cards article>span{display:block;color:#a19da8;font-size:7px;font-weight:800;letter-spacing:.08em;text-transform:uppercase}.cl-ai-dx__result-cards strong{display:block;margin-top:4px;color:#201c27;font-size:12px;line-height:1.3}.cl-ai-dx__result-cards p{margin:4px 0 0;color:#85818a;font-size:9px;line-height:1.42}.cl-ai-dx__result-pieces>div{display:flex;gap:5px;flex-wrap:wrap;margin-top:8px}.cl-ai-dx__result-pieces b{display:inline-flex;padding:6px 8px;border-radius:999px;background:#f2edff;color:#7655bf;font-size:8px}.cl-ai-dx__result-actions{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:13px}.cl-ai-dx__result-actions a,.cl-ai-dx__result-actions button{display:flex;align-items:center;justify-content:space-between;gap:8px;border:0;border-radius:14px;padding:12px 13px;text-decoration:none;font:inherit;font-size:9px;font-weight:750;cursor:pointer}.cl-ai-dx__result-actions a{background:#15131a;color:#fff}.cl-ai-dx__result-actions button{background:linear-gradient(100deg,#e45dbe,#8a6cff);color:#fff}.cl-ai-dx__result-actions b{font-size:14px}.cl-ai-dx__restart{display:block;margin:12px auto 0;border:0;background:transparent;color:#96919e;font:inherit;font-size:8px;cursor:pointer}
.cl-ai-dx__email-sheet{position:absolute;z-index:30;inset:auto 16px 16px;border-radius:25px;background:#fff;box-shadow:0 24px 70px rgba(23,18,33,.24),0 0 0 1px rgba(41,32,56,.06);padding:22px 20px 19px;color:#1b1820;animation:clAiSheet .32s cubic-bezier(.2,.75,.25,1)}.cl-ai-dx__email-close{position:absolute;right:14px;top:12px;width:29px;height:29px;border:0;border-radius:50%;background:#f3f1f5;color:#6d6873;font:inherit;font-size:18px;cursor:pointer}.cl-ai-dx__email-kicker{color:#9764da;font-size:8px;font-weight:800;text-transform:uppercase;letter-spacing:.07em}.cl-ai-dx__email-sheet h3{margin:5px 35px 4px 0;font-size:22px;letter-spacing:-.035em}.cl-ai-dx__email-sheet>p{margin:0;color:#85818b;font-size:9px;line-height:1.45}.cl-ai-dx__email-sheet form{display:grid;grid-template-columns:1fr 1fr;gap:9px;margin-top:14px}.cl-ai-dx__email-sheet label{display:grid;gap:5px;color:#77727e;font-size:8px;font-weight:700}.cl-ai-dx__email-sheet input{width:100%;height:42px;border:1px solid #e5e0e9;border-radius:12px;padding:0 11px;background:#fbfafc;color:#19161e;font:inherit;font-size:10px;outline:none}.cl-ai-dx__email-sheet input:focus{border-color:#a687ec;box-shadow:0 0 0 3px rgba(157,112,231,.1)}.cl-ai-dx__email-sheet form button{grid-column:1/-1;height:43px;border:0;border-radius:13px;background:#18151e;color:#fff;font:inherit;font-size:9px;font-weight:750;display:flex;align-items:center;justify-content:space-between;padding:0 14px;cursor:pointer}.cl-ai-dx__email-status{margin:9px 0 0!important;color:#5f5a65!important;font-size:8px!important;min-height:13px}.cl-ai-dx [hidden]{display:none!important}
@keyframes clAiFloat{0%,100%{transform:translateY(0) rotate(-1deg)}50%{transform:translateY(-5px) rotate(1deg)}}
@keyframes clAiListen{0%,100%{transform:translateY(0) rotate(-3deg) scale(1.01)}50%{transform:translateY(-3px) rotate(3deg) scale(1.025)}}
@keyframes clAiThink{0%,100%{transform:rotate(-2deg) translateY(0)}50%{transform:rotate(2deg) translateY(-2px)}}
@keyframes clAiHappy{0%{transform:scale(1)}45%{transform:scale(1.12) translateY(-7px)}75%{transform:scale(.97)}100%{transform:scale(1)}}
@keyframes clAiAnalyze{0%,100%{transform:translateY(0) rotate(-1deg);filter:brightness(1)}50%{transform:translateY(-3px) rotate(1.5deg);filter:brightness(1.08)}}
@keyframes clAiResult{0%,100%{transform:translateY(0) rotate(0)}50%{transform:translateY(-4px) rotate(.8deg)}}
@keyframes clAiBlink{0%,45%,47%,76%,78%,100%{opacity:0;transform:scaleY(.05)}46%,77%{opacity:.97;transform:scaleY(1)}}
@keyframes clAiChest{0%{box-shadow:0 0 0 0 rgba(155,87,255,.38)}70%{box-shadow:0 0 0 12px rgba(155,87,255,0)}100%{box-shadow:0 0 0 0 rgba(155,87,255,0)}}
@keyframes clAiAura{0%,100%{transform:scale(.96);opacity:.75}50%{transform:scale(1.08);opacity:1}}
@keyframes clAiSpark{0%,100%{transform:scale(.8) rotate(0);opacity:.35}50%{transform:scale(1.22) rotate(20deg);opacity:1}}
@keyframes clAiDots{0%,100%{transform:translateY(0);opacity:.35}50%{transform:translateY(-3px);opacity:1}}
@keyframes clAiChoiceIn{from{opacity:0;transform:translateY(5px)}to{opacity:1;transform:none}}
@keyframes clAiSheet{from{opacity:0;transform:translateY(18px) scale(.98)}to{opacity:1;transform:none}}
@media(max-width:1199px){.cl-ai-dx__layout{grid-template-columns:minmax(0,.86fr) minmax(430px,1.14fr);gap:46px}.cl-ai-dx__benefits{grid-template-columns:1fr}.cl-ai-dx__benefits>div{min-height:auto;display:grid;grid-template-columns:auto 1fr;grid-template-areas:'n s' 'n x';column-gap:12px}.cl-ai-dx__benefits span{grid-area:n;margin:0}.cl-ai-dx__benefits strong{grid-area:s}.cl-ai-dx__benefits small{grid-area:x}}
@media(max-width:991px){.cl-ai-dx{padding:90px 0 96px}.cl-ai-dx__layout{grid-template-columns:1fr;gap:56px}.cl-ai-dx__copy{max-width:720px;margin:auto;text-align:center}.cl-ai-dx__copy h2 span{display:inline}.cl-ai-dx__lead,.cl-ai-dx__note{margin-left:auto;margin-right:auto}.cl-ai-dx__benefits{grid-template-columns:repeat(3,1fr);text-align:left}.cl-ai-dx__benefits>div{display:block;min-height:118px}.cl-ai-dx__benefits span{margin-bottom:15px}.cl-ai-dx__demo{min-height:760px}.cl-ai-dx__phone{height:720px}}
@media(max-width:575px){.cl-ai-dx{padding:70px 0 76px}.cl-ai-dx__layout{gap:42px}.cl-ai-dx__copy h2{font-size:42px}.cl-ai-dx__lead{font-size:13px}.cl-ai-dx__benefits{grid-template-columns:1fr;gap:8px;margin:27px 0 23px}.cl-ai-dx__benefits>div{min-height:auto;display:grid;grid-template-columns:auto 1fr;grid-template-areas:'n s' 'n x';column-gap:11px;padding:13px}.cl-ai-dx__benefits span{grid-area:n;margin:0}.cl-ai-dx__benefits strong{grid-area:s}.cl-ai-dx__benefits small{grid-area:x}.cl-ai-dx__start{width:100%;min-width:0}.cl-ai-dx__note{font-size:8px;text-align:left}.cl-ai-dx__demo{min-height:676px;margin-inline:-5px}.cl-ai-dx__orbit--a{width:390px;height:390px;right:-100px}.cl-ai-dx__orbit--b{width:300px;height:520px;right:-46px}.cl-ai-dx__phone{width:100%;height:660px;border-width:5px;border-radius:37px}.cl-ai-dx__phone::before{width:68px;height:14px}.cl-ai-dx__phone-top{height:137px;padding:27px 17px 12px}.cl-ai-dx__mascot-shell{width:67px;height:67px;flex-basis:67px}.cl-ai-dx__mascot-shell img{width:84px;height:84px}.cl-ai-dx__progress{right:17px;width:112px}.cl-ai-dx__chat{height:350px;padding:18px 16px 14px}.cl-ai-dx__msg>div{font-size:11px;max-width:82%;padding:10px 12px}.cl-ai-dx__composer{height:168px;padding:12px 13px 13px}.cl-ai-dx__choices{gap:6px}.cl-ai-dx__choice{padding:9px;min-height:43px}.cl-ai-dx__choice span{font-size:9px}.cl-ai-dx__fake-input{height:39px;font-size:8px}.cl-ai-dx__result{inset:137px 0 0;padding:20px 16px}.cl-ai-dx__result-title h3{font-size:25px}.cl-ai-dx__result-actions{grid-template-columns:1fr}.cl-ai-dx__email-sheet{inset:auto 10px 10px;padding:20px 16px 16px}.cl-ai-dx__email-sheet form{grid-template-columns:1fr}.cl-ai-dx__email-sheet form button{grid-column:1}.cl-ai-dx__spark--b{display:none}}
@media(prefers-reduced-motion:reduce){.cl-ai-dx *, .cl-ai-dx *::before,.cl-ai-dx *::after{animation-duration:.01ms!important;animation-iteration-count:1!important;scroll-behavior:auto!important}}


/* ContrasteLab skin on top of the original Gencyo Home 01 system. */
:root{
  --theme-color1:#ff56a6;
  --theme-color1-rgb:255,86,166;
  --theme-color2:#111116;
  --theme-color3:#0b0b10;
  --theme-color2-rgb:17,17,22;
  --theme-color3-rgb:11,11,16;
  --body-bg:#0b0b10;
  --bg-color:#14131b;
  --headings-color:#fff;
  --text-color:#9993a3;
  --cl-purple:#7658ff;
  --cl-pink:#ff56a6;
  --cl-cyan:#4dd7ff;
  --cl-cream:#f7f5f1;
  --cl-grad:linear-gradient(115deg,#ff56a6 0%,#8a63ff 52%,#4dd7ff 100%);
}
html{scroll-behavior:smooth;background:#0b0b10}.page-wrapper{background:#0b0b10}::selection{background:#7658ff;color:#fff}
body{background:#0b0b10;color:#a6a0ad}.section-padding{position:relative}.sec-title .title span{color:var(--cl-pink)}
.sub-title img{filter:hue-rotate(285deg) saturate(1.7)}
.btn-style-one{background:var(--cl-grad)!important;border:none!important;color:#fff!important;overflow:hidden}.btn-style-one:before,.btn-style-one:after{background:#fff!important}.btn-style-one:hover .btn-title{color:#111!important}.btn-style-one .btn-arrow-left img,.btn-style-one .btn-arrow-right img{filter:brightness(0) invert(1)}.btn-style-one:hover .btn-arrow-left img,.btn-style-one:hover .btn-arrow-right img{filter:none}
.bg-theme-color{background:var(--cl-grad)!important}

/* Header */
.cl-header .header-lower{border-color:rgba(255,255,255,.08)!important}.cl-header .main-box{padding-left:0}.cl-logo{display:inline-flex!important;align-items:center;gap:10px;color:#fff!important;font-weight:700;font-size:19px;letter-spacing:-.04em;white-space:nowrap}.cl-logo img{width:38px!important;height:38px!important;object-fit:contain!important}.cl-header .main-menu .navigation>li>a{font-size:14px}.cl-header .contact-btn{background:#fff!important;color:#111!important;border-radius:999px!important;padding:13px 20px!important}.cl-header .contact-btn:hover{background:var(--cl-pink)!important;color:#fff!important}.cl-header .sticky-header{background:#0b0b10}.cl-header .mobile-menu .menu-box{background:#0b0b10}.cl-header .mobile-menu .cl-logo span{display:inline}.cl-header .mobile-menu .nav-logo img{max-height:none}

/* Preloader */
.preloader-text{color:#fff!important;font-weight:700;letter-spacing:-.04em}.preloader-ball{background:var(--cl-grad)!important}.preloader-overlay{background:#09090d!important}

/* Hero — keep Gencyo composition, replace its visual language */
.cl-hero{min-height:100vh;display:flex;align-items:center;overflow:hidden;background:radial-gradient(circle at 83% 8%,rgba(118,88,255,.24),transparent 34%),radial-gradient(circle at 10% 88%,rgba(255,86,166,.13),transparent 30%),#09090d!important}.cl-hero:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(9,9,13,.28),rgba(9,9,13,.86));pointer-events:none}.cl-hero .container{position:relative;z-index:3}.cl-hero-content{padding-top:120px}.cl-hero-kicker{font-size:12px;letter-spacing:.18em;color:rgba(255,255,255,.58);font-weight:700;margin-bottom:18px}.cl-hero .hero-title{max-width:1050px!important}.cl-hero .hero-title span{background:var(--cl-grad);-webkit-background-clip:text;background-clip:text;color:transparent}.cl-hero .hero-text{font-size:18px!important;line-height:1.65!important;max-width:650px;color:rgba(255,255,255,.68)!important}.cl-hero-bottom{align-items:center!important}.cl-hero .circle-box{width:190px!important;height:190px!important;position:relative;display:grid;place-items:center}.cl-hero-mascot-ring{position:absolute!important;inset:0;width:100%!important;height:100%!important;object-fit:contain}.cl-hero-mascot{width:112px!important;height:125px!important;object-fit:contain!important;position:relative;z-index:2;filter:drop-shadow(0 20px 25px rgba(0,0,0,.28))}.cl-hero-actions{display:flex;gap:22px;align-items:center;flex-wrap:wrap}.cl-text-link{font-weight:650;color:#fff;border-bottom:1px solid rgba(255,255,255,.3);padding-bottom:4px}.cl-text-link:hover{color:var(--cl-cyan)}.cl-hero-proof{display:flex;flex-wrap:wrap;gap:30px;margin-top:42px;padding-top:28px;border-top:1px solid rgba(255,255,255,.10);color:rgba(255,255,255,.5);font-size:13px}.cl-hero-proof b{color:#fff;font-size:20px;margin-right:7px}.cl-hero-glow{position:absolute;border-radius:50%;filter:blur(110px);opacity:.2;z-index:1;pointer-events:none}.cl-glow-a{width:650px;height:650px;background:#7658ff;right:-180px;top:-160px}.cl-glow-b{width:520px;height:520px;background:#ff56a6;left:-180px;bottom:-260px}.cl-hero .line-shape-animation span{background:rgba(255,255,255,.035)!important}

/* First 3 feature blocks */
.cl-feature-intro{background:#0b0b10}.cl-feature-intro .feature-block .inner-block{min-height:330px}.cl-feature-intro .feature-block .inner-block:hover{border-color:rgba(255,86,166,.45)}.cl-mini-mascot{width:84px!important;height:84px!important;border-radius:22px!important;overflow:hidden;background:#fff!important;display:grid!important;place-items:center!important}.cl-mini-mascot img{width:100%!important;height:100%!important;object-fit:cover!important;object-position:50% 20%}.cl-feature-intro .arrow-link{color:var(--cl-pink)!important}

/* About */
.cl-about{background:#111116}.cl-about-image{border-radius:28px!important;position:relative}.cl-about-image>img{aspect-ratio:4/5;object-fit:cover}.cl-photo-badge{position:absolute;left:24px;bottom:24px;background:rgba(10,10,14,.76);border:1px solid rgba(255,255,255,.13);backdrop-filter:blur(14px);padding:10px 14px;border-radius:999px;color:#fff;font-size:12px}.cl-about .about-thumb-items .thumb1{background:linear-gradient(145deg,rgba(255,86,166,.15),rgba(118,88,255,.16));border-radius:18px;width:110px;height:90px;display:grid;place-items:center}.cl-about .about-thumb-items .thumb1 img{width:75px;height:78px;object-fit:contain}.cl-about .about-list-items i{color:var(--cl-pink)!important}

/* Services */
.cl-services{background-color:#0b0b10!important;background-blend-mode:overlay}.cl-services:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 75% 20%,rgba(118,88,255,.16),transparent 38%),radial-gradient(circle at 10% 70%,rgba(255,86,166,.12),transparent 30%);pointer-events:none}.cl-services .container{position:relative;z-index:1}.cl-service-card{height:100%}.cl-service-card .inner-block{height:100%;min-height:420px!important}.cl-service-card .inner-block:hover{background:#17151f!important}.cl-service-icon{height:160px!important;width:130px!important;border-radius:20px!important;overflow:hidden!important;background:#f4f1ff!important;margin-bottom:20px!important}.cl-service-icon img{width:100%!important;height:100%!important;object-fit:cover!important;object-position:50% 18%!important}.cl-service-card .number{color:rgba(255,255,255,.3)!important}.cl-service-card .dot{background:var(--cl-pink)!important}.cl-service-card .arrow-link{color:var(--cl-pink)!important}

/* Projects */
.cl-projects{background:#f7f5f1;color:#16121d;overflow:hidden}.cl-projects .sec-title .title,.cl-projects .sec-title .title span{color:#141119}.cl-projects .sub-title{color:#706879}.cl-project-intro{color:#6f6975;line-height:1.6;text-align:left}.cl-project-strip{padding-inline:18px}.cl-projects .project-block{background:#fff}.cl-projects .project-block .content-block{background:#fff}.cl-projects .project-block .content-block .title,.cl-projects .project-block .content-block .title a{color:#17131d}.cl-project-title{background:none;border:0;padding:0;color:inherit;font:inherit;text-align:left}.cl-project-logo-stage{min-height:520px!important;background:linear-gradient(145deg,#f1eff7,#fff 60%,#f9e8f1);display:grid!important;place-items:center;position:relative}.cl-project-logo-dark{background:linear-gradient(145deg,#111116,#211a32)!important}.cl-project-logo-img{position:relative!important;width:min(70%,360px)!important;height:auto!important;object-fit:contain!important;z-index:2!important}.cl-project-mascot-corner{position:absolute!important;right:20px!important;bottom:-40px!important;width:180px!important;height:230px!important;object-fit:cover!important;object-position:50% 10%!important;opacity:.28!important;transform:rotate(-7deg)!important}.cl-projects .arrow-icon{border:0;cursor:pointer}.cl-project-more{margin-top:50px;border-top:1px solid #dfd9e3;padding-top:28px;display:flex;gap:28px;align-items:center;justify-content:space-between}.cl-project-more>span{color:#77717c;font-size:13px}.cl-logo-inline{display:flex;gap:22px;align-items:center;justify-content:flex-end;flex-wrap:wrap}.cl-logo-inline img{height:28px;max-width:120px;object-fit:contain;filter:grayscale(1);opacity:.65;transition:.25s}.cl-logo-inline img:hover{filter:none;opacity:1}
.cl-project-modal{position:fixed;inset:0;z-index:99999;display:none;align-items:center;justify-content:center;padding:30px}.cl-project-modal.open{display:flex}.cl-project-modal-backdrop{position:absolute;inset:0;background:rgba(5,5,8,.82);backdrop-filter:blur(12px)}.cl-project-modal-card{position:relative;width:min(1200px,96vw);background:#111116;border:1px solid rgba(255,255,255,.1);border-radius:26px;padding:18px;color:#fff;box-shadow:0 40px 120px rgba(0,0,0,.55)}.cl-project-modal-top{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:2px 4px 15px}.cl-project-modal-top small{display:block;color:#87818f;text-transform:uppercase;font-size:10px;letter-spacing:.13em}.cl-project-modal-top strong{font-size:18px}.cl-project-modal-actions{display:flex;gap:15px;align-items:center}.cl-project-modal-actions a{color:#fff;font-size:12px}.cl-project-modal-actions button{width:38px;height:38px;border-radius:50%;border:1px solid rgba(255,255,255,.15);background:#1d1a22;color:#fff;font-size:25px}.cl-project-browser{overflow:hidden;border-radius:18px;background:#fff}.cl-project-browser-bar{height:42px;background:#e9e7eb;display:flex;align-items:center;gap:7px;padding:0 14px}.cl-project-browser-bar i{width:8px;height:8px;border-radius:50%;background:#bbb5c0}.cl-project-browser-bar span{margin-left:8px;font-size:11px;color:#746d79}.cl-project-browser iframe{display:block;width:100%;height:min(70vh,750px);border:0;background:#fff}.cl-project-modal-card>p{font-size:11px;color:#77717f;margin:10px 4px 0}

/* Marquee */
.cl-marquee{background:#f7f5f1}.cl-marquee .marquee-section.style-2{background:var(--cl-grad)!important}.cl-marquee .marquee-section.style-3{background:#111116!important}.cl-marquee .marquee-section .text{white-space:nowrap}

/* Process */
.cl-process{background:#0b0b10}.cl-process-mascot{position:absolute;width:145px!important;height:160px!important;object-fit:contain!important;left:50%;top:50%;transform:translate(-50%,-50%);filter:drop-shadow(0 20px 28px rgba(0,0,0,.3))}.cl-process .work-process-thumb{position:relative}.cl-process .working-block-one .inner-block.active{border-color:var(--cl-pink)!important}.cl-process .working-block-one .inner-block.active .step{background:var(--cl-grad)!important}

/* Video + gallery */
.cl-video-section{background:#0b0b10}.cl-video-hero{height:min(78vh,780px)!important;position:relative}.cl-video-hero .cl-showreel{width:100%;height:100%;object-fit:cover;display:block}.cl-video-overlay{position:absolute;inset:0;background:linear-gradient(180deg,rgba(5,5,8,.08),rgba(5,5,8,.68))}.cl-video-hero .content{z-index:3!important}.cl-video-hero .title{max-width:900px!important}.cl-video-hero .play-now{border:0}.cl-media-grid-wrap{padding-top:65px}.cl-media-heading{display:flex;justify-content:space-between;gap:35px;align-items:end;margin-bottom:24px}.cl-media-heading span{font-size:11px;letter-spacing:.17em;font-weight:700;color:var(--cl-pink)}.cl-media-heading p{max-width:520px;color:#8d8793;margin:0}.cl-media-grid{display:grid;grid-template-columns:repeat(12,1fr);grid-auto-rows:180px;gap:12px}.cl-media-tile{position:relative;overflow:hidden;border:0;padding:0;border-radius:20px;background:#17151e;cursor:pointer}.cl-media-tile:nth-child(1){grid-column:span 4;grid-row:span 2}.cl-media-tile:nth-child(2){grid-column:span 5;grid-row:span 2}.cl-media-tile:nth-child(3){grid-column:span 3;grid-row:span 1}.cl-media-tile:nth-child(4){grid-column:span 3;grid-row:span 1}.cl-media-tile:nth-child(5){grid-column:span 5;grid-row:span 2}.cl-media-tile:nth-child(6){grid-column:span 7;grid-row:span 2}.cl-media-tile img{width:100%;height:100%;object-fit:cover;transition:.6s cubic-bezier(.2,.8,.2,1)}.cl-media-tile:hover img{transform:scale(1.06)}.cl-media-tile span{position:absolute;right:12px;bottom:10px;color:#fff;font-size:10px;background:rgba(10,10,14,.6);padding:6px 8px;border-radius:999px}.cl-media-modal{position:fixed;inset:0;z-index:99999;display:none;align-items:center;justify-content:center;padding:30px}.cl-media-modal.open{display:flex}.cl-media-backdrop{position:absolute;inset:0;background:rgba(5,5,8,.9);backdrop-filter:blur(12px)}.cl-media-card{position:relative;max-width:min(92vw,1100px);max-height:90vh}.cl-media-card>img{max-width:92vw;max-height:88vh;object-fit:contain;border-radius:18px;display:block}.cl-media-close{position:absolute;right:-14px;top:-14px;z-index:3;width:40px;height:40px;border-radius:50%;border:1px solid rgba(255,255,255,.2);background:#111;color:#fff;font-size:25px}.cl-media-nav{position:absolute;top:50%;transform:translateY(-50%);z-index:3;width:48px;height:48px;border-radius:50%;border:1px solid rgba(255,255,255,.2);background:rgba(10,10,14,.7);color:#fff;font-size:30px}.cl-media-prev{left:14px}.cl-media-next{right:14px}

/* Automation */
.cl-automation{background:#f7f5f1;color:#211c27;padding-top:120px!important}.cl-automation .sec-title .title,.cl-automation .sec-title .title span,.cl-automation .feature-box .title{color:#1c1722}.cl-automation .choose-text,.cl-automation .feature-box .text{color:#746f79}.cl-automation .feature-box .inner-box{border-color:#ded9e2!important}.cl-auto-image{min-height:650px!important;background:linear-gradient(145deg,#17141d,#28203c)!important;display:grid!important;place-items:center!important;position:relative;overflow:hidden}.cl-auto-image>img{width:70%!important;height:92%!important;object-fit:cover!important;object-position:50% 15%!important;opacity:.82;filter:saturate(.95)}.cl-auto-flow{position:absolute;left:24px;right:24px;bottom:26px;display:flex;align-items:center;justify-content:center;gap:8px;flex-wrap:wrap}.cl-auto-flow span{background:rgba(255,255,255,.94);color:#1b1720;padding:9px 12px;border-radius:999px;font-size:11px;font-weight:700}.cl-auto-flow b{color:#fff}.cl-client-mascots{display:flex!important;align-items:center}.cl-client-mascots img{width:48px!important;height:48px!important;border-radius:50%!important;object-fit:cover!important;object-position:50% 15%!important;border:3px solid #f7f5f1!important;margin-left:-10px!important}.cl-client-mascots img:first-child{margin-left:0!important}

/* Testimonials */
.cl-testimonials{background:#111116}.cl-quote-mascot{display:grid!important;place-items:center!important;background:var(--cl-grad)!important}.cl-quote-mascot img{width:58px!important;height:68px!important;object-fit:contain!important}.cl-testimonials .testimonial-block-one .text{font-size:28px!important;line-height:1.45!important}.cl-testimonials .star i{color:var(--cl-pink)!important}

/* FAQ */
.cl-faq{background:#0b0b10}.cl-faq-mascot{width:170px;margin-top:45px;filter:drop-shadow(0 20px 30px rgba(0,0,0,.3))}.cl-faq .faq-block-one.active .title-box .icon{background:var(--cl-grad)!important}

/* Capability mosaic */
.cl-capabilities{background:#111116}.cl-cap-card .image{height:230px!important;display:grid!important;place-items:center!important;overflow:hidden!important}.cl-cap-card .image img{width:100%!important;height:100%!important;object-fit:cover!important;object-position:50% 15%!important}.cl-cap-wide .image{height:380px!important;display:grid!important;place-items:center!important;overflow:hidden!important}.cl-cap-wide .image img{width:100%!important;height:100%!important;object-fit:cover!important;object-position:50% 12%!important}.cl-capabilities .feature-box-style1,.cl-capabilities .feature-box-style2,.cl-capabilities .feature-box-style3{border-color:rgba(255,255,255,.1)!important}

/* Real cases using original team component */
.cl-cases{background-color:#0b0b10!important;background-blend-mode:overlay}.cl-case-card .image-block{height:430px!important}.cl-case-card .image-block img{height:100%!important;object-fit:cover!important}.cl-case-card .content-block p{color:#8e8795;font-size:13px;line-height:1.55;margin-top:12px}.cl-case-card .content-block .text{color:var(--cl-pink)!important}

/* Brand logos */
.cl-brand-strip{background:#f7f5f1;padding:25px 0}.cl-brand-strip .brand-box-1{min-height:105px}.cl-brand-strip .brand-img-1 img{max-height:42px!important;max-width:160px!important;object-fit:contain!important;filter:grayscale(1);opacity:.65}.cl-brand-strip .brand-box-1:hover img{filter:none;opacity:1}

/* Stats / award reinterpretation */
.cl-stats{background:#0b0b10}.cl-stats .award-box-items-one .icon img{width:64px!important;height:64px!important;border-radius:16px;object-fit:cover;object-position:50% 15%}.cl-stats .award-box-items-one .year{color:var(--cl-pink)!important}.cl-stats .award-thumb{width:190px;height:190px;border-radius:50%;background:linear-gradient(145deg,rgba(255,86,166,.16),rgba(118,88,255,.18));display:grid;place-items:center}.cl-stats .award-thumb img{width:115px!important;height:125px!important;object-fit:contain!important}.cl-stats .award-right-items-1>.content h3{font-size:56px;color:#fff}

/* Contact */
.cl-contact{background:#111116}.cl-contact-image{position:relative}.cl-contact-image>img:first-child{width:100%;height:100%;object-fit:cover;object-position:center}.cl-contact-mascot{position:absolute!important;width:150px!important;height:170px!important;object-fit:contain!important;right:20px!important;bottom:20px!important;filter:drop-shadow(0 20px 28px rgba(0,0,0,.3))}.cl-contact .contact-icon .icon i{font-size:24px;color:var(--cl-pink)}.cl-contact .contact-form-style-1{background:linear-gradient(145deg,#17141d,#211a30)!important}.cl-contact .form-clt select{width:100%;background:transparent;color:#fff;border:0;border-bottom:1px solid rgba(255,255,255,.18);padding:15px 0;outline:none}.cl-contact .form-clt select option{color:#111;background:#fff}.cl-contact .form-clt input,.cl-contact .form-clt textarea{color:#fff!important}

/* News */
.cl-news{background:#f7f5f1}.cl-news .sec-title .title,.cl-news .sec-title .title span{color:#17131d}.cl-news .blog-box .content-box .title{color:#17131d!important}.cl-news .blog-box .content-box p{color:#706b76;font-size:13px;line-height:1.55}.cl-news .blog-box .post-text{color:var(--cl-pink)!important}.cl-news .blog-box .image-box .num{background:var(--cl-grad)!important;color:#fff!important}

/* Footer */
.cl-footer{background:#0b0b10}.cl-footer .footer-logo img{width:42px!important;height:42px!important}.cl-footer .footer-content .title span{background:var(--cl-grad);-webkit-background-clip:text;background-clip:text;color:transparent}.cl-footer .footer-content .btn-style-one{margin-top:30px}.cl-footer .footer-line img{opacity:.35}

/* Make anchors land below fixed header */
[id]{scroll-margin-top:100px}

@media(max-width:1199px){
  .cl-hero-content{padding-top:170px}.cl-hero .hero-title{font-size:76px!important}.cl-service-card .inner-block{min-height:390px!important}.cl-project-logo-stage{min-height:450px!important}.cl-media-grid{grid-auto-rows:150px}.cl-auto-image{min-height:560px!important}
}
@media(max-width:991px){
  .cl-header .logo .cl-logo span{display:inline}.cl-hero{min-height:auto;padding-bottom:110px}.cl-hero-content{padding-top:140px}.cl-hero .hero-title{font-size:62px!important}.cl-hero .content-items{gap:25px}.cl-hero .circle-box{width:150px!important;height:150px!important}.cl-hero-mascot{width:90px!important;height:100px!important}.cl-project-more{align-items:flex-start;flex-direction:column}.cl-logo-inline{justify-content:flex-start}.cl-video-hero{height:620px!important}.cl-media-grid{grid-template-columns:repeat(2,1fr);grid-auto-rows:260px}.cl-media-tile,.cl-media-tile:nth-child(n){grid-column:span 1!important;grid-row:span 1!important}.cl-auto-image{min-height:500px!important}.cl-contact-image{display:none!important}
}
@media(max-width:767px){
  .cl-logo{font-size:16px}.cl-logo img{width:33px!important;height:33px!important}.cl-hero-content{padding-top:115px}.cl-hero .hero-title{font-size:49px!important;line-height:.98!important}.cl-hero .hero-text{font-size:16px!important}.cl-hero .content-items{display:block!important}.cl-hero .circle-box{margin-bottom:25px}.cl-hero-proof{gap:16px 22px}.cl-hero-proof b{font-size:17px}.cl-service-card .inner-block{min-height:360px!important}.cl-service-icon{width:110px!important;height:135px!important}.cl-project-strip{padding-inline:12px}.cl-project-logo-stage{min-height:380px!important}.cl-project-modal{padding:12px}.cl-project-modal-top{align-items:flex-start}.cl-project-modal-actions a{display:none}.cl-project-browser iframe{height:70vh}.cl-video-hero{height:520px!important}.cl-video-hero .title{font-size:36px!important}.cl-media-heading{display:block}.cl-media-heading p{margin-top:10px}.cl-media-grid{grid-template-columns:1fr;grid-auto-rows:330px}.cl-auto-image{min-height:460px!important}.cl-auto-flow span{font-size:9px;padding:7px 9px}.cl-testimonials .testimonial-block-one .text{font-size:22px!important}.cl-case-card .image-block{height:390px!important}.cl-brand-strip .brand-img-1 img{max-width:120px!important;max-height:34px!important}.cl-media-nav{width:40px;height:40px}.cl-contact .contact-form-style-1{padding:28px 20px!important}
}
@media(max-width:480px){.cl-hero .hero-title{font-size:43px!important}.cl-media-grid{grid-auto-rows:280px}.cl-project-logo-stage{min-height:330px!important}}


/* V2 polish — visual consistency, accessibility and resilient responsive behaviour */
:root{--cl-grad-soft:linear-gradient(135deg,rgba(255,86,166,.22),rgba(118,88,255,.18) 55%,rgba(77,215,255,.14));}
*,*::before,*::after{box-sizing:border-box}
body{overflow-x:hidden}
img,video{max-width:100%}
button,a,input,textarea,select{font:inherit}
button{touch-action:manipulation}
:focus-visible{outline:3px solid rgba(77,215,255,.9)!important;outline-offset:4px!important}
.cl-ui-icon{display:inline-grid;place-items:center;line-height:1;font-style:normal}
.cl-check{display:inline-grid;place-items:center;width:20px;height:20px;margin-right:8px;border-radius:50%;background:linear-gradient(135deg,var(--cl-pink),var(--cl-purple));color:#fff;font-size:12px;font-weight:900;flex:0 0 auto}
.cl-star-row{display:inline-block;color:var(--cl-pink);letter-spacing:.14em;font-size:14px}
.cl-header .mobile-menu .close-btn{font-size:26px;line-height:1;color:#fff}
#back-top{display:grid;place-items:center}
#back-top .cl-ui-icon{font-size:19px;font-weight:700}
.cl-hero .hero-title,.sec-title .title{text-wrap:balance;overflow-wrap:anywhere}
.cl-hero .hero-text,.cl-project-intro,.about-text,.choose-text,.contact-text{max-width:66ch}
.cl-project-modal,.cl-media-modal{overscroll-behavior:contain}
.cl-project-modal-card{max-height:calc(100svh - 36px);overflow:auto}
.cl-project-browser iframe{display:block;width:100%;border:0;background:#fff}
.cl-media-card{max-height:calc(100svh - 28px)}
.cl-media-card>img{max-height:calc(100svh - 56px);object-fit:contain}
.cl-open-project,.cl-open-media,.array-prev,.array-next,[data-close-project],[data-close-media]{-webkit-tap-highlight-color:transparent}
.cl-projects .project-block .image-block,.cl-media-tile{isolation:isolate}
.cl-projects .project-block .image-block img,.cl-media-tile img{will-change:transform}
.cl-showreel{background:#0b0b10}
.cl-contact .form-clt select{appearance:none;background-image:linear-gradient(45deg,transparent 50%,#fff 50%),linear-gradient(135deg,#fff 50%,transparent 50%);background-position:calc(100% - 18px) 52%,calc(100% - 12px) 52%;background-size:6px 6px,6px 6px;background-repeat:no-repeat;padding-right:34px}
.cl-contact .form-clt textarea{min-height:120px;resize:vertical}
.cl-contact .form-clt input::placeholder,.cl-contact .form-clt textarea::placeholder{color:rgba(255,255,255,.58)}
.cl-footer .social-icon a{display:inline-flex;align-items:center;gap:7px}
.cl-footer .social-icon .cl-ui-icon{width:22px;height:22px;border:1px solid rgba(255,255,255,.16);border-radius:50%;font-size:10px}

@media(max-width:991px){
  .cl-header .main-box{min-height:70px}
  .cl-project-modal-card{width:min(96vw,900px)}
  .cl-project-browser iframe{height:68svh}
}
@media(max-width:767px){
  .cl-hero{padding-bottom:82px}
  .cl-hero-content{padding-top:105px}
  .cl-hero .hero-title{font-size:clamp(42px,12.4vw,52px)!important;line-height:.98!important}
  .cl-hero-actions{gap:16px}
  .cl-project-modal-top{gap:12px}
  .cl-project-modal-card{border-radius:19px;padding:12px}
  .cl-project-browser{border-radius:14px}
  .cl-project-browser iframe{height:67svh}
  .cl-media-card{width:calc(100vw - 24px)}
  .cl-media-card>img{width:100%}
  .cl-contact .form-clt select{font-size:15px}
}
@media(max-width:480px){
  .cl-hero .hero-title{font-size:clamp(39px,12vw,46px)!important}
  .cl-hero-proof{font-size:12px}
  .cl-project-logo-stage{min-height:300px!important}
  .cl-media-grid{grid-auto-rows:250px}
}
@media(prefers-reduced-motion:reduce){
  html{scroll-behavior:auto!important}
  *,*::before,*::after{animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.001ms!important;scroll-behavior:auto!important}
  .mouseCursor{display:none!important}
}

/* V3 — ContrasteLab icon system / services */
.cl-services{overflow:hidden}
.cl-services .sec-title{position:relative;z-index:2}
.cl-services-intro{max-width:650px;margin:18px auto 0;color:rgba(255,255,255,.58);font-size:15px;line-height:1.65}
.cl-service-grid{position:relative;z-index:2}
.cl-service-card{perspective:1000px}
.cl-service-card .inner-block{
  min-height:440px!important;
  padding:30px 28px 28px!important;
  padding-top:82px!important;
  background:linear-gradient(145deg,rgba(255,255,255,.055),rgba(255,255,255,.018))!important;
  border:1px solid rgba(255,255,255,.10)!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.035),0 24px 55px rgba(0,0,0,.08);
  transition:transform .42s cubic-bezier(.22,.8,.22,1),border-color .42s ease,background .42s ease,box-shadow .42s ease!important;
}
.cl-service-card .inner-block:before{
  content:"";position:absolute;width:190px;height:190px;border-radius:50%;left:50%;top:118px;transform:translate(-50%,-50%) scale(.8);
  background:radial-gradient(circle,rgba(118,88,255,.20) 0%,rgba(255,86,166,.09) 42%,transparent 72%);
  filter:blur(18px);opacity:.55;pointer-events:none;transition:.45s ease;
}
.cl-service-card:nth-child(4n+2) .inner-block:before{background:radial-gradient(circle,rgba(77,215,255,.20) 0%,rgba(118,88,255,.08) 45%,transparent 72%)}
.cl-service-card:nth-child(4n+3) .inner-block:before{background:radial-gradient(circle,rgba(255,86,166,.18) 0%,rgba(118,88,255,.09) 45%,transparent 72%)}
.cl-service-card:nth-child(4n+4) .inner-block:before{background:radial-gradient(circle,rgba(118,88,255,.22) 0%,rgba(77,215,255,.08) 45%,transparent 72%)}
.cl-service-card .inner-block:hover{
  transform:translateY(-8px);
  background:linear-gradient(145deg,rgba(255,255,255,.075),rgba(255,255,255,.025))!important;
  border-color:rgba(255,255,255,.18)!important;
  box-shadow:0 30px 70px rgba(0,0,0,.24),inset 0 1px 0 rgba(255,255,255,.06)!important;
}
.cl-service-card .inner-block:hover:before{opacity:.95;transform:translate(-50%,-50%) scale(1.08)}
.cl-service-card .dot{top:31px!important;left:29px!important;width:7px!important;height:7px!important;box-shadow:0 0 18px rgba(255,86,166,.65)}
.cl-service-card .number{top:25px!important;right:28px!important;font-size:34px!important;font-weight:650!important;letter-spacing:-.06em!important;color:rgba(255,255,255,.20)!important}
.cl-service-card .content-box{transform:translateY(18px)!important;transition:transform .42s cubic-bezier(.22,.8,.22,1)!important;position:relative;z-index:2}
.cl-service-card .inner-block:hover .content-box{transform:translateY(0)!important}
.cl-service-icon{
  display:flex!important;align-items:center!important;justify-content:center!important;
  width:100%!important;height:158px!important;overflow:visible!important;background:transparent!important;border-radius:0!important;
  margin:0 0 14px!important;position:relative!important;
}
.cl-service-icon img{
  width:148px!important;height:148px!important;object-fit:contain!important;object-position:center!important;
  filter:drop-shadow(0 18px 22px rgba(0,0,0,.20));
  transform:translateY(0) rotate(0deg) scale(1);transform-origin:50% 55%;
  transition:transform .5s cubic-bezier(.22,.8,.22,1),filter .5s ease!important;
}
.cl-service-card .inner-block:hover .cl-service-icon{transform:none!important}
.cl-service-card .inner-block:hover .cl-service-icon img{transform:translateY(-8px) rotate(-2deg) scale(1.065);filter:drop-shadow(0 25px 28px rgba(0,0,0,.25))}
.cl-service-card:nth-child(even) .inner-block:hover .cl-service-icon img{transform:translateY(-8px) rotate(2deg) scale(1.065)}
.cl-service-tag{display:inline-flex;align-items:center;min-height:27px;padding:0 10px;border:1px solid rgba(255,255,255,.10);border-radius:999px;background:rgba(255,255,255,.045);color:rgba(255,255,255,.52);font-size:9px;line-height:1;text-transform:uppercase;letter-spacing:.11em;font-weight:700;margin-bottom:12px}
.cl-service-card .title{margin-bottom:10px!important;font-size:24px!important;letter-spacing:-.035em!important}
.cl-service-card .title a{color:#fff!important;background-image:none!important}
.cl-service-card .title a:hover{color:#fff!important;background-image:none!important}
.cl-service-card .text{color:rgba(255,255,255,.54)!important;font-size:14px!important;line-height:1.58!important;min-height:66px}
.cl-service-card .arrow-link{margin-top:15px!important;text-decoration:none!important;font-size:13px!important;font-weight:650!important;color:#fff!important;opacity:.38!important;visibility:visible!important;transform:translateY(7px);transition:.35s ease!important}
.cl-service-card .arrow-link svg{transition:transform .3s ease}
.cl-service-card .inner-block:hover .arrow-link{opacity:1!important;transform:translateY(0);color:var(--cl-pink)!important}
.cl-service-card .arrow-link:hover svg{transform:translateX(4px)}
@media(max-width:1199px){.cl-service-card .inner-block{min-height:425px!important}.cl-service-icon{height:150px!important}.cl-service-icon img{width:142px!important;height:142px!important}}
@media(max-width:767px){
  .cl-services-intro{font-size:14px;margin-top:14px}.cl-service-grid{--bs-gutter-y:12px}
  .cl-service-card .inner-block{min-height:0!important;padding:24px 22px 22px!important;padding-top:65px!important}
  .cl-service-card .dot{top:26px!important;left:23px!important}.cl-service-card .number{top:21px!important;right:22px!important;font-size:29px!important}
  .cl-service-card .content-box{transform:none!important}.cl-service-icon{height:138px!important;margin-bottom:8px!important}.cl-service-icon img{width:130px!important;height:130px!important}
  .cl-service-card .title{font-size:22px!important}.cl-service-card .text{min-height:0!important}.cl-service-card .arrow-link{opacity:.82!important;transform:none!important;margin-top:14px!important}
  .cl-service-card .inner-block:before{top:105px;width:160px;height:160px}
}
@media(prefers-reduced-motion:reduce){.cl-service-card .inner-block,.cl-service-card .content-box,.cl-service-icon img,.cl-service-card .arrow-link,.cl-service-card .inner-block:before{transition:none!important;transform:none!important}}

/* ==========================================================================\n   CONTRASTELAB V4 — HERO REBUILD\n   Purpose-built GSAP composition. Does not use the template char-animation.\n   ========================================================================== */
.cl-hero-v4{
  --hero-max:1180px;
  min-height:100svh;
  padding:132px 0 54px!important;
  display:flex;
  align-items:center;
  position:relative;
  isolation:isolate;
  overflow:hidden;
  background:
    radial-gradient(circle at 50% 28%,rgba(118,88,255,.16),transparent 34%),
    radial-gradient(circle at 92% 58%,rgba(255,86,166,.10),transparent 26%),
    radial-gradient(circle at 8% 70%,rgba(77,215,255,.065),transparent 25%),
    #08080d!important;
}
.cl-hero-v4:before{
  content:"";position:absolute;inset:0;z-index:-5;pointer-events:none;
  background:linear-gradient(180deg,rgba(8,8,13,.04) 0%,rgba(8,8,13,.18) 52%,#08080d 100%);
}
.cl-hero-v4:after{
  content:"";position:absolute;left:50%;bottom:-230px;width:min(900px,70vw);height:330px;transform:translateX(-50%);z-index:-4;pointer-events:none;
  background:radial-gradient(ellipse at center,rgba(118,88,255,.19),rgba(255,86,166,.07) 38%,transparent 70%);filter:blur(28px);
}
.cl-hero-grid-layer{
  position:absolute;inset:0;z-index:-7;opacity:.55;pointer-events:none;
  background-image:linear-gradient(rgba(255,255,255,.038) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.038) 1px,transparent 1px);
  background-size:118px 118px;
  -webkit-mask-image:linear-gradient(to bottom,transparent 0,#000 12%,#000 76%,transparent 100%);mask-image:linear-gradient(to bottom,transparent 0,#000 12%,#000 76%,transparent 100%);
}
.cl-hero-halo{position:absolute;z-index:-6;left:50%;top:48%;width:min(1030px,67vw);aspect-ratio:1;transform:translate(-50%,-50%);border:1px solid rgba(157,113,255,.20);border-radius:50%;pointer-events:none;box-shadow:0 0 100px rgba(118,88,255,.055) inset}
.cl-hero-halo:before,.cl-hero-halo:after{content:"";position:absolute;border-radius:50%;inset:10%;border:1px solid rgba(255,86,166,.10)}
.cl-hero-halo:after{inset:27%;border-color:rgba(77,215,255,.075)}
.cl-hero-halo i{position:absolute;width:7px;height:7px;border-radius:50%;background:#fff;box-shadow:0 0 5px #fff,0 0 18px var(--cl-pink)}
.cl-hero-halo i:nth-child(1){left:19%;top:11%}.cl-hero-halo i:nth-child(2){right:10%;top:35%;box-shadow:0 0 5px #fff,0 0 18px var(--cl-cyan)}.cl-hero-halo i:nth-child(3){left:48%;bottom:-4px;box-shadow:0 0 5px #fff,0 0 18px var(--cl-purple)}
.cl-hero-spark{position:absolute;z-index:-3;width:4px;height:4px;border-radius:50%;background:#fff;box-shadow:0 0 0 1px rgba(255,255,255,.15),0 0 17px 4px rgba(255,86,166,.72);pointer-events:none}
.cl-spark-1{left:13.5%;top:22%}.cl-spark-2{right:11.5%;top:18%;box-shadow:0 0 0 1px rgba(255,255,255,.12),0 0 17px 4px rgba(77,215,255,.55)}.cl-spark-3{right:28%;bottom:14%;box-shadow:0 0 0 1px rgba(255,255,255,.12),0 0 17px 4px rgba(118,88,255,.65)}
.cl-hero-container{position:relative;z-index:3;width:100%}
.cl-hero-stage{position:relative;min-height:760px;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:20px 0 0}
.cl-hero-kicker{display:flex;align-items:center;justify-content:center;gap:18px;margin:0 auto 30px;color:rgba(255,255,255,.68);font-size:11px;line-height:1;font-weight:800;letter-spacing:.22em;text-transform:uppercase}
.cl-hero-kicker span{display:block;width:38px;height:1px;background:linear-gradient(90deg,transparent,rgba(255,255,255,.34))}.cl-hero-kicker span:last-child{transform:scaleX(-1)}
.cl-hero-title{position:relative;z-index:4;margin:0 auto!important;max-width:1040px!important;color:#fff!important;text-align:center;font-size:clamp(64px,5.55vw,96px)!important;line-height:.89!important;letter-spacing:-.066em!important;font-weight:760!important;text-wrap:balance}
.cl-hero-title .cl-title-line{display:flex;justify-content:center;align-items:baseline;gap:.18em;white-space:nowrap;overflow:hidden;padding:.055em .04em .09em}
.cl-hero-title .cl-title-chunk{display:inline-block;will-change:transform,opacity,filter}
.cl-hero-title .cl-title-pink{background:linear-gradient(110deg,#ff56a6 0%,#ff76bd 42%,#b06dff 100%);-webkit-background-clip:text;background-clip:text;color:transparent}
.cl-hero-title .cl-title-gradient{background:linear-gradient(101deg,#b36bff 5%,#7d66ff 42%,#4dd7ff 98%);-webkit-background-clip:text;background-clip:text;color:transparent}
.cl-hero-copy{position:relative;z-index:5;margin:26px auto 0;display:flex;flex-direction:column;align-items:center;text-align:center}
.cl-hero-copy p{max-width:660px;margin:0;color:rgba(255,255,255,.67);font-size:17px;line-height:1.58;letter-spacing:-.015em}
.cl-hero-actions{display:flex;align-items:center;justify-content:center;gap:28px;margin-top:29px}
.cl-hero-primary{position:relative;min-width:232px;height:56px;padding:0 8px 0 25px;border-radius:999px;display:inline-flex;align-items:center;justify-content:space-between;gap:18px;color:#fff!important;font-weight:750;font-size:14px;overflow:hidden;isolation:isolate;box-shadow:0 15px 38px rgba(118,88,255,.18)}
.cl-hero-primary:before{content:"";position:absolute;inset:0;z-index:-2;background:linear-gradient(102deg,#ff56a6,#8b67ff 54%,#4dd7ff)}
.cl-hero-primary:after{content:"";position:absolute;inset:1px;z-index:-1;border-radius:inherit;background:linear-gradient(105deg,rgba(255,255,255,.09),rgba(255,255,255,.01));opacity:.45}
.cl-hero-primary i{width:42px;height:42px;border-radius:50%;display:grid;place-items:center;background:#fff;color:#1a1722;font-size:18px;font-style:normal;transition:transform .35s var(--cl-ease)}
.cl-hero-primary:hover i{transform:translateX(3px) rotate(-8deg)}
.cl-hero-secondary{color:#fff!important;font-size:14px;font-weight:750;display:inline-flex;gap:7px;align-items:center;padding:13px 0;border-bottom:1px solid rgba(255,255,255,.27);transition:.25s ease}.cl-hero-secondary:hover{color:var(--cl-cyan)!important;border-color:var(--cl-cyan)}.cl-hero-secondary span{font-size:13px}
.cl-hero-mascot-stage{position:absolute;z-index:4;left:clamp(-8px,2.3vw,30px);top:51%;width:220px;height:220px;transform:translateY(-50%);display:grid;place-items:center;will-change:transform}
.cl-hero-orbit-line{position:absolute;inset:8px;border:1px solid rgba(183,153,255,.42);border-radius:50%;transform:rotate(-17deg) scaleY(.64);box-shadow:0 0 34px rgba(118,88,255,.08)}
.cl-hero-orbit-line:after{content:"";position:absolute;width:10px;height:10px;right:8px;top:47px;border-radius:50%;background:linear-gradient(135deg,#ff56a6,#7658ff);box-shadow:0 0 18px rgba(255,86,166,.8)}
.cl-hero-orbit-copy{position:absolute;inset:0;width:100%;height:100%;overflow:visible;will-change:transform}.cl-hero-orbit-copy text{fill:rgba(255,255,255,.82);font-family:inherit;font-size:11px;font-weight:800;letter-spacing:3.2px;text-transform:uppercase}
.cl-hero-mascot{position:relative!important;z-index:3!important;width:118px!important;height:132px!important;object-fit:contain!important;filter:drop-shadow(0 22px 30px rgba(0,0,0,.33)) drop-shadow(0 0 20px rgba(118,88,255,.15));will-change:transform}
.cl-orbit-node{position:absolute;z-index:4;border-radius:50%;background:linear-gradient(135deg,#fff,#9f86ff 28%,#ff56a6 66%,#4dd7ff);box-shadow:0 0 20px rgba(118,88,255,.34)}
.cl-node-a{width:12px;height:12px;left:19px;top:94px}.cl-node-b{width:8px;height:8px;right:24px;bottom:49px}.cl-node-c{width:6px;height:6px;left:61px;bottom:10px}
.cl-hero-signals{position:absolute;z-index:4;right:clamp(-2px,2.4vw,32px);top:50%;width:190px;height:245px;transform:translateY(-50%);will-change:transform}
.cl-signal{position:absolute;height:54px;min-width:142px;padding:0 12px;border-radius:18px;border:1px solid rgba(255,255,255,.11);background:linear-gradient(135deg,rgba(255,255,255,.085),rgba(255,255,255,.025));backdrop-filter:blur(15px);display:flex;align-items:center;gap:9px;color:rgba(255,255,255,.86);box-shadow:0 18px 42px rgba(0,0,0,.18),inset 0 1px rgba(255,255,255,.04);will-change:transform}
.cl-signal i{width:9px;height:9px;border-radius:50%;background:var(--cl-pink);box-shadow:0 0 16px rgba(255,86,166,.75)}.cl-signal span{font-size:10px;letter-spacing:.13em;font-weight:800}.cl-signal small{margin-left:auto;color:rgba(255,255,255,.35);font-size:9px;font-weight:750}
.cl-signal-web{right:4px;top:12px}.cl-signal-content{left:0;top:93px}.cl-signal-ai{right:10px;bottom:13px}.cl-signal-content i{background:var(--cl-purple);box-shadow:0 0 16px rgba(118,88,255,.75)}.cl-signal-ai i{background:var(--cl-cyan);box-shadow:0 0 16px rgba(77,215,255,.65)}
.cl-hero-proof{position:relative;z-index:5;width:min(700px,68%);display:grid!important;grid-template-columns:repeat(3,1fr);gap:0!important;margin:48px auto 0!important;padding:22px 0 0!important;border-top:1px solid rgba(255,255,255,.105)!important;color:inherit!important}
.cl-hero-proof>div{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:58px;padding:0 26px;text-align:center}.cl-hero-proof>div+div{border-left:1px solid rgba(255,255,255,.11)}
.cl-hero-proof b{margin:0!important;color:#fff!important;font-size:23px!important;line-height:1;font-weight:800;letter-spacing:-.035em}.cl-hero-proof span{margin-top:7px;color:rgba(255,255,255,.42);font-size:9px;line-height:1;text-transform:uppercase;letter-spacing:.17em;font-weight:750}
.cl-hero-scroll{position:absolute;z-index:5;right:3px;bottom:-5px;color:rgba(255,255,255,.36)!important;font-size:9px;text-transform:uppercase;letter-spacing:.16em;display:flex;align-items:center;gap:9px;writing-mode:vertical-rl}.cl-hero-scroll i{font-style:normal;color:rgba(255,255,255,.75);font-size:13px;animation:clScrollCue 1.6s ease-in-out infinite}@keyframes clScrollCue{50%{transform:translateY(4px)}}
.cl-hero-art{position:absolute;z-index:-1;pointer-events:none;will-change:transform}.cl-hero-art img{width:100%;height:auto;display:block;filter:saturate(.96) contrast(1.03)}
.cl-hero-art-left{left:-115px;bottom:-36px;width:390px;opacity:.52}.cl-hero-art-left img{filter:saturate(.6) brightness(.73) contrast(1.13) drop-shadow(30px 20px 60px rgba(118,88,255,.10))}
.cl-hero-art-right{right:-105px;bottom:-15px;width:360px;opacity:.68}.cl-hero-art-right img{filter:saturate(1.13) hue-rotate(7deg) drop-shadow(-24px 10px 70px rgba(255,86,166,.17))}

@media(max-width:1399.98px){
  .cl-hero-v4{padding-top:124px!important}.cl-hero-stage{min-height:700px}.cl-hero-mascot-stage{left:-8px;width:184px;height:184px}.cl-hero-mascot{width:98px!important;height:111px!important}.cl-hero-signals{right:-10px;transform:translateY(-50%) scale(.88)}.cl-hero-art-left{width:330px;left:-120px}.cl-hero-art-right{width:320px;right:-125px}.cl-hero-title{font-size:clamp(58px,5.35vw,82px)!important}
}
@media(max-width:1199.98px){
  .cl-hero-v4{min-height:auto;padding:135px 0 74px!important}.cl-hero-stage{min-height:0}.cl-hero-halo{width:88vw}.cl-hero-title{font-size:clamp(58px,7vw,78px)!important;max-width:900px!important}.cl-hero-mascot-stage,.cl-hero-signals{position:relative;left:auto;right:auto;top:auto;transform:none}.cl-hero-stage{display:grid;grid-template-columns:180px minmax(0,1fr) 180px;grid-template-areas:"kicker kicker kicker" "title title title" "mascot copy signals" "proof proof proof";column-gap:28px}.cl-hero-kicker{grid-area:kicker}.cl-hero-title{grid-area:title}.cl-hero-copy{grid-area:copy;margin-top:28px}.cl-hero-mascot-stage{grid-area:mascot;align-self:center;width:170px;height:170px;margin-top:28px}.cl-hero-mascot{width:91px!important;height:104px!important}.cl-hero-signals{grid-area:signals;align-self:center;width:170px;height:210px;margin-top:27px}.cl-signal{min-width:132px;height:49px}.cl-hero-proof{grid-area:proof;width:min(720px,86%)}.cl-hero-scroll{display:none}.cl-hero-art-left{width:290px;opacity:.33}.cl-hero-art-right{width:290px;opacity:.42}
}
@media(max-width:767.98px){
  .cl-hero-v4{padding:108px 0 58px!important;align-items:flex-start}.cl-hero-grid-layer{background-size:74px 74px;opacity:.40}.cl-hero-halo{width:128vw;top:38%}.cl-hero-stage{display:flex;min-height:0;padding:0}.cl-hero-kicker{margin-bottom:22px;gap:11px;font-size:9px;letter-spacing:.16em}.cl-hero-kicker span{width:23px}.cl-hero-title{font-size:clamp(43px,12vw,60px)!important;line-height:.91!important;letter-spacing:-.06em!important;max-width:630px!important}.cl-hero-title .cl-title-line{white-space:normal;flex-wrap:wrap;gap:0 .17em;padding:.05em .02em .08em}.cl-hero-copy{order:3;margin-top:23px}.cl-hero-copy p{font-size:15px;line-height:1.55;max-width:520px}.cl-hero-actions{gap:16px;margin-top:24px}.cl-hero-primary{min-width:218px;height:54px}.cl-hero-secondary{font-size:13px}.cl-hero-mascot-stage{order:4;width:160px;height:160px;margin:32px auto 0}.cl-hero-mascot{width:88px!important;height:100px!important}.cl-hero-signals{order:5;width:100%;height:auto;margin:20px auto 0;display:flex;justify-content:center;gap:7px}.cl-signal{position:static;min-width:0;height:42px;padding:0 10px;border-radius:14px}.cl-signal span{font-size:8px}.cl-signal small{display:none}.cl-signal i{width:7px;height:7px}.cl-hero-proof{order:6;width:100%;margin-top:30px!important;padding-top:18px!important}.cl-hero-proof>div{min-height:51px;padding:0 10px}.cl-hero-proof b{font-size:19px!important}.cl-hero-proof span{font-size:7px;letter-spacing:.12em}.cl-hero-art-left{width:245px;left:-146px;bottom:-18px;opacity:.23}.cl-hero-art-right{width:230px;right:-145px;bottom:2%;opacity:.31}.cl-hero-spark{display:none}
}
@media(max-width:575.98px){
  .cl-hero-v4{padding-top:98px!important}.cl-hero-title{font-size:clamp(39px,11.7vw,50px)!important}.cl-hero-title .cl-title-line{line-height:.94!important}.cl-hero-copy p{font-size:14px}.cl-hero-actions{width:100%;flex-direction:column;gap:7px}.cl-hero-primary{width:min(100%,330px)}.cl-hero-secondary{padding:10px 0}.cl-hero-mascot-stage{margin-top:25px}.cl-hero-signals{flex-wrap:wrap}.cl-hero-proof{grid-template-columns:repeat(3,1fr)}.cl-hero-proof>div{padding-inline:5px}.cl-hero-proof b{font-size:17px!important}.cl-hero-proof span{line-height:1.25}.cl-hero-art-left,.cl-hero-art-right{display:none}
}
@media(prefers-reduced-motion:reduce){.cl-hero-scroll i{animation:none}.cl-hero-title .cl-title-chunk,.cl-hero-mascot,.cl-hero-orbit-copy,.cl-signal,.cl-hero-art{transform:none!important}}
/* V4 final hero corrections */
.cl-hero-title .cl-title-gradient{background:none;-webkit-background-clip:initial;background-clip:initial;color:inherit}
.cl-hero-title .cl-title-gradient .cl-title-chunk{background:linear-gradient(101deg,#b36bff 5%,#7d66ff 42%,#4dd7ff 98%);-webkit-background-clip:text;background-clip:text;color:transparent}
@media(min-width:1400px){.cl-hero-mascot-stage{left:-58px}.cl-hero-signals{right:-48px}}

/* ==========================================================================\n   CONTRASTELAB V5 — OWN CODED HERO SCULPTURES\n   No template artwork: pure CSS + GSAP visual language.\n   ========================================================================== */
.cl-hero-v4 .cl-hero-kicker,.cl-hero-v4 .cl-hero-kicker b{color:#fff!important;opacity:1!important;text-shadow:0 0 20px rgba(255,255,255,.09)}
.cl-hero-v4 .cl-hero-kicker span{background:linear-gradient(90deg,transparent,rgba(255,255,255,.64))!important}

.cl-code-sculpture{position:absolute;z-index:-1;pointer-events:none;will-change:transform;transform-style:preserve-3d}
.cl-code-sculpture-left{left:-84px;bottom:-52px;width:390px;height:390px;filter:drop-shadow(25px 25px 70px rgba(118,88,255,.10))}
.cl-mesh-orb{position:absolute;border-radius:48% 52% 54% 46% / 46% 45% 55% 54%;overflow:hidden;isolation:isolate;box-shadow:inset -24px -28px 52px rgba(0,0,0,.58),inset 18px 18px 35px rgba(255,255,255,.025),0 25px 75px rgba(0,0,0,.26);background:
 radial-gradient(circle at 28% 24%,rgba(77,215,255,.18),transparent 19%),
 radial-gradient(circle at 72% 68%,rgba(255,86,166,.16),transparent 26%),
 radial-gradient(circle at 50% 50%,#171522 0%,#0d0d14 66%,#07070b 100%)}
.cl-mesh-orb:before{content:"";position:absolute;inset:-10%;border-radius:inherit;background-image:radial-gradient(circle,rgba(255,255,255,.46) 0 1px,transparent 1.35px);background-size:7px 7px;opacity:.34;transform:rotate(-16deg) scale(1.08);-webkit-mask-image:radial-gradient(circle at 35% 26%,#000 0 22%,rgba(0,0,0,.78) 44%,transparent 84%);mask-image:radial-gradient(circle at 35% 26%,#000 0 22%,rgba(0,0,0,.78) 44%,transparent 84%)}
.cl-mesh-orb:after{content:"";position:absolute;inset:4%;border-radius:inherit;border:1px solid rgba(161,122,255,.18);box-shadow:inset 0 0 38px rgba(118,88,255,.12),0 0 36px rgba(77,215,255,.04)}
.cl-mesh-orb i,.cl-mesh-orb b{position:absolute;border-radius:50%;display:block;filter:blur(8px);opacity:.5}
.cl-mesh-orb i{width:44%;height:20%;left:12%;top:7%;background:linear-gradient(90deg,rgba(255,255,255,.16),rgba(77,215,255,.02));transform:rotate(-24deg)}
.cl-mesh-orb b{width:38%;height:38%;right:-8%;bottom:-8%;background:rgba(255,86,166,.15);filter:blur(22px)}
.cl-mesh-orb-a{width:248px;height:248px;left:22px;top:105px;transform:rotate(15deg)}
.cl-mesh-orb-b{width:178px;height:178px;left:154px;top:19px;transform:rotate(-18deg);opacity:.76}
.cl-mesh-orb-c{width:118px;height:118px;left:4px;top:30px;opacity:.48;transform:rotate(28deg)}
.cl-mesh-spark{position:absolute;width:5px;height:5px;border-radius:50%;background:#fff;box-shadow:0 0 8px #fff,0 0 22px 5px rgba(118,88,255,.55)}
.cl-mesh-spark-a{left:303px;top:92px}.cl-mesh-spark-b{left:93px;top:5px;box-shadow:0 0 8px #fff,0 0 22px 5px rgba(77,215,255,.40)}

.cl-code-sculpture-right{right:-100px;bottom:-56px;width:410px;height:430px;filter:drop-shadow(-28px 25px 70px rgba(255,86,166,.12))}
.cl-neon-torus{position:absolute;border-radius:50%;background:conic-gradient(from 210deg,#4dd7ff 0 16%,#7658ff 34%,#ff56a6 62%,#9f68ff 82%,#4dd7ff 100%);-webkit-mask:radial-gradient(ellipse at center,transparent 0 47%,#000 49% 100%);mask:radial-gradient(ellipse at center,transparent 0 47%,#000 49% 100%);box-shadow:0 0 34px rgba(118,88,255,.16);filter:saturate(1.15) brightness(1.04);opacity:.92;will-change:transform}
.cl-neon-torus:after{content:"";position:absolute;inset:4%;border-radius:inherit;background:linear-gradient(135deg,rgba(255,255,255,.26),transparent 34%,rgba(255,255,255,.04) 66%,rgba(255,255,255,.18));-webkit-mask:radial-gradient(ellipse at center,transparent 0 50%,#000 52% 100%);mask:radial-gradient(ellipse at center,transparent 0 50%,#000 52% 100%);mix-blend-mode:screen;opacity:.8}
.cl-neon-torus-a{width:292px;height:124px;right:-22px;top:68px;transform:rotate(31deg)}
.cl-neon-torus-b{width:330px;height:136px;right:58px;top:185px;transform:rotate(-28deg);opacity:.77}
.cl-neon-torus-c{width:236px;height:98px;right:-4px;top:284px;transform:rotate(18deg);opacity:.58}
.cl-glass-orb{position:absolute;border-radius:50%;background:radial-gradient(circle at 31% 24%,rgba(255,255,255,.92) 0 3%,rgba(255,255,255,.17) 9%,rgba(255,86,166,.50) 25%,rgba(118,88,255,.50) 55%,rgba(77,215,255,.18) 76%,rgba(255,255,255,.05) 100%);border:1px solid rgba(255,255,255,.24);box-shadow:inset -8px -10px 18px rgba(0,0,0,.28),inset 5px 5px 14px rgba(255,255,255,.20),0 0 28px rgba(118,88,255,.18);backdrop-filter:blur(4px);will-change:transform}
.cl-glass-orb-a{width:48px;height:48px;left:34px;top:73px}.cl-glass-orb-b{width:27px;height:27px;right:22px;top:18px}.cl-glass-orb-c{width:36px;height:36px;left:92px;bottom:10px;background:radial-gradient(circle at 31% 24%,rgba(255,255,255,.92) 0 3%,rgba(255,255,255,.15) 9%,rgba(77,215,255,.57) 28%,rgba(118,88,255,.42) 58%,rgba(255,86,166,.12) 82%,rgba(255,255,255,.04) 100%)}

@media(max-width:1399.98px){
 .cl-code-sculpture-left{left:-125px;width:330px;height:340px;transform:scale(.92)}
 .cl-code-sculpture-right{right:-137px;width:350px;height:380px;transform:scale(.92)}
}
@media(max-width:1199.98px){
 .cl-code-sculpture-left{left:-155px;bottom:-35px;opacity:.62;transform:scale(.76)}
 .cl-code-sculpture-right{right:-160px;bottom:-24px;opacity:.68;transform:scale(.76)}
}
@media(max-width:767.98px){
 .cl-code-sculpture-left{left:-190px;bottom:-70px;opacity:.34;transform:scale(.62)}
 .cl-code-sculpture-right{right:-195px;bottom:-40px;opacity:.38;transform:scale(.60)}
}
@media(max-width:575.98px){.cl-code-sculpture{display:none}}
@media(prefers-reduced-motion:reduce){.cl-code-sculpture,.cl-neon-torus,.cl-glass-orb,.cl-mesh-orb{transform:none!important}}


/* V6 hero side assets: replace template-like shapes with ContrasteLab PNG illustrations */

.cl-hero-kicker,.cl-hero-kicker b,.cl-hero-kicker span{color:#fff!important;opacity:1!important}
.cl-code-sculpture{position:absolute;z-index:-1;pointer-events:none;will-change:transform;transform-style:preserve-3d}
.cl-code-sculpture-left{left:-84px;bottom:-52px;width:410px;height:500px;filter:drop-shadow(28px 30px 72px rgba(118,88,255,.12))}
.cl-code-sculpture-right{right:-100px;bottom:-54px;width:420px;height:520px;filter:drop-shadow(-28px 28px 74px rgba(255,86,166,.14))}
.cl-sculpture-asset{display:block;width:100%;height:auto;object-fit:contain;user-select:none;-webkit-user-drag:none;transform-origin:center center;filter:drop-shadow(0 0 20px rgba(118,88,255,.14));}
.cl-sculpture-asset-left{transform:rotate(-8deg)}
.cl-sculpture-asset-right{transform:rotate(7deg)}
@media(max-width:1399.98px){
 .cl-code-sculpture-left{left:-120px;width:360px;height:430px}
 .cl-code-sculpture-right{right:-132px;width:365px;height:450px}
}
@media(max-width:1199.98px){
 .cl-code-sculpture-left{left:-150px;bottom:-40px;width:320px;height:390px;opacity:.76}
 .cl-code-sculpture-right{right:-155px;bottom:-32px;width:330px;height:400px;opacity:.8}
}
@media(max-width:991.98px){
 .cl-code-sculpture-left{left:-185px;bottom:-70px;width:285px;height:350px;opacity:.40}
 .cl-code-sculpture-right{right:-190px;bottom:-48px;width:290px;height:360px;opacity:.42}
}
@media(max-width:575.98px){.cl-code-sculpture{display:none}}
@media(prefers-reduced-motion:reduce){.cl-code-sculpture,.cl-sculpture-asset{transform:none!important}}


/* V7 header + mobile hero polish */

/* Header redesign */
.cl-header{position:fixed!important;inset:0 0 auto 0;z-index:9999;pointer-events:none;background:none!important}
.cl-header > *{pointer-events:auto}
.cl-header .header-lower{border:0!important;padding-top:16px}
.cl-header .main-box{min-height:78px;padding:0 18px!important;border-radius:26px;background:linear-gradient(180deg,rgba(14,14,20,.80),rgba(10,10,16,.68));border:1px solid rgba(255,255,255,.08);box-shadow:0 12px 50px rgba(0,0,0,.30),inset 0 1px 0 rgba(255,255,255,.04);backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px)}
.cl-header .nav-outer{display:flex;align-items:center;justify-content:space-between;gap:22px;flex:1}
.cl-header .main-menu{margin-left:38px}
.cl-header .main-menu .navigation{display:flex;align-items:center;gap:8px}
.cl-header .main-menu .navigation>li{margin:0!important}
.cl-header .main-menu .navigation>li>a{position:relative;padding:12px 14px!important;border-radius:14px;color:rgba(255,255,255,.88)!important;font-size:15px!important;font-weight:650;letter-spacing:-.02em;transition:.25s ease}
.cl-header .main-menu .navigation>li.current>a,
.cl-header .main-menu .navigation>li>a:hover{color:#fff!important;background:rgba(255,255,255,.05)}
.cl-header .main-menu .navigation>li.current>a:after,
.cl-header .main-menu .navigation>li>a:hover:after{content:"";position:absolute;left:14px;right:14px;bottom:5px;height:2px;border-radius:999px;background:linear-gradient(90deg,#ff56a6,#8c67ff,#4dd7ff)}
.cl-header .outer-box{display:flex;align-items:center;gap:12px;margin-left:auto}
.cl-header .contact-btn{display:inline-flex!important;align-items:center;justify-content:center;min-width:154px;height:50px;padding:0 22px!important;border-radius:999px!important;background:linear-gradient(90deg,rgba(255,255,255,.97),rgba(244,244,255,.92))!important;color:#111!important;border:1px solid rgba(255,255,255,.3)!important;box-shadow:0 10px 24px rgba(0,0,0,.18), inset 0 1px 0 rgba(255,255,255,.9);font-weight:700;letter-spacing:-.02em;transition:.28s ease}
.cl-header .contact-btn:hover{transform:translateY(-1px);background:linear-gradient(90deg,#ff56a6,#8b67ff,#73c9ff)!important;color:#fff!important;border-color:transparent!important}
.cl-header .mobile-nav-toggler{display:grid;place-items:center;width:52px;height:52px;border-radius:18px;background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.09);margin-left:0!important}
.cl-header .mobile-nav-toggler span{display:block;width:22px;height:2px;border-radius:999px;background:#fff;margin:3px 0;transition:.25s ease}
.cl-header .mobile-nav-toggler:hover{background:rgba(255,255,255,.08);border-color:rgba(255,255,255,.16)}
.cl-header .sticky-header{background:transparent!important;box-shadow:none!important}
.cl-header .sticky-header .inner-container{max-width:1320px;margin:14px auto 0;padding:10px 16px;border-radius:24px;background:linear-gradient(180deg,rgba(14,14,20,.88),rgba(10,10,16,.72));border:1px solid rgba(255,255,255,.08);box-shadow:0 12px 42px rgba(0,0,0,.28);backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px)}
.cl-header .sticky-header .mobile-nav-toggler{width:46px;height:46px;border-radius:16px}
.cl-header .mobile-menu .menu-box{background:linear-gradient(180deg,#0c0c12,#10101a)!important;border-left:1px solid rgba(255,255,255,.06)}
.cl-header .mobile-menu .upper-box{padding:22px 26px 18px!important;border-bottom:1px solid rgba(255,255,255,.08)}
.cl-header .mobile-menu .navigation{padding:18px 22px!important}
.cl-header .mobile-menu .navigation li a{border-radius:16px;font-weight:650!important;padding:14px 18px!important;margin-bottom:4px;background:rgba(255,255,255,.03)}
.cl-header .mobile-menu .navigation li.current>a,.cl-header .mobile-menu .navigation li a:hover{background:rgba(255,255,255,.07)}
.cl-header .mobile-menu .contact-list-one{padding:6px 24px 28px!important}
.cl-header .mobile-menu .contact-info-box{background:rgba(255,255,255,.03);border:1px solid rgba(255,255,255,.07);border-radius:18px;padding:16px 18px}
.cl-header .mobile-menu .close-btn{display:grid;place-items:center;width:44px;height:44px;border-radius:14px;background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.08)}

/* Hero mobile refinements */
@media(max-width:991.98px){
  .cl-hero-v4{padding:118px 0 54px!important}
  .cl-hero-stage{max-width:720px;margin:0 auto}
  .cl-hero-copy{max-width:620px}
}
@media(max-width:767.98px){
  .cl-header .header-lower{padding-top:12px}
  .cl-header .main-box{min-height:68px;padding:0 12px!important;border-radius:20px}
  .cl-header .logo .cl-logo{gap:8px}
  .cl-header .logo .cl-logo span{font-size:14px!important}
  .cl-logo img{width:32px!important;height:32px!important}
  .cl-header .nav-outer{justify-content:flex-end}
  .cl-header .main-menu,
  .cl-header .contact-btn{display:none!important}
  .cl-header .outer-box{gap:0}
  .cl-header .mobile-nav-toggler{width:48px;height:48px;border-radius:16px}
  .cl-header .sticky-header .inner-container{margin-top:10px;padding:8px 10px;border-radius:20px}

  .cl-hero-v4{padding:104px 0 40px!important}
  .cl-hero-halo{width:145vw;top:34%}
  .cl-hero-stage{display:grid;grid-template-columns:1fr;grid-template-areas:"kicker" "title" "copy" "signals" "mascot" "proof";justify-items:center;min-height:auto;padding:0}
  .cl-hero-kicker{grid-area:kicker;margin-bottom:18px;gap:10px;font-size:9px;letter-spacing:.18em}
  .cl-hero-kicker span{width:24px}
  .cl-hero-title{grid-area:title;max-width:350px!important;font-size:clamp(36px,10.6vw,56px)!important;line-height:.92!important;letter-spacing:-.062em!important;text-wrap:pretty}
  .cl-hero-title .cl-title-line{gap:0 .13em;padding:.03em 0 .06em;white-space:normal;flex-wrap:wrap;line-height:.94;justify-content:center}
  .cl-hero-copy{grid-area:copy;order:initial;margin-top:18px;max-width:340px;text-align:center}
  .cl-hero-copy p{font-size:14px;line-height:1.52;max-width:340px;margin:0 auto}
  .cl-hero-actions{gap:10px;margin-top:22px;flex-direction:column;align-items:center}
  .cl-hero-primary,.cl-hero-secondary{width:min(100%,320px)}
  .cl-hero-primary{min-width:0;height:54px}
  .cl-hero-secondary{display:flex;justify-content:center;align-items:center;min-height:50px;padding:0 20px;border:1px solid rgba(255,255,255,.12);border-radius:999px;background:rgba(255,255,255,.03)}
  .cl-hero-signals{grid-area:signals;order:initial;width:100%;height:auto;margin:22px auto 0;display:flex;justify-content:center;flex-wrap:wrap;gap:8px;transform:none!important}
  .cl-signal{position:static;min-width:0;height:40px;padding:0 13px;border-radius:14px;background:linear-gradient(180deg,rgba(255,255,255,.06),rgba(255,255,255,.03));border-color:rgba(255,255,255,.10)}
  .cl-signal span{font-size:8px;letter-spacing:.16em}
  .cl-signal small{display:none}
  .cl-signal i{width:7px;height:7px}
  .cl-hero-mascot-stage{grid-area:mascot;order:initial;width:138px;height:138px;margin:20px auto 0}
  .cl-hero-mascot{width:79px!important;height:90px!important}
  .cl-hero-orbit-copy text{font-size:11px}
  .cl-hero-proof{grid-area:proof;order:initial;width:min(100%,350px);margin:26px auto 0!important;padding-top:0!important;border-top:0!important;display:grid!important;grid-template-columns:1fr;gap:10px!important}
  .cl-hero-proof>div{min-height:66px;padding:0 18px!important;border:1px solid rgba(255,255,255,.10);border-radius:18px;background:linear-gradient(180deg,rgba(255,255,255,.05),rgba(255,255,255,.02));box-shadow:inset 0 1px 0 rgba(255,255,255,.03)}
  .cl-hero-proof>div+div{border-left:0!important}
  .cl-hero-proof b{font-size:21px!important}
  .cl-hero-proof span{font-size:8px;letter-spacing:.15em;line-height:1.25}
  .cl-code-sculpture-left{left:-112px;bottom:18px;width:200px;height:250px;opacity:.32}
  .cl-code-sculpture-right{right:-118px;bottom:14px;width:200px;height:250px;opacity:.35}
}
@media(max-width:575.98px){
  .cl-header .main-box{min-height:64px;padding:0 10px!important;border-radius:18px}
  .cl-header .logo .cl-logo span{font-size:13px!important}
  .cl-header .mobile-nav-toggler{width:44px;height:44px;border-radius:14px}
  .cl-header .mobile-nav-toggler span{width:20px}
  .cl-hero-v4{padding-top:96px!important}
  .cl-hero-title{max-width:320px!important;font-size:clamp(34px,10.2vw,48px)!important}
  .cl-hero-copy,.cl-hero-copy p{max-width:316px}
  .cl-hero-primary,.cl-hero-secondary{width:min(100%,300px)}
  .cl-hero-mascot-stage{width:128px;height:128px}
  .cl-hero-proof{width:min(100%,320px)}
}


/* V8 mobile hero: real mobile composition with 3 title lines and more breathing room */

@media(max-width:767.98px){
  .cl-hero-v4{padding:112px 0 64px!important;min-height:auto!important}
  .cl-hero-container{width:100%!important;max-width:none!important;padding-inline:24px!important}
  .cl-hero-stage{display:flex!important;flex-direction:column;align-items:center;max-width:420px!important;margin:0 auto!important;padding:0!important;min-height:0!important}

  .cl-hero-kicker{order:1;margin:0 0 30px!important;gap:12px!important;font-size:9px!important;letter-spacing:.19em!important;line-height:1!important;white-space:nowrap}
  .cl-hero-kicker span{width:28px!important;opacity:.55!important}

  .cl-hero-title{order:2;width:100%;max-width:390px!important;margin:0 auto!important;font-size:clamp(31px,8.4vw,39px)!important;line-height:.94!important;letter-spacing:-.055em!important;text-align:center!important}
  .cl-hero-title .cl-title-line{display:flex!important;justify-content:center!important;align-items:baseline!important;gap:.15em!important;white-space:nowrap!important;flex-wrap:nowrap!important;overflow:visible!important;padding:.04em 0 .07em!important;line-height:.94!important}
  .cl-hero-title .cl-title-chunk{flex:0 0 auto!important}

  .cl-hero-copy{order:3;width:100%;max-width:360px!important;margin:34px auto 0!important;text-align:center!important}
  .cl-hero-copy p{max-width:350px!important;margin:0 auto!important;font-size:14px!important;line-height:1.62!important;color:rgba(255,255,255,.68)!important}

  .cl-hero-actions{width:100%!important;margin-top:30px!important;display:flex!important;flex-direction:column!important;align-items:center!important;gap:12px!important}
  .cl-hero-primary,.cl-hero-secondary{width:min(100%,330px)!important}
  .cl-hero-primary{height:56px!important}
  .cl-hero-secondary{min-height:54px!important}

  .cl-hero-mascot-stage{order:4;width:150px!important;height:150px!important;margin:42px auto 0!important}
  .cl-hero-mascot{width:84px!important;height:96px!important}

  .cl-hero-signals{order:5;width:100%!important;margin:30px auto 0!important;display:flex!important;justify-content:center!important;align-items:center!important;gap:10px!important;flex-wrap:nowrap!important;height:auto!important;transform:none!important}
  .cl-signal{position:static!important;height:42px!important;min-width:0!important;padding:0 13px!important;border-radius:14px!important}
  .cl-signal span{font-size:8px!important;letter-spacing:.15em!important}
  .cl-signal small{display:none!important}

  .cl-hero-proof{order:6;width:min(100%,360px)!important;margin:40px auto 0!important;padding:24px 0 0!important;border-top:1px solid rgba(255,255,255,.09)!important;display:grid!important;grid-template-columns:repeat(3,1fr)!important;gap:0!important}
  .cl-hero-proof>div{min-height:60px!important;padding:0 10px!important;border:0!important;border-radius:0!important;background:none!important;box-shadow:none!important}
  .cl-hero-proof>div+div{border-left:1px solid rgba(255,255,255,.10)!important}
  .cl-hero-proof b{font-size:20px!important;line-height:1!important}
  .cl-hero-proof span{margin-top:8px!important;font-size:7px!important;letter-spacing:.13em!important;line-height:1.3!important}

  .cl-code-sculpture{display:none!important}
  .cl-hero-spark{opacity:.45!important}
  .cl-hero-halo{width:150vw!important;top:34%!important;opacity:.72!important}
}

@media(max-width:430px){
  .cl-hero-container{padding-inline:20px!important}
  .cl-hero-stage{max-width:390px!important}
  .cl-hero-title{max-width:360px!important;font-size:clamp(29px,8.2vw,36px)!important}
  .cl-hero-copy{max-width:340px!important}
  .cl-hero-copy p{max-width:330px!important}
  .cl-hero-kicker{margin-bottom:27px!important}
  .cl-hero-mascot-stage{margin-top:38px!important}
  .cl-hero-signals{margin-top:26px!important;gap:8px!important}
  .cl-signal{padding-inline:11px!important}
  .cl-hero-proof{margin-top:36px!important}
}

@media(max-width:360px){
  .cl-hero-container{padding-inline:16px!important}
  .cl-hero-title{font-size:28px!important;max-width:328px!important}
  .cl-hero-kicker{font-size:8px!important;letter-spacing:.16em!important}
  .cl-hero-kicker span{width:20px!important}
  .cl-hero-signals{gap:6px!important}
  .cl-signal{padding-inline:9px!important}
  .cl-signal span{font-size:7px!important}
}


/* V9 hamburger hard reset: isolate from Gencyo legacy positioning */

.cl-header .mobile-nav-toggler,
.cl-header .header-1 .mobile-nav-toggler,
.cl-header .sticky-header .mobile-nav-toggler{
  position:relative!important;
  top:auto!important;
  right:auto!important;
  bottom:auto!important;
  left:auto!important;
  display:flex!important;
  flex-direction:column!important;
  align-items:center!important;
  justify-content:center!important;
  gap:5px!important;
  width:50px!important;
  height:50px!important;
  min-width:50px!important;
  min-height:50px!important;
  margin:0!important;
  padding:0!important;
  overflow:hidden!important;
  border-radius:17px!important;
  background:rgba(255,255,255,.045)!important;
  border:1px solid rgba(255,255,255,.09)!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.025)!important;
  transform:none!important;
  cursor:pointer!important;
}
.cl-header .mobile-nav-toggler span,
.cl-header .header-1 .mobile-nav-toggler span,
.cl-header .sticky-header .mobile-nav-toggler span,
.cl-header .mobile-nav-toggler span:first-child,
.cl-header .mobile-nav-toggler span:nth-child(2),
.cl-header .mobile-nav-toggler span:last-child{
  position:static!important;
  inset:auto!important;
  display:block!important;
  flex:0 0 auto!important;
  width:22px!important;
  height:2px!important;
  min-width:0!important;
  margin:0!important;
  padding:0!important;
  border:0!important;
  border-radius:999px!important;
  background:#fff!important;
  opacity:1!important;
  transform:none!important;
  overflow:visible!important;
  transition:width .25s ease,transform .25s ease,opacity .25s ease!important;
}
.cl-header .mobile-nav-toggler span:nth-child(2){width:17px!important;align-self:center!important}
.cl-header .mobile-nav-toggler span:nth-child(3){width:12px!important;align-self:center!important}
.cl-header .mobile-nav-toggler:hover{background:rgba(255,255,255,.08)!important;border-color:rgba(255,255,255,.16)!important}
.cl-header .mobile-nav-toggler:hover span:nth-child(2),
.cl-header .mobile-nav-toggler:hover span:nth-child(3){width:22px!important}
.cl-header .sticky-header .mobile-nav-toggler{width:46px!important;height:46px!important;min-width:46px!important;min-height:46px!important;border-radius:15px!important}
@media(max-width:767.98px){
  .cl-header .mobile-nav-toggler,
  .cl-header .header-1 .mobile-nav-toggler,
  .cl-header .sticky-header .mobile-nav-toggler{width:46px!important;height:46px!important;min-width:46px!important;min-height:46px!important;border-radius:15px!important}
  .cl-header .mobile-nav-toggler span,
  .cl-header .mobile-nav-toggler span:first-child,
  .cl-header .mobile-nav-toggler span:nth-child(2),
  .cl-header .mobile-nav-toggler span:last-child{height:2px!important}
}
@media(max-width:575.98px){
  .cl-header .mobile-nav-toggler,
  .cl-header .header-1 .mobile-nav-toggler,
  .cl-header .sticky-header .mobile-nav-toggler{width:44px!important;height:44px!important;min-width:44px!important;min-height:44px!important;border-radius:14px!important}
  .cl-header .mobile-nav-toggler span,
  .cl-header .mobile-nav-toggler span:first-child{width:20px!important}
  .cl-header .mobile-nav-toggler span:nth-child(2){width:15px!important}
  .cl-header .mobile-nav-toggler span:nth-child(3){width:11px!important}
  .cl-header .mobile-nav-toggler:hover span:nth-child(2),
  .cl-header .mobile-nav-toggler:hover span:nth-child(3){width:20px!important}
}


/* V10 cooler hamburger */

.cl-header .mobile-nav-toggler,
.cl-header .header-1 .mobile-nav-toggler,
.cl-header .sticky-header .mobile-nav-toggler{
  isolation:isolate;
  background:linear-gradient(180deg,rgba(255,255,255,.06),rgba(255,255,255,.025))!important;
  border:1px solid rgba(255,255,255,.10)!important;
  box-shadow:0 10px 26px rgba(0,0,0,.20), inset 0 1px 0 rgba(255,255,255,.05), 0 0 0 1px rgba(255,255,255,.02)!important;
  transition:transform .28s ease, background .28s ease, border-color .28s ease, box-shadow .28s ease!important;
}
.cl-header .mobile-nav-toggler::before,
.cl-header .header-1 .mobile-nav-toggler::before,
.cl-header .sticky-header .mobile-nav-toggler::before{
  content:"";
  position:absolute;
  inset:6px;
  border-radius:13px;
  background:
    radial-gradient(circle at 24% 22%, rgba(255,255,255,.11), transparent 32%),
    linear-gradient(135deg, rgba(255,86,166,.08), rgba(118,88,255,.06) 48%, rgba(77,215,255,.08));
  opacity:.95;
  z-index:0;
  pointer-events:none;
}
.cl-header .mobile-nav-toggler::after,
.cl-header .header-1 .mobile-nav-toggler::after,
.cl-header .sticky-header .mobile-nav-toggler::after{
  content:"";
  position:absolute;
  inset:-1px;
  border-radius:inherit;
  background:linear-gradient(135deg, rgba(255,86,166,.24), rgba(118,88,255,.12), rgba(77,215,255,.20));
  opacity:0;
  transition:opacity .28s ease;
  z-index:-1;
  filter:blur(14px);
}
.cl-header .mobile-nav-toggler span,
.cl-header .header-1 .mobile-nav-toggler span,
.cl-header .sticky-header .mobile-nav-toggler span,
.cl-header .mobile-nav-toggler span:first-child,
.cl-header .mobile-nav-toggler span:nth-child(2),
.cl-header .mobile-nav-toggler span:last-child{
  position:relative!important;
  z-index:2!important;
  height:2px!important;
  background:linear-gradient(90deg, #ffffff 0%, #f6f6ff 100%)!important;
  box-shadow:0 0 10px rgba(255,255,255,.12),0 0 18px rgba(118,88,255,.10);
  transition:width .26s ease, transform .28s ease, opacity .22s ease, background .22s ease!important;
}
.cl-header .mobile-nav-toggler span:first-child{width:22px!important}
.cl-header .mobile-nav-toggler span:nth-child(2){width:14px!important}
.cl-header .mobile-nav-toggler span:last-child{width:22px!important}
.cl-header .mobile-nav-toggler:hover,
.cl-header .header-1 .mobile-nav-toggler:hover,
.cl-header .sticky-header .mobile-nav-toggler:hover{
  transform:translateY(-1px) scale(1.02)!important;
  background:linear-gradient(180deg,rgba(255,255,255,.09),rgba(255,255,255,.035))!important;
  border-color:rgba(255,255,255,.16)!important;
  box-shadow:0 12px 30px rgba(0,0,0,.25), inset 0 1px 0 rgba(255,255,255,.06), 0 0 0 1px rgba(255,255,255,.03)!important;
}
.cl-header .mobile-nav-toggler:hover::after,
.cl-header .header-1 .mobile-nav-toggler:hover::after,
.cl-header .sticky-header .mobile-nav-toggler:hover::after{opacity:.9}
.cl-header .mobile-nav-toggler:hover span:nth-child(2),
.cl-header .header-1 .mobile-nav-toggler:hover span:nth-child(2),
.cl-header .sticky-header .mobile-nav-toggler:hover span:nth-child(2){width:22px!important}
body.mobile-menu-visible .cl-header .mobile-nav-toggler,
body.mobile-menu-visible .cl-header .header-1 .mobile-nav-toggler,
body.mobile-menu-visible .cl-header .sticky-header .mobile-nav-toggler{
  background:linear-gradient(135deg, rgba(255,86,166,.12), rgba(118,88,255,.10) 55%, rgba(77,215,255,.12))!important;
  border-color:rgba(255,255,255,.16)!important;
  box-shadow:0 14px 34px rgba(0,0,0,.28), inset 0 1px 0 rgba(255,255,255,.06), 0 0 0 1px rgba(255,255,255,.03)!important;
}
body.mobile-menu-visible .cl-header .mobile-nav-toggler::after,
body.mobile-menu-visible .cl-header .header-1 .mobile-nav-toggler::after,
body.mobile-menu-visible .cl-header .sticky-header .mobile-nav-toggler::after{opacity:1}
body.mobile-menu-visible .cl-header .mobile-nav-toggler span,
body.mobile-menu-visible .cl-header .header-1 .mobile-nav-toggler span,
body.mobile-menu-visible .cl-header .sticky-header .mobile-nav-toggler span{
  position:absolute!important;
  left:50%!important;
  top:50%!important;
  width:20px!important;
  transform-origin:center!important;
}
body.mobile-menu-visible .cl-header .mobile-nav-toggler span:first-child,
body.mobile-menu-visible .cl-header .header-1 .mobile-nav-toggler span:first-child,
body.mobile-menu-visible .cl-header .sticky-header .mobile-nav-toggler span:first-child{
  transform:translate(-50%,-50%) rotate(45deg)!important;
}
body.mobile-menu-visible .cl-header .mobile-nav-toggler span:nth-child(2),
body.mobile-menu-visible .cl-header .header-1 .mobile-nav-toggler span:nth-child(2),
body.mobile-menu-visible .cl-header .sticky-header .mobile-nav-toggler span:nth-child(2){
  opacity:0!important;
  transform:translate(-50%,-50%) scaleX(.3)!important;
}
body.mobile-menu-visible .cl-header .mobile-nav-toggler span:last-child,
body.mobile-menu-visible .cl-header .header-1 .mobile-nav-toggler span:last-child,
body.mobile-menu-visible .cl-header .sticky-header .mobile-nav-toggler span:last-child{
  transform:translate(-50%,-50%) rotate(-45deg)!important;
}
@media(max-width:575.98px){
  .cl-header .mobile-nav-toggler::before,
  .cl-header .header-1 .mobile-nav-toggler::before,
  .cl-header .sticky-header .mobile-nav-toggler::before{inset:5px;border-radius:11px}
  .cl-header .mobile-nav-toggler span:first-child,
  .cl-header .mobile-nav-toggler span:last-child{width:20px!important}
  .cl-header .mobile-nav-toggler span:nth-child(2){width:13px!important}
  body.mobile-menu-visible .cl-header .mobile-nav-toggler span,
  body.mobile-menu-visible .cl-header .header-1 .mobile-nav-toggler span,
  body.mobile-menu-visible .cl-header .sticky-header .mobile-nav-toggler span{width:18px!important}
}


/* V11 feature intro polish */

.cl-feature-intro{
  position:relative;
  overflow:hidden;
  background:#0b0b10!important;
  border-radius:34px;
  margin:0 0 0;
  isolation:isolate;
}
.cl-feature-intro:before{
  content:"";
  position:absolute;
  left:8%;right:8%;top:-180px;height:300px;
  background:radial-gradient(ellipse at center,rgba(118,88,255,.14),rgba(255,86,166,.05) 42%,transparent 70%);
  filter:blur(50px);
  pointer-events:none;
  z-index:0;
}
.cl-feature-intro .container{position:relative;z-index:2}
.cl-feature-intro .row{position:relative}
.cl-feature-card{position:relative;height:100%}
.cl-feature-intro .feature-block .inner-block{
  position:relative;
  min-height:352px!important;
  padding:36px 42px 34px!important;
  overflow:hidden;
  background:transparent!important;
  border-color:rgba(255,255,255,.10)!important;
  transition:border-color .32s ease,background .32s ease,box-shadow .32s ease,transform .32s ease!important;
}
.cl-feature-intro .feature-block .inner-block:before{
  content:"";
  position:absolute;
  inset:0;
  background:radial-gradient(circle at 24% 22%,rgba(255,255,255,.055),transparent 38%),linear-gradient(145deg,rgba(255,255,255,.018),transparent 55%);
  opacity:.55;
  transition:opacity .32s ease;
  pointer-events:none;
}
.cl-feature-intro .feature-block .inner-block:after{
  content:"";
  position:absolute;
  left:0;right:0;bottom:0;height:2px;
  transform:scaleX(.12);
  transform-origin:left center;
  background:linear-gradient(90deg,#ff56a6,#8265ff,#4dd7ff);
  opacity:.7;
  transition:transform .42s cubic-bezier(.22,.8,.22,1),opacity .3s ease;
}
.cl-feature-intro .feature-block:hover .inner-block{
  border-color:rgba(255,255,255,.16)!important;
  background:rgba(255,255,255,.018)!important;
  box-shadow:0 24px 60px rgba(0,0,0,.18),inset 0 1px 0 rgba(255,255,255,.025);
  transform:translateY(-4px);
}
.cl-feature-intro .feature-block:hover .inner-block:before{opacity:1}
.cl-feature-intro .feature-block:hover .inner-block:after{transform:scaleX(1);opacity:1}
.cl-feature-top{position:relative;z-index:2;display:flex;align-items:center;justify-content:space-between;gap:24px;margin-bottom:38px}
.cl-mini-mascot{
  position:relative!important;
  width:102px!important;height:102px!important;
  border-radius:28px!important;
  overflow:hidden!important;
  background:#11111a!important;
  display:grid!important;place-items:center!important;
  border:1px solid rgba(255,255,255,.10)!important;
  box-shadow:0 16px 34px rgba(0,0,0,.22),0 0 28px rgba(118,88,255,.08)!important;
  transition:transform .38s cubic-bezier(.22,.8,.22,1),box-shadow .38s ease!important;
}
.cl-mini-mascot:after{
  content:"";position:absolute;inset:0;border-radius:inherit;pointer-events:none;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.08);
}
.cl-mini-mascot img{width:100%!important;height:100%!important;object-fit:cover!important;object-position:50% 20%;transition:transform .45s cubic-bezier(.22,.8,.22,1),filter .35s ease!important}
.cl-feature-card:hover .cl-mini-mascot{transform:translateY(-5px) rotate(-2deg) scale(1.035);box-shadow:0 20px 45px rgba(0,0,0,.28),0 0 34px rgba(118,88,255,.15)!important}
.cl-feature-card:hover .cl-mini-mascot img{transform:scale(1.06)}
.cl-feature-meta{display:flex;align-items:center;gap:10px;flex:0 0 auto}
.cl-feature-meta span{display:grid;place-items:center;width:35px;height:35px;border-radius:999px;background:rgba(255,255,255,.045);border:1px solid rgba(255,255,255,.08);font-size:10px;font-weight:800;color:rgba(255,255,255,.72);letter-spacing:.06em}
.cl-feature-meta b{font-size:9px;letter-spacing:.18em;color:rgba(255,255,255,.35);font-weight:800}
.cl-feature-intro .content-box{position:relative;z-index:2}
.cl-feature-intro .feature-block .title{margin:0 0 15px!important;font-size:25px!important;line-height:1.08!important;letter-spacing:-.038em!important;color:#fff!important}
.cl-feature-intro .feature-block .text{max-width:34ch;color:rgba(255,255,255,.58)!important;font-size:15px!important;line-height:1.72!important}
.cl-feature-intro .arrow-link{
  margin-top:26px!important;
  display:inline-flex!important;
  align-items:center!important;
  gap:10px!important;
  width:auto!important;
  color:#fff!important;
  font-size:12px!important;
  font-weight:800!important;
  letter-spacing:.01em;
  opacity:.72;
  transition:gap .28s ease,opacity .28s ease,color .28s ease!important;
}
.cl-feature-intro .arrow-link .text{display:inline!important;max-width:none!important;color:inherit!important;font-size:12px!important;line-height:1!important;opacity:1!important}
.cl-feature-intro .arrow-link svg{width:20px;height:auto;color:#ff56a6;transition:transform .28s ease,color .28s ease}
.cl-feature-intro .feature-block:hover .arrow-link{gap:14px;opacity:1;color:#fff!important}
.cl-feature-intro .feature-block:hover .arrow-link svg{transform:translateX(3px);color:#4dd7ff}
.cl-feature-intro .border-line{background:linear-gradient(180deg,rgba(255,255,255,.04),rgba(255,86,166,.72),rgba(77,215,255,.08))!important;width:1px!important;opacity:.8!important}
.cl-feature-web .cl-feature-meta span{box-shadow:inset 0 0 0 1px rgba(255,86,166,.10);color:#ff83bc}
.cl-feature-content .cl-feature-meta span{box-shadow:inset 0 0 0 1px rgba(118,88,255,.12);color:#9f8cff}
.cl-feature-ai .cl-feature-meta span{box-shadow:inset 0 0 0 1px rgba(77,215,255,.12);color:#75ddff}

@media(max-width:1199.98px){
 .cl-feature-intro .feature-block .inner-block{padding:32px 28px 30px!important;min-height:340px!important}
 .cl-mini-mascot{width:92px!important;height:92px!important;border-radius:25px!important}
 .cl-feature-intro .feature-block .title{font-size:23px!important}
}
@media(max-width:991.98px){
 .cl-feature-intro{border-radius:28px}
 .cl-feature-intro .row{row-gap:14px!important}
 .cl-feature-intro .feature-block .inner-block{min-height:310px!important;border:1px solid rgba(255,255,255,.08)!important;border-radius:24px!important}
 .cl-feature-intro .border-line{display:none!important}
}
@media(max-width:767.98px){
 .cl-feature-intro{padding:54px 0!important;border-radius:24px}
 .cl-feature-intro .feature-block .inner-block{min-height:0!important;padding:26px 24px!important;border-radius:22px!important}
 .cl-feature-top{margin-bottom:24px}
 .cl-mini-mascot{width:84px!important;height:84px!important;border-radius:22px!important}
 .cl-feature-intro .feature-block .title{font-size:22px!important;margin-bottom:11px!important}
 .cl-feature-intro .feature-block .text{font-size:14px!important;line-height:1.6!important;max-width:none}
 .cl-feature-intro .arrow-link{margin-top:20px!important}
 .cl-feature-meta b{display:none}
}


/* V12 corrections: single header, clean feature separators, mobile hero spacing + side art */

/* One header only. Main header is already fixed; Gencyo sticky clone is not needed. */
.cl-header .sticky-header{display:none!important;visibility:hidden!important;pointer-events:none!important}

/* Desktop feature separators: keep them between columns, never through content. */
.cl-feature-intro .border-line{display:none!important}
@media(min-width:992px){
  .cl-feature-intro .row > [class*="col-"]{position:relative;z-index:1}
  .cl-feature-intro .row > [class*="col-"]:not(:last-child)::after{
    content:"";
    position:absolute;
    z-index:0;
    top:42px;
    bottom:42px;
    right:0;
    width:1px;
    background:linear-gradient(180deg,transparent 0%,rgba(255,86,166,.58) 16%,rgba(118,88,255,.38) 56%,rgba(77,215,255,.18) 84%,transparent 100%);
    opacity:.78;
    pointer-events:none;
  }
  .cl-feature-intro .feature-block{position:relative;z-index:2}
}

/* Mobile hero: no overlap, no dead gap, keep our side PNGs visible as background accents. */
@media(max-width:767.98px){
  .cl-hero-actions{margin-bottom:0!important}
  .cl-hero-mascot-stage{
    position:relative!important;
    order:4!important;
    margin:70px auto 0!important;
    width:146px!important;
    height:146px!important;
    z-index:4!important;
  }
  .cl-hero-signals{
    order:5!important;
    margin:10px auto 0!important;
    position:relative!important;
    z-index:5!important;
  }
  .cl-hero-proof{margin-top:30px!important}

  .cl-code-sculpture{
    display:block!important;
    position:absolute!important;
    z-index:1!important;
    pointer-events:none!important;
  }
  .cl-code-sculpture-left{
    left:-92px!important;
    right:auto!important;
    bottom:18px!important;
    width:168px!important;
    height:auto!important;
    opacity:.28!important;
    filter:drop-shadow(18px 18px 34px rgba(118,88,255,.10))!important;
  }
  .cl-code-sculpture-right{
    right:-96px!important;
    left:auto!important;
    bottom:12px!important;
    width:174px!important;
    height:auto!important;
    opacity:.30!important;
    filter:drop-shadow(-18px 18px 34px rgba(255,86,166,.12))!important;
  }
  .cl-sculpture-asset-left{transform:rotate(-7deg)!important}
  .cl-sculpture-asset-right{transform:rotate(7deg)!important}
}
@media(max-width:430px){
  .cl-hero-mascot-stage{margin-top:62px!important;width:138px!important;height:138px!important}
  .cl-hero-signals{margin-top:8px!important}
  .cl-code-sculpture-left{left:-106px!important;bottom:10px!important;width:158px!important;opacity:.24!important}
  .cl-code-sculpture-right{right:-110px!important;bottom:8px!important;width:162px!important;opacity:.25!important}
}
@media(max-width:360px){
  .cl-code-sculpture-left,.cl-code-sculpture-right{opacity:.18!important}
}


/* V13 About / Zeno section */

.cl-about-v13{position:relative;overflow:hidden;background:
 radial-gradient(circle at 8% 88%,rgba(255,86,166,.10),transparent 27%),
 radial-gradient(circle at 92% 12%,rgba(118,88,255,.10),transparent 30%),
 #101016!important;color:#fff;isolation:isolate}
.cl-about-v13:before{content:"";position:absolute;inset:0;z-index:-2;background-image:linear-gradient(rgba(255,255,255,.018) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.018) 1px,transparent 1px);background-size:92px 92px;mask-image:linear-gradient(to bottom,transparent,#000 18%,#000 82%,transparent);opacity:.42}
.cl-about-container{position:relative;z-index:3}
.cl-about-row{min-height:760px}
.cl-about-decor{position:absolute;z-index:1;pointer-events:none;user-select:none;will-change:transform;filter:drop-shadow(0 20px 52px rgba(0,0,0,.28));opacity:.68}
.cl-about-decor-left{left:-190px;bottom:-210px;width:520px;transform:rotate(-11deg)}
.cl-about-decor-right{right:-165px;top:-150px;width:465px;transform:rotate(13deg)}

.cl-about-portrait-shell{position:relative;max-width:500px;margin-inline:auto;padding:10px;isolation:isolate}
.cl-about-portrait-glow{position:absolute;inset:11% 8% 3%;z-index:-1;border-radius:42%;background:linear-gradient(135deg,rgba(255,86,166,.28),rgba(118,88,255,.24),rgba(77,215,255,.15));filter:blur(54px);opacity:.78}
.cl-about-portrait-card{position:relative;overflow:hidden;border-radius:34px;background:#0b0b10;border:1px solid rgba(255,255,255,.10);box-shadow:0 34px 90px rgba(0,0,0,.36),inset 0 1px 0 rgba(255,255,255,.04)}
.cl-about-portrait-card:before{content:"";position:absolute;inset:0;z-index:2;border-radius:inherit;box-shadow:inset 0 0 0 1px rgba(255,255,255,.025);pointer-events:none}
.cl-about-photo{display:block;width:100%;aspect-ratio:4/5;object-fit:cover;object-position:center 48%;transform:scale(1.015)}
.cl-about-person-card{position:absolute;z-index:4;left:-5px;bottom:34px;display:flex;align-items:center;gap:12px;min-width:218px;padding:13px 17px;border-radius:18px;background:rgba(12,12,18,.80);border:1px solid rgba(255,255,255,.12);backdrop-filter:blur(16px);box-shadow:0 18px 44px rgba(0,0,0,.27)}
.cl-about-person-dot{width:9px;height:9px;border-radius:50%;background:#ff56a6;box-shadow:0 0 18px rgba(255,86,166,.72)}
.cl-about-person-card strong{display:block;color:#fff;font-size:14px;line-height:1.1}.cl-about-person-card small{display:block;margin-top:4px;color:rgba(255,255,255,.52);font-size:10px;letter-spacing:.02em}
.cl-about-mascot-float{position:absolute;z-index:5;right:-16px;bottom:20px;width:104px;height:104px;display:grid;place-items:center;border-radius:25px;background:linear-gradient(145deg,rgba(255,86,166,.15),rgba(118,88,255,.18));border:1px solid rgba(255,255,255,.11);backdrop-filter:blur(12px);box-shadow:0 18px 50px rgba(0,0,0,.26)}
.cl-about-mascot-float img{width:84px;height:88px;object-fit:contain;filter:drop-shadow(0 12px 14px rgba(0,0,0,.22))}
.cl-about-orbit-dot{position:absolute;z-index:4;border-radius:50%;border:1px solid rgba(255,255,255,.20);background:radial-gradient(circle at 30% 25%,#fff 0 5%,rgba(255,86,166,.86) 24%,rgba(118,88,255,.76) 55%,rgba(77,215,255,.32) 80%);box-shadow:0 0 28px rgba(118,88,255,.28)}
.cl-about-dot-a{width:24px;height:24px;right:22px;top:42px}.cl-about-dot-b{width:14px;height:14px;left:22px;top:112px}

.cl-about-content{max-width:690px;margin-left:auto}
.cl-about-eyebrow{display:flex;align-items:center;gap:9px;color:rgba(255,255,255,.52);font-size:12px;font-weight:700;letter-spacing:.02em}.cl-about-eyebrow i{width:9px;height:9px;display:block;transform:rotate(45deg);background:linear-gradient(135deg,#ff56a6,#7658ff 55%,#4dd7ff);box-shadow:0 0 16px rgba(118,88,255,.35)}
.cl-about-title{margin:14px 0 20px;color:#fff;font-size:clamp(44px,4.15vw,68px);line-height:.98;letter-spacing:-.055em;font-weight:690;max-width:12ch}.cl-about-title span{background:linear-gradient(102deg,#ff56a6,#a368ff 58%,#4dd7ff);-webkit-background-clip:text;background-clip:text;color:transparent}
.cl-about-text{max-width:650px;margin:0;color:rgba(255,255,255,.62);font-size:15px;line-height:1.72}
.cl-about-points{margin-top:28px;display:grid;grid-template-columns:1fr 1fr;gap:10px;padding:17px;border-radius:22px;border:1px solid rgba(255,255,255,.09);background:linear-gradient(145deg,rgba(255,255,255,.035),rgba(255,255,255,.016));box-shadow:inset 0 1px 0 rgba(255,255,255,.025)}
.cl-about-points>div{display:flex;align-items:center;gap:11px;min-height:44px;padding:0 8px;color:#fff}.cl-about-points span{flex:0 0 auto;width:23px;height:23px;border-radius:50%;display:grid;place-items:center;background:linear-gradient(135deg,#ff56a6,#7658ff);font-size:11px;font-weight:900;box-shadow:0 7px 18px rgba(118,88,255,.18)}.cl-about-points b{font-size:13px;font-weight:650}
.cl-about-proof{margin-top:16px;display:grid;grid-template-columns:78px minmax(155px,1.3fr) 1fr 1fr;align-items:center;min-height:112px;border:1px solid rgba(255,255,255,.09);border-radius:22px;background:linear-gradient(145deg,rgba(255,255,255,.035),rgba(255,255,255,.018));overflow:hidden}
.cl-about-proof>div{min-width:0}.cl-about-proof-icon{height:100%;display:grid;place-items:center;background:linear-gradient(145deg,rgba(255,86,166,.10),rgba(118,88,255,.13));border-right:1px solid rgba(255,255,255,.07)}.cl-about-proof-icon img{width:58px;height:58px;object-fit:contain;filter:drop-shadow(0 9px 13px rgba(0,0,0,.20))}
.cl-about-proof-main,.cl-about-proof-mini{padding:18px 20px;text-align:left}.cl-about-proof-mini{border-left:1px solid rgba(255,255,255,.08)}
.cl-about-proof strong{display:block;color:#fff;font-size:27px;line-height:1;font-weight:760;letter-spacing:-.04em}.cl-about-proof-main strong{font-size:42px;background:linear-gradient(100deg,#ff56a6,#b167ff,#4dd7ff);-webkit-background-clip:text;background-clip:text;color:transparent}.cl-about-proof small{display:block;margin-top:7px;color:rgba(255,255,255,.46);font-size:9px;text-transform:uppercase;letter-spacing:.12em;font-weight:750}
.cl-about-actions{margin-top:24px;display:flex;align-items:center;gap:18px;flex-wrap:wrap}.cl-about-cta{min-width:220px;height:54px;padding:0 8px 0 22px;border-radius:999px;display:inline-flex;align-items:center;justify-content:space-between;gap:18px;background:linear-gradient(96deg,#d85aa9,#8b68ff 58%,#69c9ff);color:#fff!important;font-size:13px;font-weight:800;box-shadow:0 15px 34px rgba(118,88,255,.18);transition:.25s ease}.cl-about-cta:hover{transform:translateY(-2px);box-shadow:0 20px 42px rgba(118,88,255,.28)}.cl-about-cta i{width:40px;height:40px;border-radius:50%;display:grid;place-items:center;background:#fff;color:#111;font-style:normal;font-size:18px}.cl-about-note{color:rgba(255,255,255,.36);font-size:10px;letter-spacing:.03em}

@media(max-width:1199.98px){.cl-about-row{min-height:690px}.cl-about-decor-left{left:-210px;width:450px}.cl-about-decor-right{right:-195px;width:420px}.cl-about-title{font-size:clamp(42px,4.5vw,58px)}.cl-about-proof{grid-template-columns:68px 1.2fr .9fr .9fr}.cl-about-proof-main,.cl-about-proof-mini{padding-inline:14px}.cl-about-proof strong{font-size:23px}.cl-about-proof-main strong{font-size:36px}}
@media(max-width:991.98px){.cl-about-v13{padding-block:86px!important}.cl-about-row{min-height:0}.cl-about-content{max-width:none;margin:22px auto 0}.cl-about-title{max-width:12ch}.cl-about-portrait-shell{max-width:520px}.cl-about-decor-left{left:-210px;bottom:-180px;width:390px;opacity:.42}.cl-about-decor-right{right:-205px;top:-100px;width:370px;opacity:.44}}
@media(max-width:767.98px){.cl-about-v13{padding-block:72px!important}.cl-about-portrait-shell{max-width:390px;padding:5px}.cl-about-portrait-card{border-radius:28px}.cl-about-person-card{left:5px;bottom:18px;min-width:190px;padding:11px 13px}.cl-about-mascot-float{right:2px;bottom:-18px;width:88px;height:88px;border-radius:21px}.cl-about-mascot-float img{width:71px;height:74px}.cl-about-content{margin-top:46px}.cl-about-title{font-size:clamp(38px,10.5vw,52px);max-width:11ch}.cl-about-text{font-size:14px;line-height:1.62}.cl-about-points{grid-template-columns:1fr;padding:12px;gap:4px}.cl-about-points>div{min-height:42px}.cl-about-proof{grid-template-columns:62px 1fr 1fr;grid-template-areas:"icon main main" "mini1 mini1 mini2"}.cl-about-proof-icon{grid-area:icon}.cl-about-proof-main{grid-area:main}.cl-about-proof-mini:nth-of-type(3){grid-area:mini1;border-left:0;border-top:1px solid rgba(255,255,255,.08)}.cl-about-proof-mini:nth-of-type(4){grid-area:mini2;border-top:1px solid rgba(255,255,255,.08)}.cl-about-proof-main strong{font-size:34px}.cl-about-proof-mini{padding:15px 18px}.cl-about-actions{align-items:flex-start;flex-direction:column;gap:10px}.cl-about-cta{width:min(100%,330px)}.cl-about-decor-left{left:-190px;bottom:-150px;width:330px;opacity:.25}.cl-about-decor-right{right:-190px;top:-90px;width:315px;opacity:.28}}
@media(max-width:575.98px){.cl-about-v13{padding-block:64px!important}.cl-about-portrait-shell{max-width:335px}.cl-about-photo{aspect-ratio:4/5}.cl-about-person-card{left:2px;bottom:16px;min-width:176px}.cl-about-person-card strong{font-size:13px}.cl-about-person-card small{font-size:9px}.cl-about-mascot-float{right:-3px;bottom:-13px}.cl-about-title{font-size:clamp(35px,10.4vw,46px)}.cl-about-eyebrow{font-size:11px}.cl-about-proof{grid-template-columns:58px 1fr 1fr}.cl-about-proof-icon img{width:48px;height:48px}.cl-about-proof-main,.cl-about-proof-mini{padding:13px}.cl-about-proof-main strong{font-size:31px}.cl-about-proof strong{font-size:20px}.cl-about-proof small{font-size:8px}.cl-about-note{max-width:280px;line-height:1.45}.cl-about-decor{display:none}}


/* V14 About — structure based on approved visual reference */

.cl-about-v14{position:relative;overflow:hidden;isolation:isolate;background:
  radial-gradient(circle at 10% 100%,rgba(255,86,166,.09),transparent 27%),
  radial-gradient(circle at 96% 12%,rgba(118,88,255,.07),transparent 25%),#0c0c12!important}
.cl-about-v14:before{content:"";position:absolute;inset:0;z-index:-2;background-image:linear-gradient(rgba(255,255,255,.016) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.016) 1px,transparent 1px);background-size:94px 94px;opacity:.4;mask-image:linear-gradient(to bottom,transparent,#000 12%,#000 88%,transparent)}
.cl-about-v14:after{content:"";position:absolute;left:50%;top:48%;width:min(920px,72vw);aspect-ratio:1;border:1px solid rgba(118,88,255,.09);border-radius:50%;transform:translate(-50%,-50%);z-index:-1;box-shadow:0 0 0 120px rgba(255,86,166,.015),0 0 0 240px rgba(77,215,255,.012)}
.cl-about14-container{position:relative;z-index:3}.cl-about14-row{min-height:760px}
.cl-about14-side{position:absolute;z-index:1;pointer-events:none;will-change:transform;filter:drop-shadow(0 28px 70px rgba(0,0,0,.35));opacity:.36}
.cl-about14-side-left{width:350px;left:-205px;bottom:-85px;transform:rotate(-10deg)}
.cl-about14-side-right{width:345px;right:-205px;top:120px;transform:rotate(10deg)}

.cl-about14-visual{position:relative;max-width:560px;margin:auto;min-height:625px;display:flex;align-items:center;justify-content:center;perspective:1000px}
.cl-about14-photo-shell{position:relative;width:min(100%,470px);margin:0 auto;will-change:transform}
.cl-about14-photo-glow{position:absolute;inset:9% 5% -2%;border-radius:34%;background:linear-gradient(135deg,rgba(255,86,166,.24),rgba(118,88,255,.24),rgba(77,215,255,.13));filter:blur(55px);opacity:.8;z-index:-1}
.cl-about14-photo-card{position:relative;height:600px;border-radius:42px;overflow:hidden;background:#0b0b10;border:1px solid rgba(255,255,255,.10);box-shadow:0 34px 90px rgba(0,0,0,.38),inset 0 1px 0 rgba(255,255,255,.04)}
.cl-about14-photo-card:before{content:"";position:absolute;inset:0;z-index:3;pointer-events:none;background:linear-gradient(180deg,rgba(8,8,12,.02) 0%,transparent 62%,rgba(8,8,12,.15) 100%)}
.cl-about14-photo{width:100%;height:100%;object-fit:cover;object-position:center 47%;display:block;transform:scale(1.015)}

.cl-about14-mini{position:absolute;z-index:7;border-radius:20px;background:linear-gradient(160deg,rgba(21,20,31,.96),rgba(16,15,24,.90));border:1px solid rgba(255,255,255,.11);backdrop-filter:blur(16px);box-shadow:0 22px 52px rgba(0,0,0,.32),inset 0 1px 0 rgba(255,255,255,.04);will-change:transform}
.cl-about14-mini-a{left:10px;top:145px;width:132px;min-height:180px;padding:22px 18px;transform:rotate(-8deg)}
.cl-about14-mini-a b{display:block;margin-top:18px;color:#fff;font-size:14px;line-height:1.18;letter-spacing:-.025em}.cl-about14-mini-star{font-size:20px;color:#ff56a6}.cl-about14-mini-bars{position:absolute;left:18px;right:18px;bottom:19px;height:35px;display:flex;align-items:flex-end;gap:8px}.cl-about14-mini-bars i{display:block;width:10px;border-radius:999px;background:linear-gradient(180deg,#ff56a6,#c261ff);height:20px}.cl-about14-mini-bars i:nth-child(2){height:34px;background:linear-gradient(180deg,#7658ff,#9f76ff)}.cl-about14-mini-bars i:nth-child(3){height:27px;background:linear-gradient(180deg,#4dd7ff,#7658ff)}
.cl-about14-mini-b{right:-12px;bottom:78px;width:102px;height:102px;display:grid;place-items:center;transform:rotate(9deg)}.cl-about14-mini-b img{width:74px;height:74px;object-fit:contain;filter:drop-shadow(0 10px 15px rgba(0,0,0,.22))}
.cl-about14-person-card{position:absolute;z-index:8;left:8px;bottom:35px;display:flex;align-items:center;justify-content:space-between;gap:24px;min-width:225px;padding:14px 16px;border-radius:19px;background:rgba(12,12,18,.83);border:1px solid rgba(255,255,255,.11);backdrop-filter:blur(15px);box-shadow:0 16px 42px rgba(0,0,0,.28)}
.cl-about14-person-card strong{display:block;color:#fff;font-size:15px;line-height:1}.cl-about14-person-card small{display:block;margin-top:5px;color:rgba(255,255,255,.54);font-size:10px}.cl-about14-person-card>span{font-size:16px;color:#fff}
.cl-about14-mascot{position:absolute;z-index:9;right:8px;bottom:8px;width:120px;height:130px;display:grid;place-items:center;will-change:transform}.cl-about14-mascot img{width:108px;height:112px;object-fit:contain;filter:drop-shadow(0 18px 20px rgba(0,0,0,.32))}
.cl-about14-orb{position:absolute;z-index:6;border-radius:50%;border:1px solid rgba(255,255,255,.20);background:radial-gradient(circle at 30% 25%,#fff 0 5%,rgba(255,86,166,.82) 25%,rgba(118,88,255,.78) 54%,rgba(77,215,255,.28) 80%);box-shadow:0 0 24px rgba(118,88,255,.24);will-change:transform}.cl-about14-orb-a{width:34px;height:34px;right:4px;top:105px}.cl-about14-orb-b{width:20px;height:20px;left:120px;bottom:60px}

.cl-about14-content{max-width:650px;margin-left:auto}.cl-about14-eyebrow{display:flex;align-items:center;gap:10px;color:rgba(255,255,255,.47);font-size:12px;font-weight:650}.cl-about14-eyebrow i{width:8px;height:8px;transform:rotate(45deg);background:linear-gradient(135deg,#ff56a6,#7658ff 55%,#4dd7ff);box-shadow:0 0 15px rgba(118,88,255,.35)}
.cl-about14-title{margin:13px 0 18px;color:#fff;font-size:clamp(48px,4vw,66px);line-height:.98;letter-spacing:-.055em;font-weight:700;max-width:12ch}.cl-about14-title span{background:linear-gradient(100deg,#ff56a6,#a36cff 58%,#4dd7ff);-webkit-background-clip:text;background-clip:text;color:transparent}
.cl-about14-text{max-width:620px;margin:0;color:rgba(255,255,255,.62);font-size:15px;line-height:1.72}
.cl-about14-points{margin-top:28px;display:grid;grid-template-columns:1fr 1fr;gap:9px 18px;padding:17px 18px;border-radius:22px;border:1px solid rgba(255,255,255,.09);background:linear-gradient(145deg,rgba(255,255,255,.035),rgba(255,255,255,.015));box-shadow:inset 0 1px 0 rgba(255,255,255,.025)}
.cl-about14-points>div{display:flex;align-items:center;gap:11px;min-height:42px;color:#fff}.cl-about14-points span{width:23px;height:23px;flex:0 0 auto;display:grid;place-items:center;border-radius:50%;background:linear-gradient(135deg,#ff56a6,#7658ff);font-size:11px;font-weight:900;box-shadow:0 7px 18px rgba(118,88,255,.18)}.cl-about14-points b{font-size:13px;font-weight:650}
.cl-about14-proof{margin-top:14px;display:grid;grid-template-columns:82px 160px 1fr;align-items:center;min-height:102px;border:1px solid rgba(255,255,255,.09);border-radius:22px;background:linear-gradient(145deg,rgba(255,255,255,.035),rgba(255,255,255,.018));overflow:hidden}
.cl-about14-proof-icon{height:100%;display:grid;place-items:center;background:linear-gradient(145deg,rgba(255,86,166,.08),rgba(118,88,255,.12));border-right:1px solid rgba(255,255,255,.07)}.cl-about14-proof-icon img{width:68px;height:72px;object-fit:contain;filter:drop-shadow(0 10px 14px rgba(0,0,0,.22))}
.cl-about14-proof-number{padding:0 24px}.cl-about14-proof-number strong{font-size:48px;line-height:1;font-weight:740;letter-spacing:-.055em;background:linear-gradient(100deg,#ff56a6,#a768ff,#4dd7ff);-webkit-background-clip:text;background-clip:text;color:transparent}
.cl-about14-proof-copy{padding:18px 20px;border-left:1px solid rgba(255,255,255,.08);display:flex;flex-direction:column;gap:2px}.cl-about14-proof-copy span{color:#fff;font-size:13px;line-height:1.45}
.cl-about14-actions{margin-top:24px}.cl-about14-cta{min-width:245px;height:55px;padding:0 8px 0 23px;border-radius:999px;display:inline-flex;align-items:center;justify-content:space-between;gap:18px;background:linear-gradient(96deg,#df5dae,#8e68ff 58%,#6bcaff);color:#fff!important;font-size:13px;font-weight:800;box-shadow:0 15px 34px rgba(118,88,255,.18);transition:.25s ease}.cl-about14-cta:hover{transform:translateY(-2px);box-shadow:0 20px 42px rgba(118,88,255,.28)}.cl-about14-cta i{width:41px;height:41px;border-radius:50%;display:grid;place-items:center;background:#fff;color:#111;font-style:normal;font-size:18px}

@media(max-width:1199.98px){.cl-about14-row{min-height:700px}.cl-about14-visual{max-width:500px}.cl-about14-photo-card{height:550px}.cl-about14-mini-a{left:-8px}.cl-about14-title{font-size:clamp(44px,4.3vw,58px)}.cl-about14-side-left{left:-240px}.cl-about14-side-right{right:-235px}}
@media(max-width:991.98px){.cl-about-v14{padding-block:86px!important}.cl-about14-row{min-height:0}.cl-about14-visual{max-width:520px;min-height:600px}.cl-about14-content{max-width:620px;margin:38px auto 0}.cl-about14-title{max-width:12ch}.cl-about14-side{opacity:.20}.cl-about14-side-left{left:-230px;bottom:-35px;width:320px}.cl-about14-side-right{right:-230px;top:45%;width:315px}}
@media(max-width:767.98px){.cl-about-v14{padding-block:72px!important}.cl-about14-visual{max-width:390px;min-height:520px}.cl-about14-photo-shell{width:340px}.cl-about14-photo-card{height:460px;border-radius:30px}.cl-about14-mini-a{width:105px;min-height:140px;left:-8px;top:112px;padding:16px 13px}.cl-about14-mini-a b{font-size:11px;margin-top:12px}.cl-about14-mini-bars{left:13px;right:13px;bottom:13px}.cl-about14-mini-b{width:82px;height:82px;right:-4px;bottom:66px}.cl-about14-mini-b img{width:60px;height:60px}.cl-about14-person-card{left:8px;bottom:26px;min-width:190px;padding:11px 13px}.cl-about14-mascot{right:3px;bottom:5px;width:96px;height:104px}.cl-about14-mascot img{width:88px;height:92px}.cl-about14-content{margin-top:34px}.cl-about14-title{font-size:clamp(38px,10.2vw,50px);max-width:11ch}.cl-about14-text{font-size:14px;line-height:1.62}.cl-about14-points{grid-template-columns:1fr;padding:12px;gap:4px}.cl-about14-proof{grid-template-columns:70px 125px 1fr}.cl-about14-proof-icon img{width:56px;height:58px}.cl-about14-proof-number{padding-inline:16px}.cl-about14-proof-number strong{font-size:38px}.cl-about14-proof-copy{padding:14px}.cl-about14-proof-copy span{font-size:11px}.cl-about14-side{display:none}}
@media(max-width:575.98px){.cl-about-v14{padding-block:62px!important}.cl-about14-visual{max-width:345px;min-height:500px}.cl-about14-photo-shell{width:300px}.cl-about14-photo-card{height:415px}.cl-about14-mini-a{left:0;top:104px;width:92px;min-height:125px}.cl-about14-mini-a b{font-size:10px}.cl-about14-mini-bars i{width:8px}.cl-about14-mini-b{right:0;bottom:70px;width:72px;height:72px}.cl-about14-mini-b img{width:53px;height:53px}.cl-about14-person-card{left:7px;bottom:36px;min-width:178px}.cl-about14-person-card strong{font-size:13px}.cl-about14-person-card small{font-size:9px}.cl-about14-mascot{right:4px;bottom:22px;width:86px;height:90px}.cl-about14-mascot img{width:80px;height:83px}.cl-about14-title{font-size:clamp(36px,10.2vw,46px)}.cl-about14-proof{grid-template-columns:60px 110px 1fr}.cl-about14-proof-icon img{width:48px;height:50px}.cl-about14-proof-number strong{font-size:33px}.cl-about14-proof-copy{padding:12px 10px}.cl-about14-proof-copy span{font-size:10px}.cl-about14-cta{width:min(100%,310px)}}


/* V16 about section visual + contrast polish */

.cl-about14-content{max-width:670px}
.cl-about14-text{color:rgba(255,255,255,.76);font-size:16px;line-height:1.78}
.cl-about14-points{margin-top:30px;gap:12px 18px;padding:18px 18px 16px;border-radius:24px;border:1px solid rgba(255,255,255,.12);background:linear-gradient(145deg,rgba(255,255,255,.06),rgba(255,255,255,.025));box-shadow:0 18px 40px rgba(0,0,0,.18),inset 0 1px 0 rgba(255,255,255,.04)}
.cl-about14-points>div{position:relative;display:flex;align-items:center;gap:13px;min-height:54px;padding:0 12px;border-radius:16px;background:linear-gradient(180deg,rgba(255,255,255,.045),rgba(255,255,255,.02));border:1px solid rgba(255,255,255,.06);color:#fff;overflow:hidden}
.cl-about14-points>div:before{content:"";position:absolute;left:0;top:10px;bottom:10px;width:3px;border-radius:999px;background:linear-gradient(180deg,#ff56a6,#8f67ff,#4dd7ff);opacity:.95}
.cl-about14-points span{width:26px;height:26px;font-size:12px;box-shadow:0 9px 20px rgba(118,88,255,.23)}
.cl-about14-points b{font-size:15px;font-weight:720;letter-spacing:-.02em;color:#fff;text-shadow:0 1px 0 rgba(0,0,0,.15)}
.cl-about14-proof{position:relative;margin-top:18px;grid-template-columns:92px 185px 1fr;min-height:122px;border:1px solid rgba(255,255,255,.11);border-radius:26px;background:linear-gradient(140deg,rgba(255,255,255,.065),rgba(255,255,255,.02));box-shadow:0 22px 54px rgba(0,0,0,.22),inset 0 1px 0 rgba(255,255,255,.05)}
.cl-about14-proof:before{content:"";position:absolute;inset:0;border-radius:inherit;padding:1px;background:linear-gradient(120deg,rgba(255,86,166,.45),rgba(118,88,255,.20),rgba(77,215,255,.30));-webkit-mask:linear-gradient(#000 0 0) content-box, linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask-composite:exclude;opacity:.42;pointer-events:none}
.cl-about14-proof:after{content:"";position:absolute;left:108px;right:18px;bottom:0;height:58px;background:radial-gradient(circle at 18% 100%,rgba(255,86,166,.18),transparent 34%),radial-gradient(circle at 52% 100%,rgba(118,88,255,.20),transparent 38%),radial-gradient(circle at 85% 100%,rgba(77,215,255,.17),transparent 30%);pointer-events:none;filter:blur(12px)}
.cl-about14-proof-icon{background:linear-gradient(160deg,rgba(255,86,166,.13),rgba(118,88,255,.14) 55%,rgba(77,215,255,.09));border-right:1px solid rgba(255,255,255,.08)}
.cl-about14-proof-icon img{width:76px;height:80px;filter:drop-shadow(0 14px 18px rgba(0,0,0,.24))}
.cl-about14-proof-number{position:relative;padding:0 28px}
.cl-about14-proof-number strong{display:inline-flex;align-items:flex-end;gap:2px;font-size:56px;line-height:.92;font-weight:780;letter-spacing:-.065em;background:linear-gradient(100deg,#ff56a6 10%,#ca6cff 46%,#71cbff 92%);-webkit-background-clip:text;background-clip:text;color:transparent;filter:drop-shadow(0 8px 18px rgba(118,88,255,.14))}
.cl-about14-proof-copy{padding:18px 24px;border-left:1px solid rgba(255,255,255,.10);gap:4px}
.cl-about14-proof-copy span{color:rgba(255,255,255,.94);font-size:15px;line-height:1.45;font-weight:580;letter-spacing:-.01em}
.cl-about14-actions{margin-top:26px}
.cl-about14-cta{box-shadow:0 18px 38px rgba(118,88,255,.24)}
.cl-about14-cta:hover{box-shadow:0 22px 46px rgba(118,88,255,.34)}
@media(max-width:767.98px){
  .cl-about14-text{font-size:15px;line-height:1.7}
  .cl-about14-points{padding:14px;gap:8px}
  .cl-about14-points>div{min-height:50px;padding:0 12px 0 14px}
  .cl-about14-points b{font-size:14px}
  .cl-about14-proof{grid-template-columns:70px 136px 1fr;min-height:102px}
  .cl-about14-proof-number strong{font-size:43px}
  .cl-about14-proof-copy span{font-size:12px;line-height:1.35}
}
@media(max-width:575.98px){
  .cl-about14-points span{width:24px;height:24px}
  .cl-about14-proof{grid-template-columns:64px 118px 1fr;min-height:96px;border-radius:22px}
  .cl-about14-proof-icon img{width:52px;height:56px}
  .cl-about14-proof-number{padding:0 16px}
  .cl-about14-proof-number strong{font-size:38px}
  .cl-about14-proof-copy{padding:12px 10px}
  .cl-about14-proof-copy span{font-size:11px}
}


/* V17 performance pass — same visual language, cheaper composition */

/* Fixed translucent blur is one of the biggest scroll repaint costs. Keep the glass look with opacity instead. */
.cl-header .main-box,
.cl-header .sticky-header .inner-container{
  backdrop-filter:none!important;
  -webkit-backdrop-filter:none!important;
  background:linear-gradient(180deg,rgba(14,14,20,.96),rgba(10,10,16,.93))!important;
}
.cl-signal,
.cl-about14-mini,
.cl-about14-person-card,
.cl-about-mascot-float,
.cl-about-person-card{
  backdrop-filter:none!important;
  -webkit-backdrop-filter:none!important;
}
/* Avoid large real-time Gaussian blur layers in the first viewport. */
.cl-hero-halo{filter:none!important;opacity:.62!important}
.cl-about14-photo-glow{filter:none!important;opacity:.38!important;transform:scale(1.06)}
.cl-feature-intro:before,.cl-feature-intro:after{filter:none!important}
/* The transparent PNG artwork already contains glow. Extra drop-shadow is redundant and costly. */
.cl-code-sculpture,.cl-sculpture-asset,.cl-about14-side{filter:none!important}
/* Promote only the elements that actually animate. */
.cl-hero-mascot-stage,.cl-hero-signals,.cl-sculpture-asset,.cl-about14-photo-shell,.cl-about14-mascot,.cl-about14-mini{transform:translateZ(0);backface-visibility:hidden}
/* Stop off-screen lower sections from participating in initial paint/layout. */
#proyectos,#audiovisual,#automatizacion,#contacto,.cl-testimonials,.faq-section,.team-section,.award-section,.news-section{content-visibility:auto;contain-intrinsic-size:900px}
/* Mobile: native scroll is smoother than transformed smooth-scroll on touch devices. */
@media(max-width:991.98px){
  #smooth-wrapper{overflow:visible!important;position:relative!important;height:auto!important}
  #smooth-content{transform:none!important}
}


/* V18 native scroll performance */

html{scroll-behavior:smooth}
#smooth-wrapper{position:relative!important;overflow:visible!important;width:100%!important;height:auto!important;inset:auto!important}
#smooth-content{transform:none!important;width:100%!important;overflow:visible!important}
body{overflow-x:hidden}
/* The hero side art is now smaller WebP; let the browser promote it once. */
.cl-sculpture-asset,.cl-about14-side{will-change:transform;image-rendering:auto}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}


/* V19 — restore approved hero type + side artwork */

.cl-hero-title{
  font-family:"Beatrice Trial","Avenir Next","Helvetica Neue","Segoe UI",Arial,sans-serif!important;
  font-synthesis:none!important;
  font-weight:600!important;
  font-size:clamp(62px,5.15vw,88px)!important;
  line-height:.965!important;
  letter-spacing:-.054em!important;
  max-width:1060px!important;
}
.cl-hero-title .cl-title-line{
  overflow:visible!important;
  padding:.06em .045em .13em!important;
  line-height:1!important;
}
.cl-hero-title .cl-title-chunk{overflow:visible!important}

/* Make the approved PNGs readable as artwork, while keeping them behind the copy. */
.cl-code-sculpture{z-index:2!important;overflow:visible!important;filter:none!important}
.cl-code-sculpture-left{
  left:-28px!important;
  bottom:-42px!important;
  width:390px!important;
  height:auto!important;
  opacity:.62!important;
}
.cl-code-sculpture-right{
  right:-26px!important;
  bottom:-38px!important;
  width:392px!important;
  height:auto!important;
  opacity:.64!important;
}
.cl-sculpture-asset{
  width:100%!important;
  height:auto!important;
  filter:drop-shadow(0 20px 44px rgba(0,0,0,.24))!important;
}
.cl-sculpture-asset-left{transform:rotate(-5deg)!important}
.cl-sculpture-asset-right{transform:rotate(5deg)!important}

@media(max-width:1399.98px){
  .cl-hero-title{font-size:clamp(58px,5.2vw,80px)!important}
  .cl-code-sculpture-left{left:-78px!important;width:330px!important;opacity:.48!important}
  .cl-code-sculpture-right{right:-82px!important;width:335px!important;opacity:.50!important}
}
@media(max-width:1199.98px){
  .cl-hero-title{font-size:clamp(54px,6.1vw,72px)!important}
  .cl-code-sculpture-left{left:-118px!important;width:285px!important;opacity:.34!important}
  .cl-code-sculpture-right{right:-122px!important;width:290px!important;opacity:.36!important}
}
@media(max-width:767.98px){
  .cl-hero-title{
    font-size:clamp(31px,8.4vw,39px)!important;
    line-height:1.02!important;
    letter-spacing:-.045em!important;
    max-width:390px!important;
  }
  .cl-hero-title .cl-title-line{padding:.04em 0 .11em!important}
  .cl-code-sculpture-left{left:-112px!important;bottom:14px!important;width:170px!important;opacity:.22!important}
  .cl-code-sculpture-right{right:-116px!important;bottom:10px!important;width:174px!important;opacity:.23!important}
}
@media(max-width:430px){
  .cl-hero-title{font-size:clamp(29px,8.1vw,35px)!important}
  .cl-code-sculpture-left{left:-118px!important;width:160px!important;opacity:.18!important}
  .cl-code-sculpture-right{right:-122px!important;width:164px!important;opacity:.19!important}
}


/* V20 production parity + hero type correction */
.cl-hero-title{font-family:"Beatrice Trial","Beatrice Display Trial","Helvetica Neue",Arial,sans-serif!important;font-weight:500!important;line-height:.98!important;letter-spacing:-.048em!important}
.cl-hero-title .cl-title-line{overflow:visible!important;padding-top:.08em!important;padding-bottom:.14em!important}
.cl-hero-title .cl-title-chunk{overflow:visible!important}


/* V23 services showcase — stronger visual direction */

.cl-services{background-color:#090a10!important;overflow:hidden}
.cl-services:before{content:"";position:absolute;inset:0;background:
  radial-gradient(circle at 72% 16%,rgba(118,88,255,.17),transparent 34%),
  radial-gradient(circle at 14% 72%,rgba(255,86,166,.10),transparent 28%),
  linear-gradient(180deg,rgba(255,255,255,.018),transparent 24%);pointer-events:none}
.cl-services .container{position:relative;z-index:2}
.cl-services-intro{max-width:700px;margin:20px auto 0;color:rgba(255,255,255,.69);font-size:15px;line-height:1.7}
.cl-service-grid{--bs-gutter-x:18px;--bs-gutter-y:18px;margin-top:6px}
.cl-service-card{--s1:#ff56a6;--s2:#8f67ff;--s3:#68d4ff;height:100%;perspective:1100px}
.cl-service-card:nth-child(2){--s1:#55d7ff;--s2:#7d72ff;--s3:#d05fff}
.cl-service-card:nth-child(3){--s1:#ff62b6;--s2:#a36cff;--s3:#6ed5ff}
.cl-service-card:nth-child(4){--s1:#8b67ff;--s2:#55d7ff;--s3:#ff65b0}
.cl-service-card:nth-child(5){--s1:#ff72b9;--s2:#a477ff;--s3:#69d6ff}
.cl-service-card:nth-child(6){--s1:#5fd9ff;--s2:#8c71ff;--s3:#ff5cae}
.cl-service-card:nth-child(7){--s1:#ff63ad;--s2:#7c6cff;--s3:#68d5ff}
.cl-service-card:nth-child(8){--s1:#8f67ff;--s2:#ff61ae;--s3:#5fd8ff}

.cl-service-card .inner-block{
  position:relative;height:100%;min-height:470px!important;padding:0 22px 24px!important;
  border-radius:30px!important;border:1px solid rgba(255,255,255,.105)!important;
  background:linear-gradient(180deg,rgba(255,255,255,.032),rgba(255,255,255,.012))!important;
  box-shadow:0 18px 44px rgba(0,0,0,.22),inset 0 1px 0 rgba(255,255,255,.035)!important;
  overflow:hidden;transform-style:preserve-3d;
  transition:transform .38s cubic-bezier(.2,.75,.2,1),border-color .35s ease,box-shadow .35s ease,background .35s ease!important;
}
.cl-service-card .inner-block:before{
  content:"";position:absolute;inset:0;background:
    radial-gradient(300px circle at var(--mx,50%) var(--my,120px),color-mix(in srgb,var(--s1) 15%,transparent),transparent 58%),
    linear-gradient(145deg,rgba(255,255,255,.025),transparent 44%);
  opacity:.9;pointer-events:none;transition:opacity .35s ease
}
.cl-service-card .inner-block:after{
  content:"";position:absolute;inset:0;border-radius:inherit;padding:1px;
  background:linear-gradient(145deg,color-mix(in srgb,var(--s1) 48%,transparent),color-mix(in srgb,var(--s2) 22%,transparent),color-mix(in srgb,var(--s3) 38%,transparent));
  -webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask-composite:exclude;
  opacity:.22;pointer-events:none;transition:opacity .35s ease
}
.cl-service-card .inner-block:hover{transform:translateY(-8px)!important;border-color:rgba(255,255,255,.17)!important;box-shadow:0 30px 66px rgba(0,0,0,.31),0 0 0 1px rgba(255,255,255,.02),inset 0 1px 0 rgba(255,255,255,.05)!important}
.cl-service-card .inner-block:hover:after{opacity:.58}

.cl-service-card .dot{position:absolute!important;top:24px!important;left:24px!important;width:7px!important;height:7px!important;background:var(--s1)!important;box-shadow:0 0 0 8px color-mix(in srgb,var(--s1) 12%,transparent),0 0 20px color-mix(in srgb,var(--s1) 65%,transparent)!important;z-index:5}
.cl-service-card .number{position:absolute!important;top:16px!important;right:21px!important;font-size:42px!important;font-weight:740!important;letter-spacing:-.07em!important;color:rgba(255,255,255,.13)!important;z-index:5;transition:color .35s ease,transform .35s ease!important}
.cl-service-card .inner-block:hover .number{color:rgba(255,255,255,.28)!important;transform:translateY(-1px)}
.cl-service-card .content-box{position:relative;z-index:2;transform:none!important;padding-top:64px}

.cl-service-icon{
  position:relative;width:100%!important;height:188px!important;margin:0 0 20px!important;border-radius:24px!important;overflow:hidden!important;
  display:grid!important;place-items:center!important;background:
    linear-gradient(180deg,rgba(255,255,255,.04),rgba(255,255,255,.012)),
    radial-gradient(circle at 50% 52%,color-mix(in srgb,var(--s2) 18%,transparent),transparent 52%)!important;
  border:1px solid rgba(255,255,255,.065)!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.04)!important;
}
.cl-service-icon:before{content:"";position:absolute;width:126px;height:126px;border-radius:50%;border:1px solid color-mix(in srgb,var(--s2) 36%,transparent);box-shadow:0 0 0 28px color-mix(in srgb,var(--s2) 4%,transparent),0 0 0 56px color-mix(in srgb,var(--s3) 2%,transparent);opacity:.8;transform:rotate(-9deg);transition:transform .6s cubic-bezier(.2,.75,.2,1),opacity .4s ease}
.cl-service-icon:after{content:"";position:absolute;width:7px;height:7px;border-radius:50%;background:var(--s3);right:38px;top:38px;box-shadow:-92px 74px 0 1px var(--s1),-35px 112px 0 -1px var(--s2),0 0 16px color-mix(in srgb,var(--s3) 85%,transparent);opacity:.95;transition:transform .5s ease}
.cl-service-icon img{position:relative;z-index:2;width:144px!important;height:144px!important;object-fit:contain!important;object-position:center!important;filter:drop-shadow(0 20px 24px rgba(0,0,0,.24));transition:transform .45s cubic-bezier(.2,.75,.2,1),filter .4s ease!important}
.cl-service-card .inner-block:hover .cl-service-icon:before{transform:rotate(16deg) scale(1.05);opacity:1}
.cl-service-card .inner-block:hover .cl-service-icon:after{transform:translate(-8px,6px)}
.cl-service-card .inner-block:hover .cl-service-icon img{transform:translate3d(var(--ix,0px),calc(-8px + var(--iy,0px)),0) rotate(var(--ir,0deg)) scale(1.07)!important;filter:drop-shadow(0 28px 28px rgba(0,0,0,.30))}

.cl-service-tag{display:inline-flex;align-items:center;min-height:28px;padding:0 11px;border:1px solid rgba(255,255,255,.11);border-radius:999px;background:rgba(255,255,255,.05);color:rgba(255,255,255,.68);font-size:9px;line-height:1;text-transform:uppercase;letter-spacing:.12em;font-weight:750;margin-bottom:13px}
.cl-service-card .title{margin-bottom:11px!important;font-size:24px!important;line-height:1.1!important;letter-spacing:-.04em!important;text-wrap:balance}
.cl-service-card .title a{color:#fff!important;background-image:none!important}
.cl-service-card .text{color:rgba(255,255,255,.68)!important;font-size:14px!important;line-height:1.62!important;min-height:68px}
.cl-service-card .arrow-link{display:inline-flex!important;align-items:center;gap:8px;margin-top:17px!important;padding-bottom:3px;text-decoration:none!important;font-size:13px!important;font-weight:720!important;color:rgba(255,255,255,.86)!important;opacity:1!important;visibility:visible!important;transform:none!important;border-bottom:1px solid rgba(255,255,255,.08);transition:color .3s ease,border-color .3s ease,gap .3s ease!important}
.cl-service-card .arrow-link svg{transition:transform .3s ease,opacity .3s ease;opacity:.88}
.cl-service-card .inner-block:hover .arrow-link{color:var(--s1)!important;border-color:color-mix(in srgb,var(--s1) 35%,transparent)!important;gap:12px}
.cl-service-card .inner-block:hover .arrow-link svg,.cl-service-card .arrow-link:hover svg{transform:translateX(4px);opacity:1}

@media(max-width:1199px){.cl-service-card .inner-block{min-height:455px!important}.cl-service-icon{height:174px!important}.cl-service-icon img{width:134px!important;height:134px!important}}
@media(max-width:991px){.cl-service-grid{--bs-gutter-x:14px;--bs-gutter-y:14px}.cl-service-card .inner-block{min-height:0!important}.cl-service-icon{height:170px!important}.cl-service-card .text{min-height:0!important}}
@media(max-width:767px){.cl-services-intro{font-size:14px}.cl-service-card .inner-block{padding:0 18px 20px!important;border-radius:24px!important}.cl-service-card .content-box{padding-top:58px}.cl-service-card .number{font-size:31px!important;top:17px!important;right:18px!important}.cl-service-card .dot{left:19px!important;top:22px!important}.cl-service-icon{height:150px!important;margin-bottom:16px!important}.cl-service-icon img{width:116px!important;height:116px!important}.cl-service-icon:before{width:106px;height:106px}.cl-service-card .title{font-size:22px!important}.cl-service-card .text{font-size:14px!important;line-height:1.6!important}}
@media(prefers-reduced-motion:reduce){.cl-service-card .inner-block,.cl-service-icon img,.cl-service-icon:before,.cl-service-icon:after,.cl-service-card .number,.cl-service-card .arrow-link{transition:none!important;transform:none!important}}


/* V24 Projects redesign */

.cl-projects{position:relative;background:#090a10;color:#fff;overflow:hidden}
.cl-projects:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 12% 24%,rgba(255,97,171,.08),transparent 22%),radial-gradient(circle at 84% 12%,rgba(117,97,255,.16),transparent 26%),linear-gradient(180deg,rgba(255,255,255,.012),transparent 24%);pointer-events:none}
.cl-projects .sec-title .title,.cl-projects .sec-title .title span{color:#fff}.cl-projects .sub-title{color:#d5cfe0}.cl-projects .sub-title img{filter:none}
.cl-projects-top{margin-bottom:28px}.cl-project-intro{max-width:40ch;color:rgba(255,255,255,.68);line-height:1.65;text-align:left}
.cl-project-showcase{display:grid;grid-template-columns:minmax(0,1.38fr) minmax(320px,.92fr);gap:22px;align-items:stretch}
.cl-project-stack{display:grid;grid-template-rows:1fr 1fr;gap:22px}
.cl-work-card{position:relative;display:flex;flex-direction:column;height:100%;border:1px solid rgba(255,255,255,.08);border-radius:28px;background:linear-gradient(180deg,rgba(255,255,255,.028),rgba(255,255,255,.012));box-shadow:0 24px 60px rgba(0,0,0,.22), inset 0 1px 0 rgba(255,255,255,.04);overflow:hidden;transition:transform .35s cubic-bezier(.22,.8,.22,1),border-color .35s ease, box-shadow .35s ease}
.cl-work-card:hover{transform:translateY(-8px);border-color:rgba(255,255,255,.16);box-shadow:0 34px 74px rgba(0,0,0,.32), inset 0 1px 0 rgba(255,255,255,.05)}
.cl-work-visual{position:relative;overflow:hidden}
.cl-browser-frame{background:#0e0d14;padding:16px 16px 0;min-height:460px}
.cl-browser-top{display:flex;align-items:center;gap:8px;height:44px;padding:0 16px;border-radius:18px;background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.06);margin-bottom:16px;color:rgba(255,255,255,.55);font-size:11px;letter-spacing:.08em;text-transform:uppercase}
.cl-browser-top span{width:8px;height:8px;border-radius:50%;background:#9f98aa;opacity:.7}.cl-browser-top em{font-style:normal;margin-left:6px}
.cl-browser-frame>img{width:100%;height:100%;min-height:380px;max-height:470px;object-fit:cover;object-position:top center;border-radius:22px 22px 0 0;display:block;transition:transform .6s ease}
.cl-work-card:hover .cl-browser-frame>img{transform:scale(1.03)}
.cl-card-open{position:absolute;inset:0;z-index:4;border:0;background:transparent;cursor:pointer}
.cl-work-content{padding:22px 24px 24px;background:linear-gradient(180deg,rgba(10,10,16,.0),rgba(10,10,16,.35))}
.cl-work-meta{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:14px}.cl-work-meta span{display:inline-flex;align-items:center;padding:7px 11px;border-radius:999px;border:1px solid rgba(255,255,255,.1);background:rgba(255,255,255,.04);font-size:11px;line-height:1;color:rgba(255,255,255,.7);text-transform:uppercase;letter-spacing:.08em;font-weight:700}
.cl-work-bottom{display:flex;align-items:flex-end;justify-content:space-between;gap:20px}.cl-work-bottom h3{font-size:35px;line-height:1.02;color:#fff;margin:0 0 9px;letter-spacing:-.04em}.cl-work-bottom p{margin:0;color:rgba(255,255,255,.67);max-width:44ch;line-height:1.6}
.cl-work-link{display:inline-flex;align-items:center;gap:9px;white-space:nowrap;height:52px;padding:0 18px;border-radius:16px;border:1px solid rgba(255,255,255,.1);background:rgba(255,255,255,.06);font-size:14px;font-weight:700;color:#fff;transition:all .3s ease}.cl-work-link i{font-style:normal;transition:transform .3s ease}.cl-work-link:hover{background:linear-gradient(90deg,var(--cl-pink),#8d69ff);border-color:transparent;color:#fff}.cl-work-link:hover i{transform:translateX(3px)}
.cl-brand-stage{min-height:305px;padding:26px;border-bottom:1px solid rgba(255,255,255,.05)}
.cl-brand-stage--light{background:linear-gradient(135deg,#f6f3f8 0%,#fbf9fd 60%,#f4edf7 100%)}
.cl-brand-stage--dark{background:radial-gradient(circle at 50% 0%,rgba(117,97,255,.12),transparent 42%),linear-gradient(145deg,#101018 0%,#171225 100%)}
.cl-brand-stage-grid{position:absolute;inset:0;background-image:linear-gradient(rgba(255,255,255,.06) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.06) 1px,transparent 1px);background-size:44px 44px;mask-image:linear-gradient(180deg,rgba(0,0,0,.55),transparent 100%);opacity:.16}
.cl-brand-logo{position:relative;z-index:2;max-width:320px;width:76%;display:block;margin:68px auto 18px;filter:drop-shadow(0 16px 28px rgba(0,0,0,.08))}
.cl-brand-pills{position:relative;z-index:2;display:flex;gap:10px;justify-content:center;flex-wrap:wrap}.cl-brand-pills span{padding:10px 14px;border-radius:999px;background:#fff;border:1px solid rgba(24,19,31,.08);color:#191320;font-size:12px;font-weight:700;box-shadow:0 10px 18px rgba(0,0,0,.06)}
.cl-brand-mascot{position:absolute;right:16px;bottom:-6px;width:140px;height:160px;object-fit:contain;opacity:.35;transform:rotate(-10deg)}
.cl-kova-badge{position:relative;z-index:2;width:max-content;margin:46px auto 0;padding:18px 28px;border-radius:22px;background:#fff;box-shadow:0 16px 34px rgba(0,0,0,.18)}.cl-kova-badge img{display:block;width:220px;max-width:52vw;height:auto}
.cl-kova-thumb{position:absolute;bottom:18px;width:145px;height:96px;border-radius:18px;object-fit:cover;border:1px solid rgba(255,255,255,.08);box-shadow:0 16px 32px rgba(0,0,0,.18);opacity:.9}.cl-kova-thumb--a{left:18px}.cl-kova-thumb--b{right:18px}
.cl-project-more{margin-top:30px;padding:20px 22px;border:1px solid rgba(255,255,255,.08);border-radius:24px;background:rgba(255,255,255,.03);display:flex;gap:24px;align-items:center;justify-content:space-between}.cl-project-more>span{color:rgba(255,255,255,.64);font-size:13px;white-space:nowrap}.cl-logo-inline{display:flex;gap:22px;align-items:center;justify-content:flex-end;flex-wrap:wrap}.cl-logo-inline img{height:26px;max-width:120px;object-fit:contain;filter:grayscale(1) brightness(2.1);opacity:.58;transition:.28s}.cl-logo-inline img:hover{filter:none;opacity:1}
@media(max-width:1399px){.cl-browser-frame{min-height:430px}.cl-work-bottom h3{font-size:31px}}
@media(max-width:1199px){.cl-project-showcase{grid-template-columns:1fr}.cl-project-stack{grid-template-columns:1fr 1fr;grid-template-rows:none}.cl-brand-stage{min-height:280px}.cl-project-more{align-items:flex-start;flex-direction:column}.cl-logo-inline{justify-content:flex-start}}
@media(max-width:991px){.cl-projects-top{margin-bottom:20px}.cl-browser-frame{min-height:0;padding:14px 14px 0}.cl-browser-top{height:40px;border-radius:16px;margin-bottom:14px}.cl-browser-frame>img{min-height:280px;max-height:360px}.cl-work-content{padding:18px 18px 20px}.cl-work-bottom{display:block}.cl-work-bottom h3{font-size:28px}.cl-work-link{margin-top:16px}.cl-project-stack{grid-template-columns:1fr}.cl-brand-stage{min-height:250px}.cl-kova-badge img{width:180px}.cl-kova-thumb{width:110px;height:76px}}
@media(max-width:767px){.cl-project-strip{padding-inline:0}.cl-work-card{border-radius:22px}.cl-browser-frame>img{min-height:240px;max-height:310px}.cl-work-meta span{font-size:10px;padding:6px 9px}.cl-work-bottom h3{font-size:24px}.cl-work-bottom p{font-size:14px}.cl-work-link{width:100%;justify-content:center;height:48px}.cl-brand-logo{width:82%;margin-top:48px}.cl-brand-pills span{font-size:11px;padding:8px 11px}.cl-brand-mascot{width:116px;height:132px}.cl-kova-badge{padding:15px 22px;border-radius:18px}.cl-kova-badge img{width:165px}.cl-kova-thumb{width:88px;height:62px;bottom:14px}.cl-project-more{padding:18px}.cl-logo-inline{gap:14px}}


/* V25 live iframe showcase */

.cl-live-showcase{position:relative;background:#090a10!important;color:#fff!important;overflow:hidden}
.cl-live-showcase:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 76% 7%,rgba(118,88,255,.20),transparent 28%),radial-gradient(circle at 9% 76%,rgba(255,86,166,.10),transparent 26%);pointer-events:none}
.cl-live-showcase .container{position:relative;z-index:2}
.cl-live-showcase .title,.cl-live-showcase .title span{color:#fff!important}.cl-live-showcase .title span{background:linear-gradient(90deg,#ff59aa,#a56cff 55%,#65ceff);-webkit-background-clip:text;background-clip:text;color:transparent!important}
.cl-live-showcase .sub-title{color:rgba(255,255,255,.78)!important}.cl-live-head{margin-bottom:34px}.cl-live-head .cl-project-intro{color:rgba(255,255,255,.67)!important;max-width:38ch;margin:0 0 7px auto}
.cl-live-browser{position:relative;border-radius:32px;border:1px solid rgba(255,255,255,.10);background:linear-gradient(180deg,rgba(255,255,255,.055),rgba(255,255,255,.018));box-shadow:0 42px 100px rgba(0,0,0,.34),inset 0 1px 0 rgba(255,255,255,.055);overflow:hidden}
.cl-live-browser:after{content:"";position:absolute;inset:-1px;border-radius:inherit;padding:1px;background:linear-gradient(120deg,rgba(255,86,166,.35),rgba(118,88,255,.12) 45%,rgba(77,215,255,.26));-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask-composite:exclude;pointer-events:none;opacity:.55}
.cl-live-browser-top{height:66px;display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:20px;padding:0 20px;border-bottom:1px solid rgba(255,255,255,.08);background:rgba(14,14,21,.94)}
.cl-live-dots{display:flex;gap:8px}.cl-live-dots i{display:block;width:10px;height:10px;border-radius:50%;background:rgba(255,255,255,.22)}.cl-live-dots i:first-child{background:#ff5aab}.cl-live-dots i:nth-child(2){background:#8d6cff}.cl-live-dots i:nth-child(3){background:#68cffb}
.cl-live-address{justify-self:center;display:flex;align-items:center;gap:10px;min-width:min(480px,48vw);height:38px;padding:0 16px;border-radius:12px;border:1px solid rgba(255,255,255,.08);background:rgba(255,255,255,.045);color:rgba(255,255,255,.68);font-size:12px;letter-spacing:.02em}
.cl-live-status{width:7px;height:7px;border-radius:50%;background:#6ee7a1;box-shadow:0 0 12px rgba(110,231,161,.55)}
.cl-live-external{display:inline-flex;align-items:center;justify-content:center;gap:8px;height:40px;padding:0 15px;border-radius:12px;border:1px solid rgba(255,255,255,.10);background:rgba(255,255,255,.05);color:#fff!important;font-size:12px;font-weight:700}.cl-live-external:hover{background:#fff;color:#131019!important}
.cl-live-screen{position:relative;height:min(68vh,760px);min-height:600px;background:#fff;overflow:hidden}
.cl-live-screen iframe{position:absolute;inset:0;width:100%;height:100%;border:0;background:#fff;z-index:3;opacity:1;transition:opacity .35s ease}
.cl-live-screen.is-switching iframe{opacity:0}.cl-live-screen.is-switching .cl-live-loader{opacity:1}
.cl-live-loader{position:absolute;inset:0;z-index:5;display:grid;place-content:center;gap:12px;text-align:center;background:radial-gradient(circle at center,rgba(118,88,255,.12),transparent 35%),#0b0b12;opacity:0;pointer-events:none;transition:opacity .25s}.cl-live-loader span{width:38px;height:38px;border:3px solid rgba(255,255,255,.12);border-top-color:#ff5aaa;border-radius:50%;animation:clSpin .8s linear infinite;margin:auto}.cl-live-loader small{font-size:11px;text-transform:uppercase;letter-spacing:.12em;color:rgba(255,255,255,.5)}
@keyframes clSpin{to{transform:rotate(360deg)}}
.cl-live-fallback{position:absolute;inset:0;z-index:1;display:grid;place-items:center;background:linear-gradient(135deg,#f7f5f3,#fff);overflow:hidden}.cl-live-fallback img{width:100%;height:100%;object-fit:cover;object-position:top center}.cl-live-fallback-note{position:absolute;left:50%;bottom:24px;transform:translateX(-50%);max-width:540px;padding:10px 14px;border-radius:999px;background:rgba(10,10,16,.78);color:rgba(255,255,255,.82);font-size:11px;text-align:center;opacity:0;transition:opacity .3s}.cl-live-screen.frame-error .cl-live-fallback-note{opacity:1}
.cl-live-overlay{position:absolute;inset:0;z-index:4;pointer-events:none;box-shadow:inset 0 0 80px rgba(0,0,0,.08)}
.cl-live-toolbar{display:flex;align-items:center;justify-content:space-between;gap:24px;padding:22px 24px 24px;background:rgba(10,10,16,.92);border-top:1px solid rgba(255,255,255,.07)}
.cl-live-project-info{display:flex;align-items:flex-start;gap:24px}.cl-live-project-info>small{display:inline-flex;align-items:center;min-height:28px;padding:0 10px;border-radius:999px;border:1px solid rgba(255,255,255,.1);background:rgba(255,255,255,.045);font-size:9px;font-weight:700;letter-spacing:.10em;text-transform:uppercase;color:rgba(255,255,255,.6);white-space:nowrap;margin-top:5px}.cl-live-project-info h3{margin:0 0 7px;color:#fff;font-size:29px;letter-spacing:-.04em}.cl-live-project-info p{margin:0;max-width:680px;color:rgba(255,255,255,.62);line-height:1.55;font-size:14px}
.cl-live-nav{display:flex;align-items:center;gap:12px;white-space:nowrap}.cl-live-nav span{min-width:62px;text-align:center;font-size:11px;font-weight:700;letter-spacing:.12em;color:rgba(255,255,255,.45)}.cl-live-nav-btn{width:44px;height:44px;border-radius:14px;border:1px solid rgba(255,255,255,.1);background:rgba(255,255,255,.045);color:#fff;font-size:17px;transition:.25s}.cl-live-nav-btn:hover{background:linear-gradient(135deg,#ff59aa,#806cff);border-color:transparent;transform:translateY(-2px)}
.cl-live-project-tabs{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-top:16px}.cl-live-tab{position:relative;display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:14px;min-height:82px;padding:16px 18px;border-radius:20px;border:1px solid rgba(255,255,255,.08);background:rgba(255,255,255,.025);color:#fff;text-align:left;overflow:hidden;transition:.3s ease}.cl-live-tab:before{content:"";position:absolute;inset:0;background:linear-gradient(110deg,rgba(255,86,166,.12),rgba(118,88,255,.08),rgba(77,215,255,.09));opacity:0;transition:.3s}.cl-live-tab>*{position:relative;z-index:2}.cl-live-tab:hover,.cl-live-tab.active{border-color:rgba(255,255,255,.16);background:rgba(255,255,255,.05);transform:translateY(-3px)}.cl-live-tab.active:before{opacity:1}.cl-live-tab-index{font-size:11px;color:rgba(255,255,255,.38);font-weight:700;letter-spacing:.10em}.cl-live-tab-copy{display:flex;flex-direction:column;gap:4px}.cl-live-tab-copy strong{font-size:15px;color:#fff}.cl-live-tab-copy small{font-size:11px;color:rgba(255,255,255,.47)}.cl-live-tab-arrow{display:grid;place-items:center;width:36px;height:36px;border-radius:12px;border:1px solid rgba(255,255,255,.08);background:rgba(255,255,255,.035);color:rgba(255,255,255,.7)}
.cl-project-more{margin-top:24px;padding:18px 20px;border:1px solid rgba(255,255,255,.07);border-radius:20px;background:rgba(255,255,255,.025);display:flex;align-items:center;justify-content:space-between;gap:24px}.cl-project-more>span{font-size:12px;color:rgba(255,255,255,.48);white-space:nowrap}.cl-logo-inline{display:flex;align-items:center;justify-content:flex-end;gap:18px;flex-wrap:wrap}.cl-logo-inline img{height:24px;max-width:115px;object-fit:contain;filter:grayscale(1) brightness(2.1);opacity:.48;transition:.28s}.cl-logo-inline img:hover{filter:none;opacity:1}
@media(max-width:1199px){.cl-live-screen{height:620px;min-height:520px}.cl-live-address{min-width:360px}.cl-live-project-info{gap:14px}}
@media(max-width:991px){.cl-live-head{margin-bottom:24px}.cl-live-head .cl-project-intro{margin-left:0}.cl-live-browser{border-radius:24px}.cl-live-browser-top{height:58px;grid-template-columns:auto 1fr auto;gap:10px;padding:0 12px}.cl-live-address{min-width:0;width:100%;font-size:11px}.cl-live-external{padding:0 12px}.cl-live-screen{height:520px;min-height:440px}.cl-live-toolbar{align-items:flex-start;flex-direction:column}.cl-live-nav{align-self:flex-end}.cl-live-project-tabs{grid-template-columns:1fr}.cl-live-tab{min-height:72px}.cl-project-more{align-items:flex-start;flex-direction:column}.cl-logo-inline{justify-content:flex-start}}
@media(max-width:767px){.cl-live-browser-top{grid-template-columns:auto 1fr}.cl-live-external{display:none}.cl-live-dots{gap:5px}.cl-live-dots i{width:7px;height:7px}.cl-live-address{height:34px;border-radius:10px;font-size:10px}.cl-live-screen{height:430px;min-height:360px}.cl-live-toolbar{padding:17px 16px 18px;gap:16px}.cl-live-project-info{display:block}.cl-live-project-info>small{margin:0 0 11px}.cl-live-project-info h3{font-size:24px}.cl-live-project-info p{font-size:13px}.cl-live-nav{align-self:stretch;justify-content:space-between}.cl-live-project-tabs{gap:9px;margin-top:10px}.cl-live-tab{padding:13px 14px;border-radius:17px}.cl-project-more{padding:16px}.cl-logo-inline{gap:13px}}
@media(max-width:480px){.cl-live-screen{height:350px;min-height:330px}.cl-live-fallback-note{width:calc(100% - 30px);bottom:16px;border-radius:14px}.cl-live-tab-copy small{font-size:10px}}
@media(prefers-reduced-motion:reduce){.cl-live-loader span{animation:none}.cl-live-tab,.cl-live-nav-btn,.cl-live-screen iframe{transition:none!important}}


/* V26 dual-device live portfolio */

.cl-device-showcase{position:relative;background:#08090f!important;color:#fff!important;overflow:hidden}
.cl-device-showcase:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 78% 12%,rgba(108,77,255,.18),transparent 30%),radial-gradient(circle at 12% 72%,rgba(255,73,164,.10),transparent 26%),linear-gradient(180deg,rgba(255,255,255,.012),transparent 22%);pointer-events:none}
.cl-device-showcase .container{position:relative;z-index:2}.cl-device-showcase .title,.cl-device-showcase .title span{color:#fff!important}.cl-device-showcase .title span{background:linear-gradient(90deg,#ff59aa,#a36cff 52%,#67d0ff);-webkit-background-clip:text;background-clip:text;color:transparent!important}.cl-device-showcase .sub-title{color:rgba(255,255,255,.78)!important}.cl-device-head{margin-bottom:32px}.cl-device-head .cl-project-intro{max-width:39ch;margin:0 0 6px auto;color:rgba(255,255,255,.67)!important;line-height:1.68}
.cl-device-lab{position:relative;min-height:880px;padding:34px 34px 108px;border-radius:38px;border:1px solid rgba(255,255,255,.09);background:linear-gradient(145deg,rgba(255,255,255,.035),rgba(255,255,255,.012));box-shadow:0 42px 100px rgba(0,0,0,.34),inset 0 1px 0 rgba(255,255,255,.045);overflow:hidden;isolation:isolate}
.cl-device-lab:before{content:"";position:absolute;inset:-1px;border-radius:inherit;padding:1px;background:linear-gradient(125deg,rgba(255,86,166,.34),rgba(118,88,255,.10) 42%,rgba(77,215,255,.27));-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask-composite:exclude;pointer-events:none;opacity:.52}
.cl-device-lab-glow{position:absolute;border-radius:50%;filter:blur(35px);pointer-events:none;opacity:.5}.cl-device-lab-glow-a{width:420px;height:420px;right:-130px;top:-150px;background:rgba(117,84,255,.18)}.cl-device-lab-glow-b{width:340px;height:340px;left:-140px;bottom:20px;background:rgba(255,79,163,.12)}
.cl-desktop-device{position:relative;z-index:2;width:calc(100% - 255px);max-width:1120px;margin:4px auto 0 8px;perspective:1400px}
.cl-desktop-shell{position:relative;padding:13px;border-radius:30px;background:linear-gradient(145deg,#24242e,#0f1017 42%,#181620);border:1px solid rgba(255,255,255,.14);box-shadow:0 30px 80px rgba(0,0,0,.46),inset 0 1px 0 rgba(255,255,255,.10),0 0 0 5px rgba(3,3,8,.9)}
.cl-device-browserbar{height:56px;display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:16px;padding:0 14px 0 10px;border-bottom:1px solid rgba(255,255,255,.06)}
.cl-device-dots{display:flex;gap:7px}.cl-device-dots i{width:9px;height:9px;border-radius:50%;background:#ff5a69}.cl-device-dots i:nth-child(2){background:#8f7cff}.cl-device-dots i:nth-child(3){background:#4fda79}
.cl-device-address{justify-self:center;display:flex;align-items:center;gap:9px;width:min(470px,48vw);height:36px;padding:0 14px;border-radius:11px;border:1px solid rgba(255,255,255,.08);background:rgba(255,255,255,.045);color:rgba(255,255,255,.64);font-size:11px}.cl-device-address span{width:7px;height:7px;border-radius:50%;background:#58e095;box-shadow:0 0 10px rgba(88,224,149,.48)}.cl-device-address b{font-weight:500;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.cl-device-browserbar>a{display:inline-flex;align-items:center;gap:7px;height:38px;padding:0 13px;border-radius:11px;border:1px solid rgba(255,255,255,.10);background:rgba(255,255,255,.05);color:#fff!important;font-size:11px;font-weight:700;white-space:nowrap}.cl-device-browserbar>a:hover{background:#fff;color:#121018!important}.cl-device-browserbar>a i{font-style:normal}
.cl-desktop-screen{position:relative;height:590px;border-radius:18px;overflow:hidden;background:#fff}.cl-desktop-screen iframe,.cl-phone-screen iframe{position:absolute;inset:0;width:100%;height:100%;border:0;background:#fff;z-index:3;transition:opacity .28s ease}.cl-desktop-screen.is-switching iframe,.cl-mobile-live-screen.is-switching iframe{opacity:0}
.cl-device-fallback{position:absolute;inset:0;z-index:1;background:#fff;overflow:hidden;display:grid;place-items:center}.cl-device-fallback img{width:100%;height:100%;object-fit:cover;object-position:top center}.cl-device-loader{position:absolute;inset:0;z-index:5;display:grid;place-content:center;gap:10px;text-align:center;background:radial-gradient(circle at center,rgba(118,88,255,.12),transparent 36%),#0b0b12;opacity:0;pointer-events:none;transition:opacity .22s}.is-switching .cl-device-loader{opacity:1}.cl-device-loader span{width:30px;height:30px;margin:auto;border-radius:50%;border:3px solid rgba(255,255,255,.10);border-top-color:#ff59aa;animation:clSpin .8s linear infinite}.cl-device-loader small{font-size:9px;text-transform:uppercase;letter-spacing:.12em;color:rgba(255,255,255,.46)}
.cl-monitor-neck{width:150px;height:66px;margin:0 auto;background:linear-gradient(180deg,#272733,#12131a);clip-path:polygon(30% 0,70% 0,82% 100%,18% 100%);box-shadow:0 20px 32px rgba(0,0,0,.25)}.cl-monitor-base{width:330px;height:22px;margin:-2px auto 0;border-radius:50%;background:linear-gradient(180deg,#343440,#15151d);box-shadow:0 17px 26px rgba(0,0,0,.35),inset 0 1px 0 rgba(255,255,255,.12)}
.cl-mobile-device{position:absolute;z-index:5;right:36px;top:150px;width:276px;filter:drop-shadow(0 32px 48px rgba(0,0,0,.48))}.cl-phone-shell{position:relative;height:590px;padding:12px 10px 15px;border-radius:48px;background:linear-gradient(145deg,#22232d,#090a10 55%,#1b1825);border:1px solid rgba(255,255,255,.18);box-shadow:inset 0 1px 0 rgba(255,255,255,.12),inset 0 0 0 5px #05060a,0 0 0 2px rgba(151,111,255,.18);overflow:hidden}.cl-phone-shell:after{content:"";position:absolute;inset:7px;border-radius:41px;pointer-events:none;box-shadow:inset 0 0 0 1px rgba(255,255,255,.05)}
.cl-phone-island{position:absolute;z-index:8;top:17px;left:50%;transform:translateX(-50%);width:92px;height:25px;border-radius:999px;background:#050609;box-shadow:inset 0 0 0 1px rgba(255,255,255,.03)}.cl-phone-status{position:relative;z-index:7;height:38px;display:flex;align-items:center;justify-content:space-between;padding:0 15px 0 12px;color:#fff;font-size:10px;font-weight:700}.cl-phone-status>div{display:flex;gap:3px}.cl-phone-status b{display:block;width:4px;height:4px;border-radius:50%;background:#fff}.cl-phone-status b:nth-child(2){opacity:.7}.cl-phone-status b:nth-child(3){opacity:.42}
.cl-phone-browserbar{position:relative;z-index:7;height:38px;display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:7px;margin:0 5px 7px;padding:0 9px;border-radius:12px;background:#161923;border:1px solid rgba(255,255,255,.07);color:rgba(255,255,255,.65);font-size:9px}.cl-phone-browserbar>span{width:6px;height:6px;border-radius:50%;background:#55dd91}.cl-phone-browserbar b{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-weight:500}.cl-phone-browserbar a{display:grid;place-items:center;width:25px;height:25px;border-radius:8px;background:rgba(255,255,255,.06);color:#fff!important;font-size:12px}
.cl-phone-screen{position:relative;height:476px;border-radius:26px;overflow:hidden;background:#fff}.cl-phone-screen iframe{width:100%;height:100%}.cl-mobile-fallback img{object-fit:cover;object-position:top center}.cl-phone-home{position:absolute;z-index:8;bottom:9px;left:50%;transform:translateX(-50%);width:86px;height:4px;border-radius:999px;background:rgba(255,255,255,.72)}
.cl-phone-buttons{position:absolute}.cl-phone-buttons i{position:absolute;display:block;background:#171821;border:1px solid rgba(255,255,255,.12)}.cl-phone-buttons-left{left:-4px;top:108px}.cl-phone-buttons-left i:first-child{width:4px;height:28px;border-radius:4px 0 0 4px}.cl-phone-buttons-left i:nth-child(2){top:43px;width:4px;height:48px;border-radius:4px 0 0 4px}.cl-phone-buttons-left i:nth-child(3){top:100px;width:4px;height:48px;border-radius:4px 0 0 4px}.cl-phone-buttons-right{right:-4px;top:150px}.cl-phone-buttons-right i{width:4px;height:68px;border-radius:0 4px 4px 0}
.cl-device-label{position:absolute;display:inline-flex;align-items:center;gap:8px;padding:8px 11px;border-radius:999px;border:1px solid rgba(255,255,255,.08);background:rgba(11,11,18,.72);color:rgba(255,255,255,.72);font-size:10px;text-transform:uppercase;letter-spacing:.1em;font-weight:700;backdrop-filter:blur(8px)}.cl-device-label i{width:7px;height:7px;border-radius:50%;background:#ff59aa;box-shadow:0 0 12px rgba(255,89,170,.52)}.cl-device-label-desktop{left:18px;top:-20px}.cl-device-label-mobile{right:14px;top:-34px}.cl-device-label-mobile i{background:#68cffb;box-shadow:0 0 12px rgba(104,207,251,.5)}
.cl-device-projectbar{position:absolute;z-index:4;left:34px;right:34px;bottom:28px;min-height:78px;display:flex;align-items:center;justify-content:space-between;gap:22px;padding:14px 18px;border-radius:22px;border:1px solid rgba(255,255,255,.08);background:rgba(8,9,15,.88);box-shadow:0 18px 36px rgba(0,0,0,.22);backdrop-filter:blur(10px)}.cl-device-project-info{display:flex;align-items:flex-start;gap:18px}.cl-device-project-info>small{display:inline-flex;align-items:center;min-height:27px;padding:0 9px;border-radius:999px;border:1px solid rgba(255,255,255,.10);background:rgba(255,255,255,.04);font-size:9px;text-transform:uppercase;letter-spacing:.1em;color:rgba(255,255,255,.6);white-space:nowrap;margin-top:3px}.cl-device-project-info h3{margin:0 0 5px;color:#fff;font-size:23px;letter-spacing:-.035em}.cl-device-project-info p{margin:0;max-width:620px;color:rgba(255,255,255,.58);font-size:12px;line-height:1.5}.cl-device-nav{display:flex;align-items:center;gap:9px;white-space:nowrap}.cl-device-nav button{width:38px;height:38px;border-radius:12px;border:1px solid rgba(255,255,255,.09);background:rgba(255,255,255,.04);color:#fff}.cl-device-nav button:hover{background:linear-gradient(135deg,#ff59aa,#806cff);border-color:transparent}.cl-device-nav span{min-width:54px;text-align:center;font-size:10px;letter-spacing:.1em;color:rgba(255,255,255,.43);font-weight:700}
.cl-device-showcase .cl-live-project-tabs{margin-top:18px}.cl-device-showcase .cl-project-more{margin-top:20px}
@media(max-width:1399px){.cl-device-lab{min-height:820px}.cl-desktop-device{width:calc(100% - 225px)}.cl-desktop-screen{height:540px}.cl-mobile-device{width:250px;right:28px}.cl-phone-shell{height:548px}.cl-phone-screen{height:436px}}
@media(max-width:1199px){.cl-device-lab{min-height:790px;padding:30px 30px 105px}.cl-desktop-device{width:calc(100% - 190px)}.cl-desktop-screen{height:500px}.cl-mobile-device{right:18px;top:142px;width:226px}.cl-phone-shell{height:510px;border-radius:42px}.cl-phone-screen{height:400px}.cl-device-projectbar{left:30px;right:30px}}
@media(max-width:991px){.cl-device-head{margin-bottom:24px}.cl-device-head .cl-project-intro{margin-left:0}.cl-device-lab{min-height:auto;padding:24px 20px 22px;overflow:visible}.cl-desktop-device{width:100%;margin:0}.cl-desktop-screen{height:460px}.cl-mobile-device{position:relative;right:auto;top:auto;width:270px;margin:-120px 30px 0 auto}.cl-device-projectbar{position:relative;left:auto;right:auto;bottom:auto;margin-top:22px}.cl-device-project-info{gap:12px}.cl-device-showcase .cl-live-project-tabs{grid-template-columns:1fr}.cl-device-showcase .cl-project-more{align-items:flex-start;flex-direction:column}.cl-device-showcase .cl-logo-inline{justify-content:flex-start}}
@media(max-width:767px){.cl-device-lab{padding:18px 12px 16px;border-radius:26px}.cl-desktop-shell{padding:8px;border-radius:22px}.cl-device-browserbar{height:48px;grid-template-columns:auto 1fr;padding:0 8px;gap:8px}.cl-device-browserbar>a{display:none}.cl-device-address{width:100%;font-size:9px}.cl-desktop-screen{height:300px;border-radius:14px}.cl-monitor-neck{height:46px;width:110px}.cl-monitor-base{width:220px;height:16px}.cl-mobile-device{width:235px;margin:-58px auto 0}.cl-phone-shell{height:500px;border-radius:40px}.cl-phone-screen{height:392px}.cl-device-label-desktop{left:10px;top:-18px}.cl-device-label-mobile{right:8px}.cl-device-projectbar{display:block;padding:15px}.cl-device-project-info{display:block}.cl-device-project-info>small{margin-bottom:9px}.cl-device-project-info h3{font-size:21px}.cl-device-project-info p{font-size:12px}.cl-device-nav{margin-top:14px;justify-content:space-between}.cl-device-showcase .cl-live-tab{min-height:68px}.cl-device-showcase .cl-project-more{padding:15px}}
@media(max-width:480px){.cl-desktop-screen{height:245px}.cl-mobile-device{width:218px;margin-top:-35px}.cl-phone-shell{height:470px}.cl-phone-screen{height:365px}.cl-device-project-info p{font-size:11px}.cl-device-showcase .cl-live-tab-copy small{font-size:10px}}
@media(prefers-reduced-motion:reduce){.cl-device-loader span{animation:none}.cl-desktop-screen iframe,.cl-phone-screen iframe{transition:none!important}}


/* V27 mobile-only full-width project viewer */

.cl-mobile-preview-controls{display:none}
@media(max-width:767px){
  .cl-device-showcase{padding-top:76px!important;padding-bottom:76px!important}
  .cl-device-head{margin-bottom:20px!important}
  .cl-device-head .title{font-size:clamp(34px,9vw,48px)!important;line-height:1.02!important;letter-spacing:-.045em!important}
  .cl-device-head .cl-project-intro{font-size:14px;line-height:1.6;margin-top:4px!important}

  .cl-mobile-preview-controls{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:0 0 12px;padding:9px 10px 9px 14px;border:1px solid rgba(255,255,255,.08);border-radius:18px;background:rgba(255,255,255,.028)}
  .cl-mobile-preview-controls>span{font-size:10px;line-height:1;text-transform:uppercase;letter-spacing:.13em;font-weight:750;color:rgba(255,255,255,.46)}
  .cl-mobile-preview-switch{display:grid;grid-template-columns:1fr 1fr;gap:4px;padding:4px;border:1px solid rgba(255,255,255,.07);border-radius:13px;background:#0b0c12}
  .cl-mobile-preview-switch button{display:inline-flex;align-items:center;justify-content:center;gap:7px;height:36px;padding:0 12px;border:0;border-radius:10px;background:transparent;color:rgba(255,255,255,.55);font-size:11px;font-weight:700;transition:.25s ease}
  .cl-mobile-preview-switch button i{display:block;width:7px;height:7px;border-radius:50%;background:currentColor;opacity:.55}
  .cl-mobile-preview-switch button.active{background:linear-gradient(110deg,rgba(255,89,170,.16),rgba(126,103,255,.15),rgba(104,207,251,.12));color:#fff;box-shadow:inset 0 0 0 1px rgba(255,255,255,.08)}
  .cl-mobile-preview-switch button[data-device-view="mobile"].active i{color:#65ceff;box-shadow:0 0 10px rgba(101,206,255,.65)}
  .cl-mobile-preview-switch button[data-device-view="desktop"].active i{color:#ff59aa;box-shadow:0 0 10px rgba(255,89,170,.55)}

  .cl-device-lab{min-height:auto!important;padding:10px!important;border-radius:28px!important;overflow:hidden!important;background:linear-gradient(180deg,rgba(255,255,255,.045),rgba(255,255,255,.016))!important}
  .cl-device-lab-glow-a{width:260px!important;height:260px!important;left:-110px!important;top:25%!important;opacity:.75}
  .cl-device-lab-glow-b{width:240px!important;height:240px!important;right:-120px!important;top:3%!important;opacity:.7}

  /* One device only on mobile. */
  .cl-device-lab.cl-preview-mode-mobile .cl-desktop-device{display:none!important}
  .cl-device-lab.cl-preview-mode-desktop .cl-mobile-device{display:none!important}

  /* Mobile mode becomes a large edge-to-edge device instead of a small floating phone. */
  .cl-device-lab.cl-preview-mode-mobile .cl-mobile-device{display:block!important;position:relative!important;right:auto!important;top:auto!important;width:100%!important;margin:0!important;filter:none!important}
  .cl-device-lab.cl-preview-mode-mobile .cl-device-label-mobile{display:none!important}
  .cl-device-lab.cl-preview-mode-mobile .cl-phone-shell{height:min(72svh,680px)!important;min-height:540px;padding:10px 9px 13px!important;border-radius:30px!important;border:1px solid rgba(255,255,255,.16)!important;background:linear-gradient(145deg,#20212b,#090a10 58%,#171520)!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.10),inset 0 0 0 4px #05060a,0 18px 44px rgba(0,0,0,.32),0 0 0 1px rgba(126,103,255,.12)!important}
  .cl-device-lab.cl-preview-mode-mobile .cl-phone-shell:after{inset:6px;border-radius:24px!important}
  .cl-device-lab.cl-preview-mode-mobile .cl-phone-buttons{display:none}
  .cl-device-lab.cl-preview-mode-mobile .cl-phone-island{top:14px;width:86px;height:23px}
  .cl-device-lab.cl-preview-mode-mobile .cl-phone-status{height:34px;padding:0 13px;font-size:9px}
  .cl-device-lab.cl-preview-mode-mobile .cl-phone-browserbar{height:39px;margin:0 4px 7px;border-radius:12px;font-size:9px}
  .cl-device-lab.cl-preview-mode-mobile .cl-phone-screen{height:calc(100% - 91px)!important;border-radius:19px!important}
  .cl-device-lab.cl-preview-mode-mobile .cl-phone-home{bottom:7px;width:76px}

  /* Desktop mode uses the same stage, but forces a real desktop viewport and scales it to fit. */
  .cl-device-lab.cl-preview-mode-desktop .cl-desktop-device{display:block!important;width:100%!important;margin:0!important}
  .cl-device-lab.cl-preview-mode-desktop .cl-device-label-desktop,.cl-device-lab.cl-preview-mode-desktop .cl-monitor-neck,.cl-device-lab.cl-preview-mode-desktop .cl-monitor-base{display:none!important}
  .cl-device-lab.cl-preview-mode-desktop .cl-desktop-shell{padding:8px!important;border-radius:23px!important;box-shadow:0 18px 44px rgba(0,0,0,.32),inset 0 1px 0 rgba(255,255,255,.08)!important}
  .cl-device-lab.cl-preview-mode-desktop .cl-device-browserbar{height:48px!important;grid-template-columns:auto 1fr!important;padding:0 9px!important;gap:8px!important}
  .cl-device-lab.cl-preview-mode-desktop .cl-device-browserbar>a{display:none!important}
  .cl-device-lab.cl-preview-mode-desktop .cl-device-address{width:100%!important;font-size:9px!important}
  .cl-device-lab.cl-preview-mode-desktop .cl-desktop-screen{height:var(--cl-desktop-mobile-height,220px)!important;border-radius:14px!important;overflow:hidden!important}
  .cl-device-lab.cl-preview-mode-desktop .cl-desktop-screen iframe{width:1280px!important;height:800px!important;max-width:none!important;transform-origin:0 0!important;transform:scale(var(--cl-desktop-mobile-scale,.28))!important}
  .cl-device-lab.cl-preview-mode-desktop .cl-desktop-fallback img{object-fit:cover!important;object-position:top center!important;padding:0!important}

  /* Project information becomes compact and belongs to the single viewer. */
  .cl-device-projectbar{position:relative!important;left:auto!important;right:auto!important;bottom:auto!important;margin:10px 0 0!important;padding:14px 14px 13px!important;border-radius:18px!important;background:rgba(8,9,15,.92)!important;backdrop-filter:none!important}
  .cl-device-project-info{display:block!important}
  .cl-device-project-info>small{margin:0 0 9px!important}
  .cl-device-project-info h3{font-size:23px!important;margin-bottom:4px!important}
  .cl-device-project-info p{font-size:12px!important;line-height:1.5!important;color:rgba(255,255,255,.56)!important}
  .cl-device-nav{margin-top:13px!important;justify-content:space-between!important}
  .cl-device-nav button{width:42px;height:42px;border-radius:13px}

  /* Projects are horizontal chips instead of a tall stack. */
  .cl-device-showcase .cl-live-project-tabs{display:flex!important;grid-template-columns:none!important;gap:9px!important;margin:12px -4px 0!important;padding:4px 4px 8px!important;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none;-webkit-overflow-scrolling:touch}
  .cl-device-showcase .cl-live-project-tabs::-webkit-scrollbar{display:none}
  .cl-device-showcase .cl-live-tab{flex:0 0 79%;min-height:68px!important;padding:12px 13px!important;border-radius:17px!important;scroll-snap-align:start;transform:none!important}
  .cl-device-showcase .cl-live-tab-index{font-size:10px}
  .cl-device-showcase .cl-live-tab-copy strong{font-size:14px}
  .cl-device-showcase .cl-live-tab-copy small{font-size:10px}
  .cl-device-showcase .cl-live-tab-arrow{width:32px;height:32px;border-radius:10px}

  .cl-device-showcase .cl-project-more{margin-top:12px!important;padding:14px!important;border-radius:17px!important}
  .cl-device-showcase .cl-project-more>span{font-size:11px}
  .cl-device-showcase .cl-logo-inline{display:flex;flex-wrap:nowrap!important;justify-content:flex-start!important;width:100%;overflow-x:auto;gap:16px;padding-bottom:3px;scrollbar-width:none}
  .cl-device-showcase .cl-logo-inline::-webkit-scrollbar{display:none}
  .cl-device-showcase .cl-logo-inline img{flex:0 0 auto;height:22px!important;max-width:105px!important}
}
@media(max-width:480px){
  .cl-mobile-preview-controls{padding-left:12px}.cl-mobile-preview-controls>span{font-size:9px}
  .cl-mobile-preview-switch button{padding:0 10px;font-size:10px}
  .cl-device-lab.cl-preview-mode-mobile .cl-phone-shell{height:min(70svh,620px)!important;min-height:510px!important}
  .cl-device-showcase .cl-live-tab{flex-basis:84%}
}


/* V28 true mobile responsive preview + partner logos */

.cl-device-showcase .cl-project-more{border-color:rgba(255,255,255,.08)!important;background:rgba(255,255,255,.025)!important}
.cl-device-showcase .cl-logo-inline{gap:10px!important}
.cl-partner-logo{display:grid;place-items:center;min-width:112px;height:48px;padding:8px 12px;border-radius:13px;background:#f7f5f3;border:1px solid rgba(255,255,255,.08);box-shadow:inset 0 1px 0 rgba(255,255,255,.7),0 8px 18px rgba(0,0,0,.08);overflow:hidden;transition:transform .25s ease,box-shadow .25s ease}
.cl-partner-logo:hover{transform:translateY(-2px);box-shadow:0 12px 24px rgba(0,0,0,.14)}
.cl-partner-logo img{display:block!important;width:auto!important;height:auto!important;max-width:92px!important;max-height:27px!important;object-fit:contain!important;filter:none!important;opacity:.9!important}
.cl-partner-logo:nth-child(1) img,.cl-partner-logo:nth-child(4) img{max-width:98px!important}

@media(max-width:767px){
  /* One real mobile viewport: no miniature phone, no desktop crop. */
  .cl-device-lab.cl-preview-mode-mobile .cl-mobile-device{width:100%!important}
  .cl-device-lab.cl-preview-mode-mobile .cl-phone-shell{
    height:auto!important;min-height:0!important;padding:9px!important;border-radius:24px!important;
    background:linear-gradient(180deg,#171923,#0a0b11 70%)!important;
    box-shadow:0 18px 46px rgba(0,0,0,.32),inset 0 1px 0 rgba(255,255,255,.08)!important;
  }
  .cl-device-lab.cl-preview-mode-mobile .cl-phone-shell:after,
  .cl-device-lab.cl-preview-mode-mobile .cl-phone-island,
  .cl-device-lab.cl-preview-mode-mobile .cl-phone-buttons,
  .cl-device-lab.cl-preview-mode-mobile .cl-phone-home{display:none!important}
  .cl-device-lab.cl-preview-mode-mobile .cl-phone-status{height:30px!important;padding:0 10px!important;font-size:9px!important}
  .cl-device-lab.cl-preview-mode-mobile .cl-phone-browserbar{height:42px!important;margin:0 0 8px!important;padding:0 10px!important;border-radius:12px!important}
  .cl-device-lab.cl-preview-mode-mobile .cl-phone-browserbar a{width:28px!important;height:28px!important}
  .cl-device-lab.cl-preview-mode-mobile .cl-phone-screen{
    height:var(--cl-mobile-real-height,680px)!important;
    border-radius:16px!important;overflow:hidden!important;background:#fff!important;
  }
  .cl-device-lab.cl-preview-mode-mobile .cl-phone-screen iframe{
    width:390px!important;height:844px!important;max-width:none!important;
    transform-origin:0 0!important;transform:scale(var(--cl-mobile-real-scale,.86))!important;
    background:#fff!important;
  }
  .cl-device-lab.cl-preview-mode-mobile .cl-mobile-fallback{background:linear-gradient(155deg,#fbfafc,#f2eef8)!important}
  .cl-device-lab.cl-preview-mode-mobile .cl-mobile-fallback:after{
    content:"Vista móvil en directo";position:absolute;left:50%;bottom:24px;transform:translateX(-50%);
    display:inline-flex;align-items:center;justify-content:center;min-height:34px;padding:0 13px;border-radius:999px;
    border:1px solid rgba(22,18,31,.08);background:rgba(255,255,255,.78);color:#494250;
    font-size:9px;font-weight:750;letter-spacing:.1em;text-transform:uppercase;white-space:nowrap;
  }
  .cl-device-lab.cl-preview-mode-mobile .cl-mobile-fallback img{
    width:68%!important;height:38%!important;max-width:230px!important;object-fit:contain!important;object-position:center!important;padding:0!important;
    filter:drop-shadow(0 16px 24px rgba(24,18,35,.08));
  }

  /* Desktop mode remains a real 1280px layout scaled into the same viewer. */
  .cl-device-lab.cl-preview-mode-desktop .cl-desktop-screen{height:var(--cl-desktop-mobile-height,225px)!important}

  /* Cleaner project selector on mobile. */
  .cl-device-showcase .cl-live-project-tabs{gap:8px!important}
  .cl-device-showcase .cl-live-tab{flex-basis:77%!important;border-radius:16px!important;background:rgba(255,255,255,.035)!important}
  .cl-device-showcase .cl-live-tab.active{background:linear-gradient(110deg,rgba(255,89,170,.13),rgba(126,103,255,.12),rgba(104,207,251,.08))!important}

  /* Partner logos: readable cards, not filtered grey marks. */
  .cl-device-showcase .cl-logo-inline{gap:9px!important;padding:2px 0 5px!important}
  .cl-partner-logo{flex:0 0 auto;min-width:104px;height:44px;padding:7px 10px;border-radius:12px}
  .cl-partner-logo img{max-width:86px!important;max-height:25px!important}
}
@media(max-width:480px){
  .cl-partner-logo{min-width:96px;height:42px}
  .cl-partner-logo img{max-width:80px!important;max-height:23px!important}
}


/* V29 — Portfolio stage */
.cl29-projects{position:relative;background:#08090f!important;color:#fff!important;overflow:hidden}
.cl29-projects:before{content:"";position:absolute;inset:0;pointer-events:none;background:radial-gradient(circle at 80% 10%,rgba(118,88,255,.18),transparent 27%),radial-gradient(circle at 12% 78%,rgba(255,86,166,.10),transparent 24%),linear-gradient(180deg,rgba(255,255,255,.012),transparent 22%)}
.cl29-projects .container{position:relative;z-index:1}.cl29-projects .title,.cl29-projects .title span{color:#fff!important}.cl29-projects .title span{background:linear-gradient(90deg,#ff5aaa,#a56cff 55%,#67d1ff);-webkit-background-clip:text;background-clip:text;color:transparent!important}.cl29-projects .sub-title{color:rgba(255,255,255,.78)!important}
.cl29-head{margin-bottom:34px}.cl29-intro{margin:0;max-width:42ch;color:rgba(255,255,255,.68);line-height:1.68}
.cl29-desktop-only{display:block}.cl29-mobile-only{display:none}
.cl29-workspace{display:grid;grid-template-columns:260px minmax(0,1fr);gap:18px;align-items:stretch}
.cl29-rail{min-height:760px;padding:18px;border:1px solid rgba(255,255,255,.08);border-radius:28px;background:linear-gradient(180deg,rgba(255,255,255,.035),rgba(255,255,255,.015));box-shadow:inset 0 1px 0 rgba(255,255,255,.04),0 30px 70px rgba(0,0,0,.18);display:flex;flex-direction:column;gap:10px}
.cl29-rail-top{display:flex;align-items:center;justify-content:space-between;padding:8px 5px 14px;color:rgba(255,255,255,.45);font-size:10px;text-transform:uppercase;letter-spacing:.14em}.cl29-rail-top b{font-weight:700;color:rgba(255,255,255,.32)}
.cl29-project-btn{position:relative;width:100%;min-height:94px;padding:13px 34px 13px 12px;border:1px solid transparent;border-radius:19px;background:transparent;color:#fff;text-align:left;display:grid;grid-template-columns:58px 1fr;gap:12px;align-items:center;transition:.32s ease}.cl29-project-btn:hover{background:rgba(255,255,255,.035)}.cl29-project-btn.active{background:linear-gradient(120deg,rgba(255,86,166,.12),rgba(118,88,255,.10) 52%,rgba(77,215,255,.07));border-color:rgba(255,255,255,.10);box-shadow:inset 0 1px 0 rgba(255,255,255,.04)}
.cl29-project-btn>span:nth-child(2){min-width:0}.cl29-project-btn strong{display:block;font-size:15px;margin-bottom:4px}.cl29-project-btn small{display:block;color:rgba(255,255,255,.47);font-size:10px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.cl29-project-btn>i{position:absolute;right:12px;top:13px;font-style:normal;font-size:9px;letter-spacing:.08em;color:rgba(255,255,255,.25)}
.cl29-logo-box{display:grid;place-items:center;width:58px;height:58px;padding:9px;border-radius:14px;background:#fff;border:1px solid rgba(255,255,255,.08);overflow:hidden}.cl29-logo-box img{display:block;width:100%;height:100%;object-fit:contain}.cl29-logo-hogareza{padding:5px 7px}
.cl29-rail-note{margin-top:auto;display:flex;align-items:center;gap:8px;padding:12px 5px;color:rgba(255,255,255,.42);font-size:10px;text-transform:uppercase;letter-spacing:.10em}.cl29-rail-note span{width:7px;height:7px;border-radius:50%;background:#62e29a;box-shadow:0 0 14px rgba(98,226,154,.45)}
.cl29-stage{position:relative;min-height:760px;padding:26px 26px 130px;border:1px solid rgba(255,255,255,.09);border-radius:32px;background:radial-gradient(circle at 82% 20%,rgba(118,88,255,.13),transparent 32%),linear-gradient(145deg,#0c0d14,#0a0a11 55%,#0d0912);box-shadow:0 38px 100px rgba(0,0,0,.34),inset 0 1px 0 rgba(255,255,255,.04);overflow:hidden}
.cl29-stage-glow{position:absolute;border-radius:50%;filter:blur(70px);pointer-events:none}.cl29-stage-glow-a{width:300px;height:300px;right:-70px;top:20px;background:rgba(255,76,171,.10)}.cl29-stage-glow-b{width:280px;height:280px;left:15%;bottom:-100px;background:rgba(74,203,255,.08)}
.cl29-browser-card{position:relative;z-index:2;width:calc(100% - 110px);border:1px solid rgba(255,255,255,.11);border-radius:24px;background:#101119;box-shadow:0 30px 80px rgba(0,0,0,.36);overflow:hidden;transform:translateZ(0)}
.cl29-browserbar{height:54px;display:grid;grid-template-columns:auto 1fr auto;gap:14px;align-items:center;padding:0 14px;border-bottom:1px solid rgba(255,255,255,.07);background:#11121a}.cl29-dots{display:flex;gap:7px}.cl29-dots i{width:8px;height:8px;border-radius:50%;background:#6b6570}.cl29-dots i:first-child{background:#ff5aaa}.cl29-dots i:nth-child(2){background:#8f6cff}.cl29-dots i:nth-child(3){background:#65d2fb}
.cl29-address{justify-self:center;display:flex;align-items:center;gap:8px;width:min(440px,52vw);height:34px;padding:0 13px;border-radius:11px;border:1px solid rgba(255,255,255,.08);background:rgba(255,255,255,.04);font-size:11px;color:rgba(255,255,255,.62)}.cl29-address span,.cl29-phone-address span,.cl29-mobile-viewer-bar span{width:7px;height:7px;border-radius:50%;background:#69e3a0;box-shadow:0 0 11px rgba(105,227,160,.45)}
.cl29-browserbar>a{display:inline-flex;align-items:center;gap:7px;height:36px;padding:0 12px;border-radius:11px;border:1px solid rgba(255,255,255,.09);background:rgba(255,255,255,.045);color:#fff!important;font-size:11px;font-weight:700}.cl29-browserbar>a:hover{background:#fff;color:#101018!important}
.cl29-desktop-screen{position:relative;height:540px;background:#fff;overflow:hidden}.cl29-desktop-screen iframe{position:absolute;inset:0;width:100%;height:100%;border:0;background:#fff;z-index:3}.cl29-desktop-fallback{position:absolute;inset:0;z-index:1;background:#fff}.cl29-desktop-fallback img{width:100%;height:100%;object-fit:cover;object-position:top center}
.cl29-frame-loader{position:absolute;inset:0;z-index:6;display:grid;place-content:center;gap:9px;background:#0d0e15;opacity:0;pointer-events:none}.cl29-frame-loader span{width:30px;height:30px;border:3px solid rgba(255,255,255,.12);border-top-color:#ff5aaa;border-radius:50%;animation:clSpin .8s linear infinite}.cl29-frame-loader small{color:rgba(255,255,255,.48);font-size:9px;text-transform:uppercase;letter-spacing:.12em}.cl29-is-switching .cl29-frame-loader{opacity:1}
.cl29-phone-card{position:absolute;z-index:5;right:24px;bottom:89px;width:238px;height:490px;padding:26px 10px 15px;border-radius:40px;background:linear-gradient(145deg,#252630,#08090d);border:1px solid rgba(255,255,255,.14);box-shadow:0 34px 65px rgba(0,0,0,.48),inset 0 0 0 3px rgba(255,255,255,.025);transform:rotate(1.2deg)}
.cl29-phone-island{position:absolute;left:50%;top:9px;transform:translateX(-50%);width:78px;height:22px;border-radius:999px;background:#030307;z-index:9}.cl29-phone-status{height:25px;padding:0 8px;display:flex;justify-content:space-between;align-items:center;color:#fff;font-size:9px}.cl29-phone-status>div{display:flex;gap:3px}.cl29-phone-status i{display:block;width:4px;height:4px;border-radius:50%;background:#fff}
.cl29-phone-address{height:34px;margin:0 4px 7px;padding:0 8px;border-radius:10px;display:grid;grid-template-columns:auto 1fr auto;gap:6px;align-items:center;background:rgba(255,255,255,.07);font-size:8px;color:rgba(255,255,255,.70)}.cl29-phone-address b{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.cl29-phone-address a{display:grid;place-items:center;width:22px;height:22px;border-radius:7px;background:rgba(255,255,255,.08);color:#fff!important}
.cl29-phone-screen{position:relative;width:100%;height:390px;border-radius:24px;background:#fff;overflow:hidden}.cl29-phone-screen iframe{position:absolute;left:0;top:0;width:390px;height:844px;max-width:none;border:0;background:#fff;transform-origin:0 0;transform:scale(.556);z-index:3}.cl29-phone-home{position:absolute;left:50%;bottom:7px;transform:translateX(-50%);width:76px;height:4px;border-radius:999px;background:rgba(255,255,255,.75)}
.cl29-mobile-fallback{position:absolute;inset:0;z-index:1;background:#fff;overflow:hidden}.cl29-generic-mobile-fallback{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;padding:18%;background:linear-gradient(145deg,#f7f4fa,#fff);display:none}.cl29-hog-mobile-fallback{position:absolute;inset:0;padding:16px 13px;background:#fffaf4;color:#29252a;overflow:hidden}.cl29-hog-top{display:flex;align-items:center;justify-content:space-between;margin-bottom:18px}.cl29-hog-top img{width:78px;height:26px;object-fit:contain}.cl29-hog-top span{font-size:14px}.cl29-hog-mobile-fallback>small{display:inline-block;padding:6px 8px;border:1px solid #eee7df;border-radius:999px;font-size:5px;font-weight:800;letter-spacing:.05em}.cl29-hog-mobile-fallback h4{margin:14px 0 8px;font-size:23px;line-height:.97;letter-spacing:-.05em}.cl29-hog-mobile-fallback h4 em{font-style:normal;color:#ff6659}.cl29-hog-mobile-fallback p{margin:0 0 12px;font-size:8px;line-height:1.5;color:#7b726e}.cl29-hog-mobile-fallback button{border:0;border-radius:999px;background:#ff6659;color:#fff;font-size:7px;font-weight:700;padding:8px 11px}.cl29-hog-cards{display:flex;gap:8px;margin:14px 0 10px}.cl29-hog-cards b{flex:1;padding:10px 8px;border-radius:10px;background:#fff;box-shadow:0 7px 20px rgba(0,0,0,.08);font-size:12px}.cl29-hog-photo{height:170px;border-radius:14px;overflow:hidden}.cl29-hog-photo img{width:100%;height:100%;object-fit:cover;object-position:center bottom}
.cl29-project-card{position:absolute;z-index:4;left:26px;right:280px;bottom:24px;min-height:86px;padding:16px 18px;border:1px solid rgba(255,255,255,.08);border-radius:20px;background:rgba(8,9,14,.88);display:flex;align-items:center;justify-content:space-between;gap:22px}.cl29-project-card small{display:block;margin-bottom:4px;color:#ff67b1;font-size:9px;font-weight:800;text-transform:uppercase;letter-spacing:.12em}.cl29-project-card h3{margin:0 0 3px;color:#fff;font-size:24px;letter-spacing:-.04em}.cl29-project-card p{margin:0;max-width:660px;color:rgba(255,255,255,.56);font-size:12px;line-height:1.45}.cl29-project-card-actions{display:flex;align-items:center;gap:8px}.cl29-project-card-actions span{margin-right:6px;color:rgba(255,255,255,.38);font-size:10px;letter-spacing:.12em}.cl29-project-card-actions button{width:38px;height:38px;border-radius:12px;border:1px solid rgba(255,255,255,.09);background:rgba(255,255,255,.045);color:#fff}.cl29-project-card-actions button:hover{background:#fff;color:#11121a}
.cl29-more{margin-top:18px;padding:15px 18px;border:1px solid rgba(255,255,255,.07);border-radius:20px;background:rgba(255,255,255,.025);display:flex;align-items:center;justify-content:space-between;gap:18px}.cl29-more>span{color:rgba(255,255,255,.42);font-size:11px;white-space:nowrap}.cl29-logo-row{display:flex;gap:9px;align-items:center;justify-content:flex-end;flex-wrap:wrap}.cl29-logo-row>span{display:grid;place-items:center;width:108px;height:44px;padding:8px 10px;border-radius:12px;background:#fff;border:1px solid rgba(255,255,255,.08)}.cl29-logo-row img{display:block;max-width:88px;max-height:26px;object-fit:contain}
@media(max-width:1199px){.cl29-workspace{grid-template-columns:220px minmax(0,1fr)}.cl29-rail{min-height:700px}.cl29-stage{min-height:700px}.cl29-browser-card{width:calc(100% - 92px)}.cl29-desktop-screen{height:480px}.cl29-phone-card{width:210px;height:440px}.cl29-phone-screen{height:342px}.cl29-phone-screen iframe{transform:scale(.487)}.cl29-project-card{right:245px}.cl29-logo-row>span{width:96px}}
@media(max-width:991px){.cl29-desktop-only{display:none!important}.cl29-mobile-only{display:block}.cl29-head{margin-bottom:18px}.cl29-intro{font-size:14px}.cl29-mobile-toolbar{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:12px}.cl29-mobile-current{display:flex;align-items:center;gap:10px;min-width:0}.cl29-mobile-current-logo{display:grid;place-items:center;width:48px;height:48px;padding:7px;border-radius:13px;background:#fff}.cl29-mobile-current-logo img{width:100%;height:100%;object-fit:contain}.cl29-mobile-current>span:last-child{min-width:0}.cl29-mobile-current strong{display:block;font-size:15px;color:#fff;line-height:1.2}.cl29-mobile-current small{display:block;margin-top:3px;color:rgba(255,255,255,.48);font-size:9px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.cl29-mobile-switch{display:flex;gap:3px;padding:3px;border-radius:12px;background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.07)}.cl29-mobile-switch button{height:34px;padding:0 11px;border:0;border-radius:9px;background:transparent;color:rgba(255,255,255,.48);font-size:10px;font-weight:700}.cl29-mobile-switch button.active{background:#fff;color:#11121a;box-shadow:0 7px 16px rgba(0,0,0,.18)}
.cl29-mobile-viewer{position:relative;border:1px solid rgba(255,255,255,.09);border-radius:24px;background:#101119;box-shadow:0 26px 70px rgba(0,0,0,.28);overflow:hidden}.cl29-mobile-viewer-bar{height:46px;padding:0 11px;display:grid;grid-template-columns:auto 1fr auto;gap:8px;align-items:center;background:#11121a;border-bottom:1px solid rgba(255,255,255,.06);color:rgba(255,255,255,.62);font-size:9px}.cl29-mobile-viewer-bar b{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.cl29-mobile-viewer-bar a{display:grid;place-items:center;width:28px;height:28px;border-radius:9px;background:rgba(255,255,255,.06);color:#fff!important}.cl29-mobile-viewer-screen{position:relative;width:100%;height:min(69svh,650px);min-height:500px;background:#fff;overflow:hidden}.cl29-mobile-viewer-screen iframe{position:absolute;left:0;top:0;border:0;background:#fff;z-index:3;transform-origin:0 0}.cl29-mobile-viewer.mode-mobile iframe{width:390px;height:844px;max-width:none;transform:scale(var(--cl29-mobile-scale,.9))}.cl29-mobile-viewer.mode-desktop iframe{width:1280px;height:800px;max-width:none;transform:scale(var(--cl29-desktop-scale,.28))}.cl29-solo-fallback{background:#fff}.cl29-mobile-info{padding:14px 3px 4px}.cl29-mobile-info small{display:block;margin-bottom:5px;color:#ff62af;font-size:9px;font-weight:800;text-transform:uppercase;letter-spacing:.11em}.cl29-mobile-info h3{margin:0 0 5px;color:#fff;font-size:24px;letter-spacing:-.04em}.cl29-mobile-info p{margin:0;color:rgba(255,255,255,.58);font-size:12px;line-height:1.5}.cl29-mobile-tabs{display:flex;gap:8px;margin:14px -3px 0;padding:3px 3px 8px;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none}.cl29-mobile-tabs::-webkit-scrollbar{display:none}.cl29-mobile-tab{flex:0 0 42%;min-width:132px;padding:9px;border:1px solid rgba(255,255,255,.07);border-radius:16px;background:rgba(255,255,255,.025);color:#fff;scroll-snap-align:start;text-align:left;transition:.25s}.cl29-mobile-tab.active{border-color:rgba(255,255,255,.14);background:linear-gradient(120deg,rgba(255,86,166,.12),rgba(118,88,255,.11),rgba(77,215,255,.07))}.cl29-mobile-tab>span{display:grid;place-items:center;height:42px;padding:6px;border-radius:11px;background:#fff;margin-bottom:8px}.cl29-mobile-tab img{display:block;max-width:100%;max-height:30px;object-fit:contain}.cl29-mobile-tab b{display:block;font-size:12px}.cl29-more{margin-top:13px;padding:13px;display:block}.cl29-more>span{display:block;margin-bottom:10px}.cl29-logo-row{justify-content:flex-start;flex-wrap:nowrap;overflow-x:auto;scrollbar-width:none}.cl29-logo-row::-webkit-scrollbar{display:none}.cl29-logo-row>span{flex:0 0 96px;width:96px;height:42px}.cl29-logo-row img{max-width:78px;max-height:24px}}
@media(max-width:575px){.cl29-mobile-toolbar{align-items:flex-end}.cl29-mobile-current-logo{width:44px;height:44px}.cl29-mobile-switch button{padding:0 9px}.cl29-mobile-viewer{margin-inline:-4px;border-radius:21px}.cl29-mobile-viewer-screen{height:min(70svh,610px);min-height:470px}.cl29-mobile-tab{flex-basis:46%}.cl29-mobile-info h3{font-size:22px}}


/* V30 mobile refinement + desktop polish */
.cl29-project-btn{opacity:.76}.cl29-project-btn.active,.cl29-project-btn:hover{opacity:1}.cl29-project-btn.active strong{color:#fff}.cl29-project-btn.active small{color:rgba(255,255,255,.64)}
.cl29-phone-card{right:18px;bottom:82px;transform:rotate(.55deg)}
.cl29-browser-card{width:calc(100% - 100px)}
.cl29-project-card{right:264px}
@media(max-width:991px){
  .cl29-projects{padding-top:76px!important;padding-bottom:72px!important}
  .cl29-projects .sec_title{font-size:48px!important;line-height:1.01!important;letter-spacing:-.045em!important;max-width:10.5ch}
  .cl29-head{margin-bottom:15px!important}
  .cl29-intro{max-width:34ch;font-size:13px!important;line-height:1.55!important;color:rgba(255,255,255,.60)!important}
  .cl29-mobile-toolbar{margin-top:20px;margin-bottom:10px!important}
  .cl29-mobile-current-logo{width:42px!important;height:42px!important;border-radius:12px!important;padding:6px!important}
  .cl29-mobile-current strong{font-size:14px!important}.cl29-mobile-current small{font-size:8px!important}
  .cl29-mobile-switch{border-radius:11px!important}.cl29-mobile-switch button{height:32px!important;font-size:9px!important;border-radius:8px!important}
  .cl29-mobile-viewer{border-radius:22px!important;box-shadow:0 28px 75px rgba(0,0,0,.34)!important}
  .cl29-mobile-viewer-bar{height:43px!important;padding:0 10px!important;font-size:8px!important}
  .cl29-mobile-viewer-screen{height:min(72svh,640px)!important;min-height:520px!important}
  .cl29-hog-mobile-fallback{display:flex!important;flex-direction:column;padding:18px 14px 0!important}
  .cl29-hog-mobile-fallback h4{color:#262228!important;font-size:27px!important;line-height:.97!important;margin:14px 0 9px!important}
  .cl29-hog-mobile-fallback h4 em{color:#ff6558!important}
  .cl29-hog-mobile-fallback p{font-size:9px!important;line-height:1.45!important;max-width:31ch}
  .cl29-hog-mobile-fallback button{width:max-content;font-size:8px!important;padding:9px 12px!important}
  .cl29-hog-cards{gap:8px!important;margin:14px 0 11px!important}.cl29-hog-cards b{font-size:13px!important;padding:11px 9px!important}
  .cl29-hog-photo{margin-top:auto!important;height:235px!important;border-radius:15px 15px 0 0!important;overflow:hidden!important}
  .cl29-hog-photo img{width:100%!important;height:100%!important;object-fit:cover!important;object-position:center center!important}
  .cl29-mobile-info{padding:15px 4px 2px!important}.cl29-mobile-info h3{font-size:23px!important}.cl29-mobile-info p{font-size:11.5px!important;line-height:1.48!important}
  .cl29-mobile-tabs{margin-top:12px!important;gap:7px!important}.cl29-mobile-tab{flex-basis:44%!important;min-width:138px!important;padding:8px!important;border-radius:15px!important}.cl29-mobile-tab>span{height:46px!important;margin-bottom:7px!important}.cl29-mobile-tab b{color:rgba(255,255,255,.72)!important;font-size:11px!important}.cl29-mobile-tab.active b{color:#fff!important}
  .cl29-more{margin-top:10px!important}.cl29-more>span{font-size:10px!important}.cl29-logo-row>span{height:40px!important;border-radius:11px!important}
}
@media(max-width:575px){
  .cl29-projects .sec_title{font-size:45px!important}
  .cl29-mobile-viewer{margin-inline:-2px!important}
  .cl29-mobile-viewer-screen{min-height:500px!important;height:min(70svh,610px)!important}
  .cl29-hog-photo{height:215px!important}
}


/* V31 — mobile portfolio as a compact desktop laptop mockup */
@media(max-width:991px){
  .cl31-mobile-portfolio{display:block!important;margin-top:18px}
  .cl31-mobile-project-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:0 2px 12px}
  .cl31-open-link{display:inline-flex;align-items:center;gap:7px;height:38px;padding:0 13px;border-radius:12px;border:1px solid rgba(255,255,255,.10);background:rgba(255,255,255,.055);color:#fff!important;font-size:10px;font-weight:800;white-space:nowrap;box-shadow:inset 0 1px 0 rgba(255,255,255,.04)}
  .cl31-open-link span{font-size:13px;transition:transform .25s ease}.cl31-open-link:hover span{transform:translate(2px,-2px)}
  .cl31-laptop{--cl31-scale:.30;position:relative;margin:0 -3px 14px;padding:12px 10px 20px;isolation:isolate}
  .cl31-laptop:before{content:"";position:absolute;left:5%;right:5%;top:-4%;height:72%;border-radius:50%;background:radial-gradient(circle at 50% 45%,rgba(114,87,255,.18),rgba(255,83,169,.08) 42%,transparent 70%);filter:blur(22px);z-index:-1;pointer-events:none}
  .cl31-laptop-lid{position:relative;width:100%;padding:7px 7px 8px;border-radius:18px 18px 11px 11px;background:linear-gradient(145deg,#262733 0%,#0f1016 58%,#2a2433 100%);border:1px solid rgba(255,255,255,.16);box-shadow:0 24px 50px rgba(0,0,0,.42),inset 0 1px 0 rgba(255,255,255,.16),inset 0 0 0 1px rgba(0,0,0,.55)}
  .cl31-laptop-lid:before{content:"";position:absolute;inset:3px;border-radius:15px 15px 9px 9px;border:1px solid rgba(255,255,255,.045);pointer-events:none}
  .cl31-camera-dot{position:absolute;z-index:5;top:3px;left:50%;transform:translateX(-50%);width:4px;height:4px;border-radius:50%;background:#07080c;box-shadow:0 0 0 1px rgba(255,255,255,.08)}
  .cl31-browserbar{height:31px;display:grid;grid-template-columns:45px 1fr 45px;align-items:center;gap:7px;padding:0 7px;margin-bottom:6px;border-radius:10px;background:#11121a;border:1px solid rgba(255,255,255,.055)}
  .cl31-browserbar .cl29-dots{gap:4px}.cl31-browserbar .cl29-dots i{width:5px;height:5px}
  .cl31-address{justify-self:center;width:min(100%,210px);height:21px;display:flex;align-items:center;gap:6px;padding:0 8px;border-radius:7px;background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.055);color:rgba(255,255,255,.6);font-size:7px;overflow:hidden}
  .cl31-address span{flex:0 0 auto;width:5px;height:5px;border-radius:50%;background:#55dc91;box-shadow:0 0 8px rgba(85,220,145,.45)}
  .cl31-address b{font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.cl31-browser-spacer{width:45px}
  .cl31-screen{position:relative;width:100%;height:calc(800px * var(--cl31-scale));overflow:hidden;border-radius:8px;background:#fff;box-shadow:inset 0 0 0 1px rgba(255,255,255,.05)}
  .cl31-screen iframe{position:absolute;left:0;top:0;width:1280px;height:800px;max-width:none;border:0;background:#fff;transform-origin:0 0;transform:scale(var(--cl31-scale));z-index:3}
  .cl31-desktop-fallback{position:absolute;inset:0;z-index:1;background:#fff;overflow:hidden}.cl31-desktop-fallback img{width:100%;height:100%;object-fit:cover;object-position:top center;display:block}
  .cl31-laptop-base{position:relative;width:106%;height:13px;margin-left:-3%;border-radius:2px 2px 12px 12px;background:linear-gradient(180deg,#9799a4 0%,#565965 34%,#1c1e25 74%,#0c0d12 100%);box-shadow:0 12px 24px rgba(0,0,0,.34),inset 0 1px 0 rgba(255,255,255,.5)}
  .cl31-laptop-base:after{content:"";position:absolute;left:50%;bottom:0;transform:translateX(-50%);width:24%;height:3px;border-radius:0 0 8px 8px;background:#bbbcc4;opacity:.75}
  .cl31-laptop-base span{position:absolute;left:50%;top:1px;transform:translateX(-50%);width:17%;height:4px;border-radius:0 0 5px 5px;background:rgba(10,10,14,.45)}
  .cl31-laptop-shadow{position:absolute;left:8%;right:8%;bottom:5px;height:12px;border-radius:50%;background:rgba(0,0,0,.46);filter:blur(10px);z-index:-1}
  .cl31-mobile-info{padding:4px 3px 1px!important}.cl31-mobile-info small{font-size:9px!important}.cl31-mobile-info h3{font-size:24px!important;margin-bottom:5px!important}.cl31-mobile-info p{max-width:42ch;font-size:11.5px!important;line-height:1.5!important;color:rgba(255,255,255,.62)!important}
  .cl31-mobile-tabs{margin-top:13px!important;padding-bottom:6px!important;gap:8px!important}.cl31-mobile-tabs .cl29-mobile-tab{flex:0 0 43%!important;min-width:132px!important;padding:8px!important;border-radius:15px!important;background:rgba(255,255,255,.028)!important}.cl31-mobile-tabs .cl29-mobile-tab.active{background:linear-gradient(120deg,rgba(255,86,166,.12),rgba(118,88,255,.12),rgba(77,215,255,.07))!important;border-color:rgba(255,255,255,.15)!important}.cl31-mobile-tabs .cl29-mobile-tab>span{height:43px!important;margin-bottom:7px!important;border-radius:10px!important;background:#fff!important}.cl31-mobile-tabs .cl29-mobile-tab img{max-height:28px!important;max-width:92%!important}.cl31-mobile-tabs .cl29-mobile-tab b{font-size:11px!important;color:rgba(255,255,255,.72)!important}.cl31-mobile-tabs .cl29-mobile-tab.active b{color:#fff!important}
  .cl29-more{margin-top:9px!important}
}
@media(max-width:575px){
  .cl29-projects{padding-top:68px!important;padding-bottom:60px!important}
  .cl29-projects .sec_title{font-size:42px!important;max-width:11ch!important}
  .cl29-intro{font-size:12px!important;line-height:1.5!important}
  .cl31-mobile-project-head{margin-top:18px}.cl29-mobile-current-logo{width:40px!important;height:40px!important}.cl29-mobile-current strong{font-size:13px!important}.cl29-mobile-current small{font-size:8px!important}
  .cl31-open-link{height:36px;padding:0 11px;font-size:9px}
  .cl31-laptop{padding:10px 7px 18px;margin-inline:-7px}.cl31-laptop-lid{padding:6px 6px 7px;border-radius:16px 16px 10px 10px}.cl31-browserbar{height:29px;margin-bottom:5px}.cl31-address{width:min(100%,190px)}
  .cl31-laptop-base{height:12px}.cl31-mobile-tabs .cl29-mobile-tab{flex-basis:46%!important}
}


/* V32 portfolio selector: 5 real sites + +100 */

.cl29-rail{padding-bottom:18px!important}
.cl29-project-btn{min-height:78px!important;padding-top:9px!important;padding-bottom:9px!important;grid-template-columns:52px 1fr!important}
.cl29-project-btn .cl29-logo-box{width:52px!important;height:52px!important;padding:7px!important;border-radius:14px!important;background:#fff!important}
.cl29-project-btn .cl29-logo-box img{max-width:100%!important;max-height:34px!important;object-fit:contain!important}
.cl29-project-btn strong{font-size:14px!important}.cl29-project-btn small{font-size:9px!important}
.cl29-rail-note{margin-top:10px!important}
.cl29-more{display:none!important}
.cl31-mobile-tabs{align-items:stretch!important}
.cl31-mobile-tabs .cl29-mobile-tab{display:flex!important;flex-direction:column!important;min-height:118px!important}
.cl31-mobile-tabs .cl29-mobile-tab>span{flex:0 0 43px!important}
.cl31-mobile-tabs .cl29-mobile-tab b{margin-top:0!important}
.cl31-mobile-tabs .cl29-mobile-tab small{display:block;margin-top:3px;color:rgba(255,255,255,.42);font-size:8px;line-height:1.25;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.cl31-mobile-tabs .cl29-mobile-tab.active small{color:rgba(255,255,255,.62)}
.cl32-more-card{flex:0 0 43%;min-width:132px;min-height:118px;padding:14px;border:1px dashed rgba(255,255,255,.12);border-radius:15px;background:linear-gradient(145deg,rgba(255,86,166,.055),rgba(118,88,255,.055),rgba(77,215,255,.03));display:flex;flex-direction:column;justify-content:center;scroll-snap-align:start}
.cl32-more-card strong{display:block;font-size:29px;line-height:1;letter-spacing:-.05em;background:linear-gradient(90deg,#ff63ad,#9b72ff,#73d2ff);-webkit-background-clip:text;background-clip:text;color:transparent}
.cl32-more-card span{display:block;margin-top:5px;color:#fff;font-size:12px;font-weight:800}
.cl32-more-card small{display:block;margin-top:5px;color:rgba(255,255,255,.42);font-size:8px;line-height:1.3}
@media(max-width:1199px){.cl29-project-btn{min-height:76px!important}}
@media(max-width:767px){
  .cl29-mobile-tabs{margin-top:12px!important}
  .cl31-mobile-tabs .cl29-mobile-tab{flex:0 0 43%!important;min-width:136px!important;min-height:116px!important}
  .cl32-more-card{flex:0 0 43%;min-width:136px;min-height:116px}
}
@media(max-width:575px){
  .cl31-mobile-tabs .cl29-mobile-tab{flex-basis:46%!important;min-width:142px!important}
  .cl32-more-card{flex-basis:46%;min-width:142px}
}


/* V33 - 8 real portfolio projects */

@media(min-width:1200px){
  .cl29-rail{align-content:start}
  .cl29-project-btn{min-height:68px!important;padding:8px 32px 8px 10px!important;grid-template-columns:46px 1fr!important;border-radius:16px!important}
  .cl29-project-btn .cl29-logo-box{width:46px!important;height:46px!important;padding:6px!important;border-radius:12px!important}
  .cl29-project-btn .cl29-logo-box img{max-height:29px!important}
  .cl29-project-btn strong{font-size:13px!important;margin-bottom:2px!important}
  .cl29-project-btn small{font-size:8.5px!important}
  .cl29-project-btn>i{top:10px!important;right:10px!important;font-size:8px!important}
  .cl29-rail-note{margin-top:6px!important;padding-top:10px!important}
}
.cl31-mobile-tabs{scroll-padding-inline:2px}
.cl31-mobile-tabs .cl29-mobile-tab{scroll-snap-align:start}


/* V34 portfolio fixes: title contrast + logo consistency */

.cl29-projects .cl34-project-title{font-size:clamp(42px,4.6vw,76px)!important;line-height:.98!important;letter-spacing:-.055em!important;color:#fff!important;max-width:12ch!important;margin:0!important;text-wrap:balance}
.cl29-projects .cl34-project-title span{display:inline!important;color:transparent!important;background:linear-gradient(90deg,#ff63ad 0%,#a974ff 50%,#75d4ff 100%)!important;-webkit-background-clip:text!important;background-clip:text!important;filter:none!important;opacity:1!important;visibility:visible!important;transform:none!important}
.cl29-projects .cl34-project-title span,.cl29-projects .cl34-project-title span *{writing-mode:horizontal-tb!important;text-orientation:mixed!important;white-space:normal!important}
.cl29-intro{color:rgba(255,255,255,.68)!important}
.cl29-project-btn .cl29-logo-box,.cl31-mobile-tabs .cl29-mobile-tab>span{background:#fff!important;box-shadow:inset 0 0 0 1px rgba(15,16,24,.06)!important}
.cl29-project-btn .cl29-logo-box img,.cl31-mobile-tabs .cl29-mobile-tab img{filter:none!important;opacity:1!important;mix-blend-mode:normal!important}
.cl29-project-btn[data-cl29-project="kreditlotse"] .cl29-logo-box img,
.cl29-project-btn[data-cl29-project="prestamiora"] .cl29-logo-box img,
.cl29-mobile-tab[data-cl29-mobile-project="kreditlotse"] img,
.cl29-mobile-tab[data-cl29-mobile-project="prestamiora"] img{max-width:100%!important;max-height:36px!important}
.cl34-frame-help{position:absolute;z-index:9;right:12px;bottom:12px;display:inline-flex;align-items:center;gap:7px;padding:9px 11px;border:1px solid rgba(255,255,255,.10);border-radius:12px;background:rgba(11,12,18,.78);backdrop-filter:blur(8px);color:rgba(255,255,255,.82);font-size:9px;font-weight:700;opacity:0;pointer-events:none;transform:translateY(5px);transition:.3s ease}
.cl29-stage.cl34-frame-slow .cl34-frame-help,.cl31-laptop.cl34-frame-slow .cl34-frame-help{opacity:1;pointer-events:auto;transform:none}
.cl34-frame-help a{color:#fff!important;text-decoration:underline;text-underline-offset:3px}
@media(max-width:991px){.cl29-projects .cl34-project-title{font-size:48px!important;max-width:10.5ch!important}.cl29-intro{font-size:13px!important}.cl34-frame-help{right:9px;bottom:9px;font-size:8px;padding:8px 9px}}
@media(max-width:575px){.cl29-projects .cl34-project-title{font-size:41px!important;max-width:11ch!important}}


/* V36 — compact capabilities banner */

.cl-cap-banner-wrap{position:relative;background:#0b0b10;padding:34px 0 44px;overflow:hidden}
.cl-cap-spark{position:relative;display:grid;grid-template-columns:minmax(0,1.1fr) 300px minmax(230px,.62fr);align-items:center;gap:18px;padding:22px 24px;border-radius:34px;border:1px solid rgba(255,255,255,.08);background:linear-gradient(140deg,rgba(255,255,255,.052),rgba(255,255,255,.018) 46%,rgba(118,88,255,.05));box-shadow:inset 0 1px 0 rgba(255,255,255,.04),0 24px 60px rgba(0,0,0,.2);overflow:hidden}
.cl-cap-spark:before,.cl-cap-spark:after{content:"";position:absolute;border-radius:50%;pointer-events:none;filter:blur(80px);opacity:.26}
.cl-cap-spark:before{width:280px;height:280px;left:-120px;top:-110px;background:rgba(255,86,166,.55)}
.cl-cap-spark:after{width:320px;height:320px;right:-120px;bottom:-180px;background:rgba(77,215,255,.34)}
.cl-cap-spark-copy,.cl-cap-spark-core,.cl-cap-spark-side{position:relative;z-index:2}
.cl-cap-spark-kicker{display:inline-flex;align-items:center;gap:8px;margin-bottom:10px;padding:0 0;color:rgba(255,255,255,.48);font-size:10px;font-weight:800;letter-spacing:.16em}
.cl-cap-spark-copy h3{margin:0;font-size:clamp(26px,2.55vw,40px);line-height:1.02;letter-spacing:-.05em;color:#fff;max-width:12ch;text-wrap:balance}
.cl-cap-spark-copy h3 span{background:var(--cl-grad);-webkit-background-clip:text;background-clip:text;color:transparent}
.cl-cap-spark-copy p{max-width:54ch;margin:12px 0 0;color:rgba(255,255,255,.58);font-size:15px;line-height:1.64}
.cl-cap-spark-core{height:184px;display:grid;place-items:center;position:relative}
.cl-cap-spark-core img{width:118px;height:118px;object-fit:contain;filter:drop-shadow(0 18px 30px rgba(18,12,40,.42));animation:clSparkFloat 7s ease-in-out infinite}
.cl-cap-spark-core .core-glow{position:absolute;width:168px;height:168px;border-radius:50%;background:radial-gradient(circle,rgba(255,255,255,.16) 0%,rgba(118,88,255,.22) 42%,transparent 74%)}
.cl-cap-spark-core .core-orbit{position:absolute;border-radius:50%;border:1px solid rgba(255,255,255,.08)}
.cl-cap-spark-core .orbit-1{width:186px;height:186px}.cl-cap-spark-core .orbit-2{width:240px;height:136px;border-color:rgba(255,255,255,.06);transform:rotate(-15deg)}
.cl-cap-spark-core .core-chip{position:absolute;display:inline-flex;align-items:center;height:28px;padding:0 11px;border-radius:999px;border:1px solid rgba(255,255,255,.1);background:rgba(8,8,14,.66);backdrop-filter:blur(12px);color:#fff;font-size:10px;font-weight:800;letter-spacing:.12em;box-shadow:0 10px 28px rgba(0,0,0,.24)}
.cl-cap-spark-core .chip-a{left:8px;top:18px;color:#ff9ac9}.cl-cap-spark-core .chip-b{right:0;top:34px;color:#a89bff}.cl-cap-spark-core .chip-c{right:18px;bottom:24px;color:#81ddff}
.cl-cap-spark-side{display:flex;flex-direction:column;align-items:flex-start;gap:14px}
.cl-cap-mini-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px;width:100%}
.cl-cap-mini-grid span{display:flex;align-items:center;justify-content:center;height:44px;border-radius:16px;border:1px solid rgba(255,255,255,.07);background:rgba(255,255,255,.035);color:rgba(255,255,255,.75);font-size:12px;font-weight:700;letter-spacing:.01em;box-shadow:inset 0 1px 0 rgba(255,255,255,.025)}
.cl-cap-spark-link{display:inline-flex;align-items:center;gap:9px;height:48px;padding:0 18px;border-radius:16px;background:linear-gradient(90deg,var(--cl-pink),#8e6bff 58%,#86dfff);color:#fff;font-size:13px;font-weight:800;box-shadow:0 14px 32px rgba(118,88,255,.26);transition:transform .3s ease,box-shadow .3s ease}
.cl-cap-spark-link b{font-size:16px;transition:transform .3s ease}.cl-cap-spark-link:hover{transform:translateY(-2px);box-shadow:0 18px 36px rgba(118,88,255,.34);color:#fff}.cl-cap-spark-link:hover b{transform:translate(2px,-2px)}
@keyframes clSparkFloat{0%,100%{transform:translateY(0)}50%{transform:translateY(-8px)}}
@media(max-width:1199px){.cl-cap-spark{grid-template-columns:minmax(0,1fr) 260px 220px}.cl-cap-spark-copy h3{max-width:13ch}.cl-cap-spark-copy p{font-size:14px}}
@media(max-width:991px){.cl-cap-spark{grid-template-columns:1fr 220px;grid-template-areas:"copy core" "side side";gap:14px 20px;padding:22px}.cl-cap-spark-copy{grid-area:copy}.cl-cap-spark-core{grid-area:core;height:172px}.cl-cap-spark-side{grid-area:side;flex-direction:row;justify-content:space-between;align-items:center;gap:18px}.cl-cap-mini-grid{grid-template-columns:repeat(4,minmax(0,1fr));flex:1}.cl-cap-spark-link{flex:0 0 auto;height:44px;padding:0 16px}}
@media(max-width:767px){.cl-cap-banner-wrap{padding:22px 0 30px}.cl-cap-spark{grid-template-columns:1fr;grid-template-areas:"core" "copy" "side";padding:18px 16px;border-radius:26px;gap:14px}.cl-cap-spark-core{height:140px}.cl-cap-spark-core img{width:92px;height:92px}.cl-cap-spark-core .orbit-1{width:144px;height:144px}.cl-cap-spark-core .orbit-2{width:184px;height:108px}.cl-cap-spark-core .core-chip{height:24px;padding:0 9px;font-size:9px}.cl-cap-spark-core .chip-a{left:8px;top:16px}.cl-cap-spark-core .chip-b{right:4px;top:24px}.cl-cap-spark-core .chip-c{right:16px;bottom:18px}.cl-cap-spark-copy h3{font-size:24px;max-width:13ch}.cl-cap-spark-copy p{font-size:14px;line-height:1.6;margin-top:10px}.cl-cap-spark-side{flex-direction:column;align-items:stretch;gap:12px}.cl-cap-mini-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.cl-cap-mini-grid span{height:40px;border-radius:14px;font-size:11px}.cl-cap-spark-link{justify-content:center;height:46px;border-radius:14px}}
@media(prefers-reduced-motion:reduce){.cl-cap-spark-core img{animation:none}}



/* V38 — ultra compact mobile banner */
@media(max-width:767px){
  .cl-cap-banner-wrap{padding:16px 0 22px!important}
  .cl-cap-spark{
    min-height:112px!important;
    grid-template-columns:58px minmax(0,1fr) 42px!important;
    grid-template-areas:"core copy side"!important;
    align-items:center!important;
    gap:12px!important;
    padding:14px 14px!important;
    border-radius:22px!important;
  }
  .cl-cap-spark:before{width:150px!important;height:150px!important;left:-80px!important;top:-70px!important;filter:blur(52px)!important;opacity:.22!important}
  .cl-cap-spark:after{width:150px!important;height:150px!important;right:-80px!important;bottom:-95px!important;filter:blur(52px)!important;opacity:.18!important}
  .cl-cap-spark-core{
    grid-area:core!important;
    width:58px!important;
    height:58px!important;
    min-height:0!important;
  }
  .cl-cap-spark-core img{width:52px!important;height:52px!important;animation:none!important;filter:drop-shadow(0 10px 18px rgba(18,12,40,.42))!important}
  .cl-cap-spark-core .core-glow{width:62px!important;height:62px!important;filter:blur(12px)!important;opacity:.75!important}
  .cl-cap-spark-core .orbit-1{width:58px!important;height:58px!important}
  .cl-cap-spark-core .orbit-2{width:72px!important;height:42px!important}
  .cl-cap-spark-core .core-chip{display:none!important}

  .cl-cap-spark-copy{grid-area:copy!important;min-width:0!important}
  .cl-cap-spark-kicker{font-size:7px!important;letter-spacing:.14em!important;margin:0 0 4px!important;color:rgba(255,255,255,.42)!important}
  .cl-cap-spark-copy h3{
    font-size:18px!important;
    line-height:1.03!important;
    max-width:none!important;
    margin:0!important;
    letter-spacing:-.04em!important;
  }
  .cl-cap-spark-copy h3 span{display:inline!important}
  .cl-cap-spark-copy p{display:none!important}

  .cl-cap-spark-side{
    grid-area:side!important;
    display:flex!important;
    align-items:center!important;
    justify-content:flex-end!important;
  }
  .cl-cap-mini-grid{display:none!important}
  .cl-cap-spark-link{
    width:40px!important;
    height:40px!important;
    min-width:40px!important;
    padding:0!important;
    border-radius:999px!important;
    justify-content:center!important;
    font-size:0!important;
    box-shadow:0 10px 24px rgba(118,88,255,.24)!important;
  }
  .cl-cap-spark-link b{font-size:17px!important;line-height:1!important}
}

/* V39 — cleaner mobile treatment for compact banner */
@media(max-width:767px){
  .cl-cap-banner-wrap{padding:14px 0 20px!important}
  .cl-cap-spark{
    min-height:96px!important;
    display:grid!important;
    grid-template-columns:minmax(0,1fr) auto!important;
    grid-template-areas:"copy side"!important;
    align-items:center!important;
    column-gap:12px!important;
    padding:14px 14px 14px 58px!important;
    border-radius:20px!important;
    overflow:hidden!important;
  }
  .cl-cap-spark:before{width:120px!important;height:120px!important;left:-70px!important;top:-58px!important;filter:blur(48px)!important;opacity:.18!important}
  .cl-cap-spark:after{width:130px!important;height:130px!important;right:-80px!important;bottom:-88px!important;filter:blur(50px)!important;opacity:.12!important}

  .cl-cap-spark-core{
    position:absolute!important;
    left:14px!important;
    top:50%!important;
    transform:translateY(-50%)!important;
    width:34px!important;
    height:34px!important;
    min-height:0!important;
    display:grid!important;
    place-items:center!important;
    z-index:3!important;
  }
  .cl-cap-spark-core img{
    width:32px!important;
    height:32px!important;
    animation:none!important;
    filter:drop-shadow(0 7px 12px rgba(76,47,150,.24))!important;
  }
  .cl-cap-spark-core .core-glow,
  .cl-cap-spark-core .core-orbit,
  .cl-cap-spark-core .core-chip{display:none!important}

  .cl-cap-spark-copy{grid-area:copy!important;min-width:0!important}
  .cl-cap-spark-kicker{
    margin:0 0 3px!important;
    font-size:7px!important;
    line-height:1!important;
    letter-spacing:.15em!important;
    color:rgba(255,255,255,.38)!important;
  }
  .cl-cap-spark-copy h3{
    margin:0!important;
    max-width:none!important;
    font-size:17px!important;
    line-height:1.02!important;
    letter-spacing:-.038em!important;
  }
  .cl-cap-spark-copy h3 span{display:inline!important}
  .cl-cap-spark-copy p{display:none!important}

  .cl-cap-spark-side{
    grid-area:side!important;
    display:flex!important;
    align-items:center!important;
    justify-content:flex-end!important;
    min-width:auto!important;
  }
  .cl-cap-mini-grid{display:none!important}
  .cl-cap-spark-link{
    width:auto!important;
    min-width:0!important;
    height:auto!important;
    padding:5px 0 5px 8px!important;
    border:0!important;
    border-radius:0!important;
    background:none!important;
    box-shadow:none!important;
    color:rgba(255,255,255,.76)!important;
    font-size:9px!important;
    line-height:1!important;
    font-weight:800!important;
    letter-spacing:.02em!important;
    gap:5px!important;
    white-space:nowrap!important;
  }
  .cl-cap-spark-link b{
    font-size:11px!important;
    line-height:1!important;
    color:#8bdcff!important;
    transform:none!important;
  }
  .cl-cap-spark-link:hover{transform:none!important;box-shadow:none!important;color:#fff!important}
}


/* V40 audiovisual redesign */
.cl-video-section{position:relative;padding-top:0;background:transparent}
.cl-video-section .container{position:relative;z-index:2}
.cl-video-intro{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(320px,.8fr);gap:32px;align-items:end;margin:0 0 28px}
.cl-video-intro-copy h2{margin:10px 0 14px;font-size:clamp(34px,4.2vw,68px);line-height:.96;letter-spacing:-.04em;color:#fff;max-width:860px}
.cl-video-intro-copy h2 span{background:var(--cl-grad);-webkit-background-clip:text;background-clip:text;color:transparent}
.cl-video-intro-copy p{max-width:700px;color:#a7a2b1;font-size:17px;line-height:1.7;margin:0}
.cl-video-kicker{display:inline-flex;align-items:center;gap:10px;padding:8px 14px;border-radius:999px;border:1px solid rgba(255,255,255,.1);background:rgba(16,15,25,.68);font-size:11px;letter-spacing:.18em;font-weight:700;color:#fff}
.cl-video-kicker::before{content:'';width:8px;height:8px;border-radius:50%;background:var(--cl-pink);box-shadow:0 0 18px rgba(255,94,169,.7)}
.cl-video-intro-meta{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:12px;align-self:center}
.cl-video-pill{display:inline-flex;align-items:center;justify-content:center;padding:10px 15px;border-radius:999px;border:1px solid rgba(255,255,255,.12);background:rgba(13,13,19,.78);backdrop-filter:blur(12px);font-size:12px;font-weight:700;letter-spacing:.08em;color:#ece7f6;white-space:nowrap}
.cl-video-stage{position:relative}
.cl-video-frame{position:relative;overflow:hidden;border-radius:36px;padding:20px;border:1px solid rgba(255,255,255,.09);background:linear-gradient(180deg,rgba(18,18,26,.9),rgba(8,8,12,.98));box-shadow:0 40px 120px rgba(0,0,0,.45), inset 0 1px 0 rgba(255,255,255,.06)}
.cl-video-frame::before{content:'';position:absolute;inset:1px;border-radius:35px;pointer-events:none;background:linear-gradient(180deg,rgba(255,255,255,.06),rgba(255,255,255,0) 22%,rgba(255,255,255,0) 78%,rgba(255,255,255,.04));}
.cl-video-frame .cl-showreel{display:block;width:100%;aspect-ratio:16/9;border-radius:28px;background:#08090d;object-fit:contain;box-shadow:0 12px 44px rgba(0,0,0,.45)}
.cl-video-caption{position:absolute;left:42px;bottom:42px;max-width:420px;padding:18px 20px;border-radius:24px;background:rgba(11,11,18,.62);border:1px solid rgba(255,255,255,.1);backdrop-filter:blur(14px);box-shadow:0 14px 40px rgba(0,0,0,.32)}
.cl-video-badge{display:inline-flex;align-items:center;gap:8px;padding:7px 10px;border-radius:999px;background:rgba(255,255,255,.08);font-size:11px;letter-spacing:.16em;font-weight:800;color:#fff;margin-bottom:11px}
.cl-video-badge::before{content:'';width:8px;height:8px;border-radius:50%;background:#fff;box-shadow:0 0 0 6px rgba(255,255,255,.06)}
.cl-video-caption p{margin:0;color:#fff;font-size:16px;line-height:1.55}
.cl-video-glow{position:absolute;z-index:0;border-radius:50%;filter:blur(14px);opacity:.9;pointer-events:none}
.cl-video-glow-left{width:220px;height:220px;left:-44px;top:-36px;background:radial-gradient(circle,rgba(255,94,169,.32),rgba(255,94,169,0) 72%)}
.cl-video-glow-right{width:260px;height:260px;right:-56px;bottom:-62px;background:radial-gradient(circle,rgba(121,223,255,.22),rgba(156,107,255,0) 70%)}
@media (max-width:991.98px){
  .cl-video-intro{grid-template-columns:1fr;gap:18px;margin-bottom:18px}
  .cl-video-intro-copy h2{font-size:clamp(28px,9vw,46px);max-width:unset}
  .cl-video-intro-copy p{font-size:15px;max-width:unset}
  .cl-video-intro-meta{justify-content:flex-start}
  .cl-video-frame{padding:12px;border-radius:26px}
  .cl-video-frame::before{border-radius:25px}
  .cl-video-frame .cl-showreel{border-radius:18px}
  .cl-video-caption{position:static;margin-top:12px;max-width:none;padding:14px 16px;border-radius:18px;background:rgba(13,13,19,.78)}
  .cl-video-caption p{font-size:14px;line-height:1.5}
  .cl-video-glow-left{width:140px;height:140px;left:-22px;top:-16px}
  .cl-video-glow-right{width:160px;height:160px;right:-30px;bottom:-36px}
}
@media (max-width:575.98px){
  .cl-video-intro-copy p{display:none}
  .cl-video-intro-meta{gap:8px}
  .cl-video-pill{font-size:10px;padding:8px 10px}
  .cl-video-frame{padding:10px;border-radius:22px}
  .cl-video-frame .cl-showreel{border-radius:16px}
  .cl-video-caption{margin-top:10px;padding:12px 14px;border-radius:16px}
  .cl-video-caption p{font-size:13px}
}

/* V41 minimalist video banner section */
.cl-video-banner-section{position:relative;padding-top:0;background:transparent}.cl-video-banner-section .container{position:relative;z-index:2}.cl-video-banner{position:relative;max-width:1380px;margin:0 auto;padding:26px;border-radius:40px;border:1px solid rgba(255,255,255,.08);background:linear-gradient(180deg,rgba(18,18,27,.92) 0%,rgba(8,8,13,.98) 100%);box-shadow:0 40px 120px rgba(0,0,0,.40),inset 0 1px 0 rgba(255,255,255,.05);overflow:hidden;isolation:isolate}.cl-video-banner::before{content:'';position:absolute;inset:1px;border-radius:39px;background:linear-gradient(180deg,rgba(255,255,255,.08),rgba(255,255,255,0) 18%,rgba(255,255,255,0) 78%,rgba(255,255,255,.04));pointer-events:none}.cl-video-banner-frame{position:relative;border-radius:28px;padding:14px;background:linear-gradient(135deg,rgba(255,94,169,.18),rgba(138,104,255,.14) 46%,rgba(121,223,255,.14));box-shadow:0 20px 60px rgba(0,0,0,.34)}.cl-video-banner-inner{position:relative;border-radius:22px;overflow:hidden;background:#050608}.cl-video-banner-inner::after{content:'';position:absolute;inset:0;background:linear-gradient(180deg,rgba(255,255,255,.10),rgba(255,255,255,0) 22%,rgba(0,0,0,0) 78%,rgba(0,0,0,.10));pointer-events:none}.cl-video-banner .cl-showreel{display:block;width:100%;aspect-ratio:16/9;border-radius:22px;background:#050608;object-fit:contain;box-shadow:0 14px 45px rgba(0,0,0,.45)}.cl-video-banner-orb,.cl-video-banner-spark{position:absolute;pointer-events:none;z-index:0}.cl-video-banner-orb{border-radius:50%;filter:blur(6px);opacity:.9}.cl-video-banner-orb-left{width:190px;height:190px;left:-54px;top:50%;transform:translateY(-50%);background:radial-gradient(circle,rgba(255,94,169,.26),rgba(255,94,169,0) 70%)}.cl-video-banner-orb-right{width:220px;height:220px;right:-65px;top:50%;transform:translateY(-50%);background:radial-gradient(circle,rgba(121,223,255,.24),rgba(138,104,255,0) 72%)}.cl-video-banner-spark{width:14px;height:14px;border-radius:50%;background:radial-gradient(circle at 35% 35%,#fff 0%,#ffd1f3 24%,#9a6eff 58%,rgba(154,110,255,0) 72%);box-shadow:0 0 26px rgba(154,110,255,.45)}.cl-video-banner-spark-a{left:64px;top:58px}.cl-video-banner-spark-b{right:74px;bottom:60px}.cl-video-banner .cl-showreel.playing+.cl-video-banner-overlay{opacity:0}@media (max-width:1199px){.cl-video-banner{padding:20px;border-radius:32px}.cl-video-banner::before{border-radius:31px}.cl-video-banner-frame{padding:12px;border-radius:24px}.cl-video-banner-inner,.cl-video-banner .cl-showreel{border-radius:18px}}@media (max-width:767px){.cl-video-banner{padding:12px;border-radius:24px}.cl-video-banner::before{border-radius:23px}.cl-video-banner-frame{padding:9px;border-radius:18px}.cl-video-banner-inner,.cl-video-banner .cl-showreel{border-radius:14px}.cl-video-banner .cl-showreel{aspect-ratio:4/3;object-fit:contain;background:#030407}.cl-video-banner-orb-left{width:120px;height:120px;left:-38px}.cl-video-banner-orb-right{width:130px;height:130px;right:-42px}.cl-video-banner-spark-a{left:24px;top:20px}.cl-video-banner-spark-b{right:26px;bottom:22px}}
/* V42 premium commercial video billboard */

.cl-premium-reel-section{position:relative;padding:22px 0 62px!important;background:transparent;overflow:hidden}
.cl-premium-reel-container{max-width:1600px;padding-left:42px!important;padding-right:42px!important}
.cl-premium-reel{position:relative;isolation:isolate;margin:0 auto;filter:drop-shadow(0 34px 62px rgba(0,0,0,.36));}
.cl-premium-reel::before{content:"";position:absolute;inset:-24px -18px;z-index:-3;border-radius:52px;background:radial-gradient(circle at 22% 50%,rgba(255,78,173,.20),transparent 32%),radial-gradient(circle at 82% 50%,rgba(81,211,255,.17),transparent 34%),radial-gradient(circle at 50% 105%,rgba(126,89,255,.20),transparent 48%);filter:blur(26px);opacity:.95;pointer-events:none}
.cl-premium-reel-shell{position:relative;padding:5px;border-radius:34px;background:linear-gradient(115deg,#ff4fa8 0%,#b15cff 25%,#7167ff 53%,#54d8ff 78%,#f9b2dc 100%);box-shadow:0 0 0 1px rgba(255,255,255,.12),0 26px 78px rgba(0,0,0,.45),0 0 42px rgba(120,91,255,.14);overflow:hidden}
.cl-premium-reel-shell::before{content:"";position:absolute;inset:1px;border-radius:33px;background:linear-gradient(180deg,rgba(255,255,255,.48),rgba(255,255,255,.04) 22%,rgba(255,255,255,0) 60%,rgba(255,255,255,.10));mix-blend-mode:screen;opacity:.45;pointer-events:none;z-index:4}
.cl-premium-reel-shell::after{content:"";position:absolute;left:8%;right:8%;top:2px;height:1px;background:linear-gradient(90deg,transparent,rgba(255,255,255,.95),transparent);opacity:.85;pointer-events:none;z-index:5}
.cl-premium-reel-screen{position:relative;border-radius:29px;overflow:hidden;background:#050508;box-shadow:inset 0 0 0 1px rgba(255,255,255,.08),inset 0 18px 40px rgba(255,255,255,.02)}
.cl-premium-reel-screen::after{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(105deg,rgba(255,255,255,.14) 0%,rgba(255,255,255,0) 18%,rgba(255,255,255,0) 76%,rgba(120,210,255,.06) 100%);mix-blend-mode:screen;opacity:.50}
.cl-premium-reel .cl-showreel{display:block;width:100%;aspect-ratio:16/9;height:auto;object-fit:contain;background:#050508;border-radius:29px;transform:translateZ(0)}
.cl-reel-aura{position:absolute;z-index:-2;border-radius:50%;filter:blur(24px);pointer-events:none;opacity:.88}
.cl-reel-aura-left{width:190px;height:190px;left:-62px;top:50%;transform:translateY(-50%);background:radial-gradient(circle,#ff65b2 0%,rgba(255,101,178,.18) 44%,transparent 72%)}
.cl-reel-aura-right{width:220px;height:220px;right:-72px;top:48%;transform:translateY(-50%);background:radial-gradient(circle,#6bdbff 0%,rgba(107,219,255,.15) 45%,transparent 72%)}
.cl-reel-reflection{position:absolute;z-index:6;top:-5%;left:-24%;width:34%;height:110%;background:linear-gradient(100deg,transparent 0%,rgba(255,255,255,.02) 36%,rgba(255,255,255,.30) 50%,rgba(255,255,255,.03) 64%,transparent 100%);transform:skewX(-12deg);opacity:.42;pointer-events:none;animation:clReelSweep 8s ease-in-out infinite}
@keyframes clReelSweep{0%,18%{left:-28%;opacity:0}32%{opacity:.45}56%{left:102%;opacity:.18}70%,100%{left:102%;opacity:0}}
@media(max-width:991.98px){.cl-premium-reel-section{padding:16px 0 42px!important}.cl-premium-reel-container{padding-left:18px!important;padding-right:18px!important}.cl-premium-reel-shell{padding:4px;border-radius:26px}.cl-premium-reel-screen,.cl-premium-reel .cl-showreel{border-radius:22px}.cl-premium-reel::before{inset:-18px -12px;border-radius:36px}.cl-reel-aura-left{width:125px;height:125px;left:-42px}.cl-reel-aura-right{width:145px;height:145px;right:-48px}}
@media(max-width:575.98px){.cl-premium-reel-section{padding:10px 0 30px!important}.cl-premium-reel-container{padding-left:10px!important;padding-right:10px!important}.cl-premium-reel-shell{padding:3px;border-radius:20px}.cl-premium-reel-screen,.cl-premium-reel .cl-showreel{border-radius:17px}.cl-premium-reel .cl-showreel{aspect-ratio:16/9;object-fit:contain}.cl-premium-reel::before{inset:-10px -6px;border-radius:26px;filter:blur(18px)}.cl-reel-aura-left{width:86px;height:86px;left:-24px}.cl-reel-aura-right{width:96px;height:96px;right:-26px}.cl-reel-reflection{opacity:.24}}
@media(prefers-reduced-motion:reduce){.cl-reel-reflection{animation:none;display:none}}


/* V44 — mascot holds the showreel */
.cl-held-reel-section{
  position:relative;
  padding:18px 0 34px!important;
  background:transparent;
  overflow:visible;
}
.cl-held-reel-container{
  padding-left:clamp(12px,2.8vw,44px)!important;
  padding-right:clamp(12px,2.8vw,44px)!important;
}
.cl-held-reel{
  position:relative;
  width:min(100%,1380px);
  margin:0 auto;
  isolation:isolate;
}
.cl-held-reel-aura{
  position:absolute;
  z-index:0;
  pointer-events:none;
  border-radius:50%;
  filter:blur(26px);
  opacity:.7;
}
.cl-held-reel-aura-left{
  width:300px;
  height:300px;
  left:-90px;
  top:18%;
  background:radial-gradient(circle,rgba(255,77,177,.28),rgba(255,77,177,0) 72%);
}
.cl-held-reel-aura-right{
  width:320px;
  height:320px;
  right:-100px;
  top:22%;
  background:radial-gradient(circle,rgba(89,207,255,.24),rgba(105,105,255,0) 72%);
}
.cl-held-reel-frame{
  position:relative;
  z-index:2;
  padding:4px;
  border-radius:34px;
  background:linear-gradient(100deg,#ff4fb5 0%,#c85cff 28%,#786cff 58%,#59d9ff 100%);
  background-size:180% 100%;
  box-shadow:
    0 0 32px rgba(255,74,181,.17),
    0 0 45px rgba(89,217,255,.12),
    0 36px 100px rgba(0,0,0,.36);
  animation:clHeldBorderFlow 8s ease-in-out infinite alternate;
}
.cl-held-reel-frame::before{
  content:"";
  position:absolute;
  inset:-1px;
  border-radius:inherit;
  pointer-events:none;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.42),inset 0 -1px 0 rgba(255,255,255,.08);
}
.cl-held-reel-screen{
  position:relative;
  z-index:1;
  overflow:hidden;
  border-radius:30px;
  background:#050508;
  box-shadow:inset 0 0 0 1px rgba(255,255,255,.06);
}
.cl-held-reel-screen::after{
  content:"";
  position:absolute;
  inset:0;
  z-index:2;
  pointer-events:none;
  background:linear-gradient(180deg,rgba(255,255,255,.12),rgba(255,255,255,0) 14%,rgba(0,0,0,0) 86%,rgba(0,0,0,.08));
  mix-blend-mode:screen;
  opacity:.38;
}
.cl-held-reel .cl-showreel{
  display:block;
  width:100%;
  aspect-ratio:16/9;
  height:auto;
  object-fit:contain;
  background:#050508;
  transform:translateZ(0);
}
.cl-held-reel-mascot{
  position:relative;
  z-index:3;
  display:block;
  width:clamp(260px,24vw,390px);
  height:auto;
  margin:-62px auto 0;
  pointer-events:none;
  user-select:none;
  filter:drop-shadow(0 22px 28px rgba(0,0,0,.38));
  -webkit-mask-image:radial-gradient(ellipse 96% 100% at 50% 48%,#000 72%,rgba(0,0,0,.96) 80%,rgba(0,0,0,.52) 91%,transparent 100%);
  mask-image:radial-gradient(ellipse 96% 100% at 50% 48%,#000 72%,rgba(0,0,0,.96) 80%,rgba(0,0,0,.52) 91%,transparent 100%);
}
@keyframes clHeldBorderFlow{
  0%{background-position:0% 50%}
  100%{background-position:100% 50%}
}
@media(max-width:991.98px){
  .cl-held-reel-section{padding:12px 0 26px!important}
  .cl-held-reel-frame{border-radius:26px;padding:3px}
  .cl-held-reel-screen{border-radius:23px}
  .cl-held-reel-mascot{width:clamp(210px,30vw,290px);margin-top:-42px}
  .cl-held-reel-aura-left{width:190px;height:190px;left:-55px}
  .cl-held-reel-aura-right{width:210px;height:210px;right:-64px}
}
@media(max-width:575.98px){
  .cl-held-reel-section{padding:6px 0 18px!important}
  .cl-held-reel-container{padding-left:8px!important;padding-right:8px!important}
  .cl-held-reel-frame{border-radius:20px;padding:3px;box-shadow:0 0 22px rgba(255,74,181,.13),0 0 28px rgba(89,217,255,.10),0 22px 56px rgba(0,0,0,.30)}
  .cl-held-reel-screen{border-radius:17px}
  .cl-held-reel-mascot{width:170px;margin-top:-28px}
  .cl-held-reel-aura-left{width:116px;height:116px;left:-34px;top:12%}
  .cl-held-reel-aura-right{width:126px;height:126px;right:-36px;top:14%}
}
@media(prefers-reduced-motion:reduce){
  .cl-held-reel-frame{animation:none}
}


/* V45 — clean mascot + video holder. Uses real RGBA asset, no masking. */
.cl-held-reel-section{position:relative;overflow:visible;background:transparent;padding-top:8px!important;padding-bottom:14px!important}
.cl-held-reel-container{padding-left:clamp(10px,2.8vw,44px)!important;padding-right:clamp(10px,2.8vw,44px)!important}
.cl-held-reel{position:relative;width:min(100%,1380px);margin:0 auto;isolation:isolate;padding-bottom:150px}
.cl-held-reel-aura{position:absolute;z-index:0;pointer-events:none;border-radius:50%;filter:blur(30px);opacity:.68}
.cl-held-reel-aura-left{width:300px;height:300px;left:-90px;top:15%;background:radial-gradient(circle,rgba(255,77,177,.30),rgba(255,77,177,0) 72%)}
.cl-held-reel-aura-right{width:320px;height:320px;right:-100px;top:18%;background:radial-gradient(circle,rgba(89,207,255,.25),rgba(105,105,255,0) 72%)}
.cl-held-reel-frame{position:relative;z-index:3;padding:4px;border-radius:34px;background:linear-gradient(100deg,#ff4fb5 0%,#c85cff 28%,#786cff 58%,#59d9ff 100%);background-size:180% 100%;box-shadow:0 0 34px rgba(255,74,181,.18),0 0 48px rgba(89,217,255,.13),0 36px 100px rgba(0,0,0,.34);animation:clHeldBorderFlow 8s ease-in-out infinite alternate}
.cl-held-reel-frame::before{content:"";position:absolute;inset:-1px;border-radius:inherit;pointer-events:none;box-shadow:inset 0 1px 0 rgba(255,255,255,.42),inset 0 -1px 0 rgba(255,255,255,.08)}
.cl-held-reel-screen{position:relative;z-index:1;overflow:hidden;border-radius:30px;background:#050508;box-shadow:inset 0 0 0 1px rgba(255,255,255,.06)}
.cl-held-reel-screen::after{content:"";position:absolute;inset:0;z-index:2;pointer-events:none;background:linear-gradient(180deg,rgba(255,255,255,.10),rgba(255,255,255,0) 13%,rgba(0,0,0,0) 86%,rgba(0,0,0,.08));opacity:.34}
.cl-held-reel .cl-showreel{display:block;width:100%;aspect-ratio:16/9;height:auto;object-fit:contain;background:#050508;transform:translateZ(0)}
.cl-held-reel-mascot-wrap{position:absolute;z-index:4;left:50%;bottom:-4px;width:clamp(280px,25vw,390px);transform:translateX(-50%);pointer-events:none;user-select:none}
.cl-held-reel-mascot-glow{position:absolute;left:50%;bottom:6%;width:78%;height:44%;transform:translateX(-50%);border-radius:50%;background:radial-gradient(circle,rgba(255,76,184,.24) 0%,rgba(123,97,255,.18) 44%,rgba(77,208,255,.10) 62%,transparent 76%);filter:blur(24px);opacity:.9}
.cl-held-reel-mascot{position:relative;z-index:2;display:block;width:100%;height:auto;object-fit:contain;filter:drop-shadow(0 22px 30px rgba(0,0,0,.42))}
@media(max-width:991.98px){
  .cl-held-reel-section{padding-top:6px!important;padding-bottom:10px!important}
  .cl-held-reel{padding-bottom:112px}
  .cl-held-reel-frame{border-radius:26px;padding:3px}
  .cl-held-reel-screen{border-radius:23px}
  .cl-held-reel-mascot-wrap{width:clamp(220px,32vw,290px);bottom:-2px}
  .cl-held-reel-aura-left{width:190px;height:190px;left:-55px}
  .cl-held-reel-aura-right{width:210px;height:210px;right:-64px}
}
@media(max-width:575.98px){
  .cl-held-reel-section{padding:2px 0 8px!important}
  .cl-held-reel-container{padding-left:8px!important;padding-right:8px!important}
  .cl-held-reel{padding-bottom:72px}
  .cl-held-reel-frame{border-radius:20px;padding:3px;box-shadow:0 0 22px rgba(255,74,181,.13),0 0 28px rgba(89,217,255,.10),0 22px 56px rgba(0,0,0,.30)}
  .cl-held-reel-screen{border-radius:17px}
  .cl-held-reel-mascot-wrap{width:168px;bottom:-1px}
  .cl-held-reel-mascot-glow{filter:blur(16px)}
  .cl-held-reel-aura-left{width:112px;height:112px;left:-34px;top:12%}
  .cl-held-reel-aura-right{width:122px;height:122px;right:-36px;top:14%}
}
@media(prefers-reduced-motion:reduce){.cl-held-reel-frame{animation:none}}


/* V45.1 — precise frame/mascot contact */
.cl-held-reel{padding-bottom:0!important}
.cl-held-reel-mascot-wrap{position:relative!important;left:auto!important;bottom:auto!important;transform:none!important;width:clamp(280px,25vw,390px)!important;margin:-78px auto 0!important}
@media(max-width:991.98px){.cl-held-reel{padding-bottom:0!important}.cl-held-reel-mascot-wrap{width:clamp(220px,32vw,290px)!important;margin-top:-58px!important}}
@media(max-width:575.98px){.cl-held-reel{padding-bottom:0!important}.cl-held-reel-mascot-wrap{width:168px!important;margin-top:-42px!important}}


/* V47 — clean final mascot holder */
.cl-held-reel{padding-bottom:0!important}
.cl-held-reel-frame{position:relative!important;z-index:2!important}
.cl-held-reel-mascot-wrap{position:relative!important;z-index:4!important;left:auto!important;bottom:auto!important;transform:none!important;width:clamp(330px,28vw,420px)!important;margin:-110px auto 0!important;pointer-events:none!important;user-select:none!important}
.cl-held-reel-mascot-glow{position:absolute!important;left:50%!important;bottom:5%!important;width:80%!important;height:44%!important;transform:translateX(-50%)!important;border-radius:50%!important;background:radial-gradient(circle,rgba(255,76,184,.24) 0%,rgba(123,97,255,.18) 44%,rgba(77,208,255,.10) 62%,transparent 76%)!important;filter:blur(24px)!important;opacity:.9!important}
.cl-held-reel-mascot{position:relative!important;z-index:2!important;display:block!important;width:100%!important;height:auto!important;object-fit:contain!important;filter:drop-shadow(0 22px 30px rgba(0,0,0,.42))!important;-webkit-mask-image:none!important;mask-image:none!important}
@media(max-width:991.98px){.cl-held-reel-mascot-wrap{width:clamp(250px,34vw,315px)!important;margin-top:-82px!important}}
@media(max-width:575.98px){.cl-held-reel-mascot-wrap{width:210px!important;margin-top:-58px!important}.cl-held-reel-mascot-glow{filter:blur(16px)!important}}


/* V48 — floating holo frame, no mascot */
.cl-aura-reel-section{position:relative;padding:18px 0 42px!important;background:transparent;overflow:hidden}
.cl-aura-reel-container{padding-left:clamp(12px,3.2vw,56px)!important;padding-right:clamp(12px,3.2vw,56px)!important}
.cl-aura-reel{position:relative;width:min(100%,1440px);margin:0 auto;padding:30px;isolation:isolate;perspective:1400px}
.cl-aura-glow{position:absolute;z-index:0;pointer-events:none;border-radius:50%;filter:blur(34px);opacity:.76}
.cl-aura-glow-left{width:330px;height:330px;left:-120px;top:16%;background:radial-gradient(circle,rgba(255,73,180,.33),rgba(255,73,180,0) 72%)}
.cl-aura-glow-right{width:360px;height:360px;right:-130px;bottom:4%;background:radial-gradient(circle,rgba(82,213,255,.28),rgba(110,92,255,0) 72%)}
.cl-aura-ring{position:absolute;z-index:0;pointer-events:none;border:1px solid rgba(255,255,255,.045);border-radius:50%;transform:translate(-50%,-50%)}
.cl-aura-ring-one{width:760px;height:760px;left:50%;top:50%}
.cl-aura-ring-two{width:1080px;height:520px;left:50%;top:50%;transform:translate(-50%,-50%) rotate(-10deg)}
.cl-aura-shell{position:relative;z-index:2;padding:1px;border-radius:38px;background:linear-gradient(110deg,rgba(255,255,255,.52),rgba(255,76,184,.92) 16%,rgba(143,102,255,.78) 51%,rgba(86,218,255,.92) 84%,rgba(255,255,255,.52));box-shadow:0 40px 120px rgba(0,0,0,.44),0 0 44px rgba(146,102,255,.12)}
.cl-aura-shell::before{content:"";position:absolute;inset:-9px;z-index:-1;border-radius:46px;background:linear-gradient(110deg,rgba(255,78,183,.22),rgba(143,102,255,.05) 45%,rgba(85,219,255,.20));filter:blur(17px);opacity:.95}
.cl-aura-screen{position:relative;overflow:hidden;border-radius:37px;background:#050508;border:7px solid rgba(9,9,15,.98);box-shadow:inset 0 0 0 1px rgba(255,255,255,.07),inset 0 20px 45px rgba(255,255,255,.018)}
.cl-aura-screen .cl-showreel{display:block;width:100%;aspect-ratio:16/9;height:auto;object-fit:contain;background:#050508;transform:translateZ(0)}
.cl-aura-reflection{position:absolute;z-index:3;pointer-events:none;top:-48%;left:-26%;width:52%;height:190%;transform:rotate(17deg);background:linear-gradient(90deg,transparent,rgba(255,255,255,.10),rgba(255,255,255,.025),transparent);filter:blur(3px);opacity:.66;animation:clAuraSweep 9s cubic-bezier(.45,0,.2,1) infinite}
.cl-aura-node{position:absolute;z-index:6;width:12px;height:12px;border-radius:50%;background:#fff;box-shadow:0 0 0 5px rgba(255,255,255,.045),0 0 24px currentColor}
.cl-aura-node-tl{left:22px;top:22px;color:#ff58b7;background:#ff82ca}
.cl-aura-node-tr{right:22px;top:22px;color:#6edfff;background:#a3ecff}
.cl-aura-node-bl{left:22px;bottom:22px;color:#aa77ff;background:#c1a4ff}
.cl-aura-node-br{right:22px;bottom:22px;color:#76dfff;background:#b5efff}
.cl-aura-corner{position:absolute;z-index:5;width:78px;height:78px;pointer-events:none;opacity:.84}
.cl-aura-corner-tl{left:-14px;top:-14px;border-left:2px solid rgba(255,91,186,.88);border-top:2px solid rgba(255,91,186,.88);border-radius:28px 0 0 0}
.cl-aura-corner-br{right:-14px;bottom:-14px;border-right:2px solid rgba(91,219,255,.88);border-bottom:2px solid rgba(91,219,255,.88);border-radius:0 0 28px 0}
@keyframes clAuraSweep{0%,18%{transform:translateX(-165%) rotate(17deg);opacity:0}30%{opacity:.62}48%,100%{transform:translateX(360%) rotate(17deg);opacity:0}}
@media(max-width:991.98px){
  .cl-aura-reel-section{padding:12px 0 28px!important}
  .cl-aura-reel{padding:18px}
  .cl-aura-shell{border-radius:29px}
  .cl-aura-shell::before{border-radius:36px;inset:-7px}
  .cl-aura-screen{border-radius:28px;border-width:5px}
  .cl-aura-node{width:10px;height:10px}
  .cl-aura-node-tl,.cl-aura-node-tr{top:16px}.cl-aura-node-bl,.cl-aura-node-br{bottom:16px}.cl-aura-node-tl,.cl-aura-node-bl{left:16px}.cl-aura-node-tr,.cl-aura-node-br{right:16px}
  .cl-aura-corner{width:60px;height:60px}
}
@media(max-width:575.98px){
  .cl-aura-reel-section{padding:5px 0 16px!important}
  .cl-aura-reel-container{padding-left:6px!important;padding-right:6px!important}
  .cl-aura-reel{padding:8px}
  .cl-aura-shell{border-radius:20px}
  .cl-aura-shell::before{inset:-5px;border-radius:25px;filter:blur(11px)}
  .cl-aura-screen{border-radius:19px;border-width:3px}
  .cl-aura-screen .cl-showreel{aspect-ratio:16/9;object-fit:contain}
  .cl-aura-node{width:7px;height:7px;box-shadow:0 0 0 3px rgba(255,255,255,.04),0 0 14px currentColor}
  .cl-aura-node-tl,.cl-aura-node-tr{top:10px}.cl-aura-node-bl,.cl-aura-node-br{bottom:10px}.cl-aura-node-tl,.cl-aura-node-bl{left:10px}.cl-aura-node-tr,.cl-aura-node-br{right:10px}
  .cl-aura-corner{width:38px;height:38px;opacity:.68}
  .cl-aura-corner-tl{left:-6px;top:-6px;border-radius:16px 0 0 0}
  .cl-aura-corner-br{right:-6px;bottom:-6px;border-radius:0 0 16px 0}
  .cl-aura-glow-left{width:120px;height:120px;left:-42px;top:14%}
  .cl-aura-glow-right{width:130px;height:130px;right:-44px;bottom:8%}
  .cl-aura-ring-one{width:300px;height:300px}.cl-aura-ring-two{width:390px;height:190px}
}
@media(prefers-reduced-motion:reduce){.cl-aura-reflection{animation:none}}


/* V51 — ContrasteLab showcase stage */
.cl-showcase-section{position:relative;overflow:hidden;padding:10px 0 54px!important;background:transparent}
.cl-showcase-container{padding-left:clamp(8px,2.2vw,38px)!important;padding-right:clamp(8px,2.2vw,38px)!important}
.cl-showcase{position:relative;width:min(100%,1500px);margin:0 auto;padding:88px 44px 96px;isolation:isolate;perspective:1700px}
.cl-showcase-halo{position:absolute;z-index:0;pointer-events:none;border-radius:50%;filter:blur(56px);opacity:.72}
.cl-showcase-halo-a{width:430px;height:430px;left:-150px;top:18%;background:radial-gradient(circle,rgba(255,66,178,.31),rgba(255,66,178,0) 72%)}
.cl-showcase-halo-b{width:470px;height:470px;right:-165px;bottom:0;background:radial-gradient(circle,rgba(80,214,255,.25),rgba(112,93,255,0) 72%)}
.cl-showcase-sculpture{position:absolute;z-index:1;pointer-events:none;user-select:none;filter:drop-shadow(0 30px 50px rgba(0,0,0,.36));opacity:.92}
.cl-showcase-sculpture-left{width:34%;left:-1.5%;bottom:-3%;transform:rotate(-7deg)}
.cl-showcase-sculpture-right{width:29%;right:-1%;top:6%;transform:rotate(8deg);opacity:.78}
.cl-showcase-panel{position:relative;z-index:4;width:79%;margin:0 auto;padding:10px;border-radius:38px;background:linear-gradient(180deg,rgba(35,35,46,.98),rgba(10,10,15,.99));box-shadow:0 55px 125px rgba(0,0,0,.50),inset 0 1px 0 rgba(255,255,255,.14),inset 0 -1px 0 rgba(255,255,255,.03);transform-style:preserve-3d}
.cl-showcase-panel::before{content:"";position:absolute;inset:-1px;z-index:-1;border-radius:39px;padding:1px;background:linear-gradient(105deg,rgba(255,255,255,.42),rgba(255,79,181,.78) 17%,rgba(141,104,255,.36) 48%,rgba(86,218,255,.72) 84%,rgba(255,255,255,.32));-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask-composite:exclude}
.cl-showcase-panel::after{content:"";position:absolute;z-index:-2;inset:11% 8% -8%;border-radius:50%;background:radial-gradient(ellipse at center,rgba(135,104,255,.19),rgba(255,70,180,.08) 36%,rgba(0,0,0,0) 72%);filter:blur(24px)}
.cl-showcase-screen{position:relative;overflow:hidden;border-radius:28px;background:#050507;border:1px solid rgba(255,255,255,.05)}
.cl-showcase-screen .cl-showreel{display:block;width:100%;aspect-ratio:16/9;height:auto;object-fit:contain;background:#050507}
.cl-showcase-glass{position:absolute;z-index:3;inset:0;pointer-events:none;background:linear-gradient(120deg,rgba(255,255,255,.10),rgba(255,255,255,.018) 21%,transparent 38%,transparent 72%,rgba(78,218,255,.025) 87%,rgba(255,255,255,.055));mix-blend-mode:screen}
.cl-showcase-glass::after{content:"";position:absolute;top:-55%;left:-38%;width:25%;height:210%;transform:rotate(16deg);background:linear-gradient(90deg,transparent,rgba(255,255,255,.16),transparent);filter:blur(4px);animation:clShowcaseSweep 9s ease-in-out infinite}
.cl-showcase-topline{position:absolute;z-index:8;left:12%;right:12%;top:0;height:2px;border-radius:99px;background:linear-gradient(90deg,transparent,#ff5db7 24%,#9369ff 54%,#6edfff 80%,transparent);box-shadow:0 0 16px rgba(142,105,255,.32)}
.cl-showcase-capsule{position:absolute;z-index:8;width:58px;height:16px;border-radius:99px;background:rgba(9,10,16,.96);border:1px solid rgba(255,255,255,.08);box-shadow:0 10px 30px rgba(0,0,0,.28)}
.cl-showcase-capsule::before{content:"";position:absolute;top:50%;width:20px;height:3px;transform:translateY(-50%);border-radius:99px}
.cl-showcase-capsule-a{left:48px;top:-8px}.cl-showcase-capsule-a::before{left:11px;background:linear-gradient(90deg,#ff5ab9,#9868ff)}
.cl-showcase-capsule-b{right:48px;bottom:-8px}.cl-showcase-capsule-b::before{right:11px;background:linear-gradient(90deg,#8b6cff,#68dcff)}
.cl-showcase-floor{position:absolute;z-index:2;left:50%;bottom:24px;width:58%;height:45px;transform:translateX(-50%);border-radius:50%;background:radial-gradient(ellipse,rgba(255,255,255,.10) 0%,rgba(144,106,255,.14) 25%,rgba(255,76,183,.07) 43%,transparent 72%);filter:blur(12px)}
@keyframes clShowcaseSweep{0%,18%{transform:translateX(-190%) rotate(16deg);opacity:0}31%{opacity:.76}50%,100%{transform:translateX(560%) rotate(16deg);opacity:0}}
@media(max-width:1199.98px){.cl-showcase{padding:72px 30px 80px}.cl-showcase-panel{width:84%}.cl-showcase-sculpture-left{width:28%;left:-2%}.cl-showcase-sculpture-right{width:24%;right:-1%}.cl-showcase-panel{border-radius:30px;padding:8px}.cl-showcase-panel::before{border-radius:31px}.cl-showcase-screen{border-radius:23px}}
@media(max-width:767.98px){.cl-showcase-panel{width:100%}.cl-showcase-section{padding:0 0 18px!important}.cl-showcase-container{padding-left:4px!important;padding-right:4px!important}.cl-showcase{padding:34px 7px 48px}.cl-showcase-sculpture{display:none}.cl-showcase-halo-a{width:135px;height:135px;left:-48px;top:18%}.cl-showcase-halo-b{width:145px;height:145px;right:-54px;bottom:11%}.cl-showcase-panel{padding:4px;border-radius:20px;box-shadow:0 26px 62px rgba(0,0,0,.42),inset 0 1px 0 rgba(255,255,255,.12)}.cl-showcase-panel::before{border-radius:21px}.cl-showcase-screen{border-radius:15px}.cl-showcase-screen .cl-showreel{aspect-ratio:16/9;object-fit:contain}.cl-showcase-capsule{width:42px;height:12px}.cl-showcase-capsule-a{left:20px;top:-6px}.cl-showcase-capsule-b{right:20px;bottom:-6px}.cl-showcase-capsule::before{width:15px;height:2px}.cl-showcase-floor{bottom:8px;width:67%;height:28px}}
@media(prefers-reduced-motion:reduce){.cl-showcase-glass::after{animation:none}}


/* V52 — cleaner right side: glass-orb cluster instead of flat illustration */
.cl-showcase-sculpture-right{display:none!important}
.cl-showcase-orbit-cluster{position:absolute;z-index:1;right:1.8%;top:15%;width:23%;aspect-ratio:1/1;pointer-events:none;filter:drop-shadow(0 26px 50px rgba(0,0,0,.28));opacity:.92}
.cl-showcase-orbit-cluster::before{content:"";position:absolute;inset:10% 0 12% 7%;border-radius:50%;background:radial-gradient(circle at 58% 48%,rgba(96,218,255,.14),rgba(123,91,255,.08) 38%,transparent 68%);filter:blur(8px)}
.cl-orb{position:absolute;border-radius:50%;background:radial-gradient(circle at 32% 28%,rgba(255,255,255,.96) 0 8%,rgba(176,125,255,.95) 18%,rgba(91,51,180,.88) 48%,rgba(14,16,31,.94) 72%);box-shadow:inset -10px -14px 26px rgba(0,0,0,.34),inset 8px 9px 20px rgba(255,255,255,.18),0 0 32px rgba(136,92,255,.34)}
.cl-orb-a{width:34%;height:34%;right:7%;top:8%}
.cl-orb-b{width:19%;height:19%;left:8%;bottom:15%;background:radial-gradient(circle at 30% 28%,#fff 0 10%,#ff75c8 22%,#8a58ff 52%,#121629 78%);box-shadow:inset -8px -10px 20px rgba(0,0,0,.34),0 0 26px rgba(255,88,183,.34)}
.cl-orb-c{width:13%;height:13%;right:15%;bottom:10%;background:radial-gradient(circle at 32% 28%,#fff 0 10%,#7fe7ff 23%,#6d67ff 54%,#111725 78%);box-shadow:inset -6px -8px 16px rgba(0,0,0,.34),0 0 22px rgba(103,219,255,.34)}
.cl-orbit-line{position:absolute;left:6%;right:7%;top:50%;height:28%;border-radius:50%;border:2px solid rgba(255,255,255,.11);transform:translateY(-50%) rotate(-18deg);box-shadow:0 0 20px rgba(116,104,255,.12)}
.cl-orbit-line-a{border-color:rgba(158,106,255,.28)}
.cl-orbit-line-b{top:54%;transform:translateY(-50%) rotate(18deg);border-color:rgba(83,216,255,.22)}
@media(max-width:1199.98px){.cl-showcase-orbit-cluster{width:20%;right:1%;top:18%;opacity:.82}}
@media(max-width:767.98px){.cl-showcase-orbit-cluster{display:none}}


/* V53 — complementary screen artwork on right */
.cl-showcase-orbit-cluster{display:none!important}
.cl-showcase-sculpture-right.cl-showcase-screen-art{display:block!important;width:30%;right:-2.4%;top:4%;opacity:.84;transform:rotate(6deg);filter:drop-shadow(0 34px 58px rgba(0,0,0,.36));}
@media(max-width:1199.98px){.cl-showcase-sculpture-right.cl-showcase-screen-art{width:25%;right:-2%;top:8%;opacity:.76}}
@media(max-width:767.98px){.cl-showcase-sculpture-right.cl-showcase-screen-art{display:none!important}}

/* V54 — mobile polish for showcase: keep desktop V53 intact */
@media(max-width:767.98px){
  .cl-showcase-section{padding:2px 0 20px!important;overflow:hidden}
  .cl-showcase-container{padding-left:0!important;padding-right:0!important}
  .cl-showcase{padding:44px 0 58px;overflow:hidden}

  /* Bring back small cropped brand sculptures only as background accents */
  .cl-showcase-sculpture{display:block!important;z-index:1;pointer-events:none;filter:drop-shadow(0 18px 34px rgba(0,0,0,.34));}
  .cl-showcase-sculpture-left{width:34%!important;left:-11%!important;top:0!important;bottom:auto!important;transform:rotate(-12deg)!important;opacity:.66!important;}
  .cl-showcase-sculpture-right.cl-showcase-screen-art{display:block!important;width:31%!important;right:-10%!important;top:auto!important;bottom:-2%!important;transform:rotate(10deg)!important;opacity:.62!important;}

  .cl-showcase-halo-a{width:180px;height:180px;left:-72px;top:4%;opacity:.58}
  .cl-showcase-halo-b{width:190px;height:190px;right:-74px;bottom:0;opacity:.52}

  .cl-showcase-panel{width:92%;padding:5px;border-radius:24px;z-index:4;box-shadow:0 28px 70px rgba(0,0,0,.46),inset 0 1px 0 rgba(255,255,255,.12)}
  .cl-showcase-panel::before{border-radius:25px;background:linear-gradient(105deg,rgba(255,255,255,.28),rgba(255,79,181,.58) 20%,rgba(141,104,255,.24) 52%,rgba(86,218,255,.58) 82%,rgba(255,255,255,.20))}
  .cl-showcase-panel::after{inset:12% 6% -16%;filter:blur(18px);opacity:.7}
  .cl-showcase-screen{border-radius:18px;border-color:rgba(255,255,255,.065)}
  .cl-showcase-screen .cl-showreel{aspect-ratio:16/9;object-fit:contain;background:#050507}
  .cl-showcase-glass{opacity:.72}
  .cl-showcase-glass::after{opacity:.42}

  /* cleaner mobile — remove the little hardware capsules */
  .cl-showcase-capsule{display:none!important}
  .cl-showcase-topline{left:18%;right:18%;top:0;height:1px;opacity:.8}
  .cl-showcase-floor{bottom:18px;width:58%;height:24px;opacity:.65;filter:blur(10px)}
}

/* V56 — audiovisual brand carousel */
.cl-av-portfolio{position:relative;background:#0a0a0f;padding-top:105px;padding-bottom:105px;overflow:hidden}
.cl-av-portfolio:before{content:"";position:absolute;inset:auto -120px 18% auto;width:430px;height:430px;border-radius:50%;background:radial-gradient(circle,rgba(126,92,255,.18),transparent 68%);filter:blur(30px);pointer-events:none}
.cl-av-head{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(320px,.7fr);gap:50px;align-items:end;margin-bottom:34px}
.cl-av-kicker{display:inline-flex;align-items:center;gap:10px;margin-bottom:14px;color:#ec68b1;font-size:11px;font-weight:800;letter-spacing:.17em}
.cl-av-kicker:before{content:"";width:8px;height:8px;border-radius:50%;background:#ec68b1;box-shadow:0 0 18px rgba(236,104,177,.7)}
.cl-av-title-wrap h2{margin:0;color:#fff;font-size:clamp(40px,4.7vw,72px);line-height:.96;letter-spacing:-.055em;max-width:11ch}
.cl-av-title-wrap h2 span{background:linear-gradient(90deg,#ed63b2,#9b6eff 54%,#7edbff);-webkit-background-clip:text;background-clip:text;color:transparent}
.cl-av-copy p{margin:0;color:rgba(255,255,255,.58);font-size:16px;line-height:1.72;max-width:580px}
.cl-av-toolbar{display:flex;align-items:center;justify-content:space-between;gap:18px;margin-bottom:22px}
.cl-av-filters{display:flex;gap:8px;overflow-x:auto;scrollbar-width:none;padding:2px 0}.cl-av-filters::-webkit-scrollbar{display:none}
.cl-av-filter{flex:0 0 auto;border:1px solid rgba(255,255,255,.09);background:rgba(255,255,255,.035);color:rgba(255,255,255,.62);height:42px;padding:0 16px;border-radius:999px;font-size:12px;font-weight:700;transition:.3s ease}
.cl-av-filter:hover,.cl-av-filter.is-active{color:#fff;border-color:rgba(255,255,255,.16);background:linear-gradient(90deg,rgba(236,99,178,.17),rgba(126,113,255,.14),rgba(126,219,255,.10))}
.cl-av-nav{display:flex;gap:8px;flex:0 0 auto}.cl-av-arrow{width:42px;height:42px;border-radius:50%;border:1px solid rgba(255,255,255,.09);background:rgba(255,255,255,.035);color:#fff;font-size:24px;display:grid;place-items:center;transition:.3s ease}.cl-av-arrow:hover{background:#fff;color:#111;transform:translateY(-2px)}
.cl-av-viewport{position:relative;overflow:hidden;margin-right:calc((100vw - min(100vw - 30px,1320px))/ -2)}
.cl-av-rail{display:flex;gap:16px;overflow-x:auto;scroll-snap-type:x mandatory;scroll-behavior:smooth;padding:4px max(30px,calc((100vw - min(100vw - 30px,1320px))/2)) 14px 0;scrollbar-width:none;cursor:grab}.cl-av-rail::-webkit-scrollbar{display:none}.cl-av-rail.is-dragging{cursor:grabbing;scroll-behavior:auto}
.cl-av-card{scroll-snap-align:start;position:relative;flex:0 0 clamp(260px,24vw,350px);border:1px solid rgba(255,255,255,.08);border-radius:28px;background:linear-gradient(180deg,rgba(255,255,255,.045),rgba(255,255,255,.018));overflow:hidden;color:#fff;padding:0;text-align:left;box-shadow:0 24px 50px rgba(0,0,0,.16);transition:transform .35s cubic-bezier(.22,.8,.22,1),border-color .35s ease,box-shadow .35s ease}
.cl-av-card:hover{transform:translateY(-7px);border-color:rgba(255,255,255,.17);box-shadow:0 30px 72px rgba(0,0,0,.25)}
.cl-av-card-head{display:grid;grid-template-columns:46px 1fr auto;gap:10px;align-items:center;padding:14px 14px 12px}.cl-av-avatar{width:42px;height:42px;border-radius:50%;display:grid;place-items:center;background:linear-gradient(135deg,#ec63b2,#8d6eff 58%,#7edbff);font-size:11px;font-weight:900;color:#fff;box-shadow:0 8px 18px rgba(126,92,255,.22)}.cl-av-card-head span:nth-child(2){min-width:0}.cl-av-card-head b{display:block;color:#fff;font-size:13px;line-height:1.1}.cl-av-card-head small{display:block;margin-top:4px;color:rgba(255,255,255,.44);font-size:10px}.cl-av-card-head i{font-style:normal;color:rgba(255,255,255,.22);font-size:11px;font-weight:800}
.cl-av-media{position:relative;aspect-ratio:4/5;overflow:hidden;background:#15141b}.cl-av-card-wide .cl-av-media{aspect-ratio:4/4.5}.cl-av-card-tall .cl-av-media{aspect-ratio:4/5.25}.cl-av-media img{width:100%;height:100%;display:block;object-fit:cover;transition:transform .65s cubic-bezier(.2,.8,.2,1)}.cl-av-card:hover .cl-av-media img{transform:scale(1.045)}.cl-av-media:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 58%,rgba(8,8,12,.34));pointer-events:none}
.cl-av-card-foot{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:13px 14px 14px;color:rgba(255,255,255,.48);font-size:10px;letter-spacing:.04em}.cl-av-card-foot b{color:#fff;font-size:11px;font-weight:750;white-space:nowrap}
.cl-av-card[hidden]{display:none}
.cl-av-mobile-hint{display:none;color:rgba(255,255,255,.4);font-size:11px;letter-spacing:.05em;margin-top:8px}.cl-av-mobile-hint span{color:#ec68b1;margin-left:5px}
.cl-av-modal{position:fixed;inset:0;z-index:999999;display:flex;align-items:center;justify-content:center;padding:32px;opacity:0;visibility:hidden;pointer-events:none;transition:opacity .25s ease,visibility .25s ease}.cl-av-modal.is-open{opacity:1;visibility:visible;pointer-events:auto}.cl-av-modal-bg{position:absolute;inset:0;border:0;background:rgba(5,5,9,.86);backdrop-filter:blur(18px)}
.cl-av-modal-card{position:relative;z-index:2;width:min(92vw,980px);max-height:92vh;display:grid;grid-template-columns:minmax(0,1fr) 280px;background:#101016;border:1px solid rgba(255,255,255,.1);border-radius:28px;overflow:hidden;box-shadow:0 40px 120px rgba(0,0,0,.55)}.cl-av-modal-media{min-height:560px;background:#050508;display:grid;place-items:center;overflow:hidden}.cl-av-modal-media img{width:100%;height:100%;max-height:86vh;object-fit:contain;display:block}.cl-av-modal-info{padding:32px 26px;display:flex;flex-direction:column;justify-content:flex-end}.cl-av-modal-info span{color:#ec68b1;font-size:11px;font-weight:750;letter-spacing:.12em;text-transform:uppercase}.cl-av-modal-info h3{margin:10px 0 0;color:#fff;font-size:30px;letter-spacing:-.04em}.cl-av-modal-close{position:absolute;right:14px;top:14px;z-index:4;width:40px;height:40px;border-radius:50%;border:1px solid rgba(255,255,255,.12);background:rgba(10,10,14,.72);color:#fff;font-size:24px;line-height:1;backdrop-filter:blur(10px)}
@media(max-width:991.98px){.cl-av-portfolio{padding-top:82px;padding-bottom:82px}.cl-av-head{grid-template-columns:1fr;gap:16px;margin-bottom:26px}.cl-av-title-wrap h2{max-width:12ch}.cl-av-copy p{max-width:760px}.cl-av-card{flex-basis:310px}.cl-av-modal-card{grid-template-columns:1fr;max-width:760px}.cl-av-modal-media{min-height:0;aspect-ratio:4/5}.cl-av-modal-info{padding:18px 20px 22px}.cl-av-modal-info h3{font-size:24px}}
@media(max-width:767.98px){.cl-av-portfolio{padding-top:68px;padding-bottom:68px}.cl-av-title-wrap h2{font-size:38px;max-width:10ch}.cl-av-copy p{font-size:14px;line-height:1.65}.cl-av-toolbar{align-items:flex-end;margin-bottom:16px}.cl-av-nav{display:none}.cl-av-filter{height:38px;padding:0 14px;font-size:11px}.cl-av-viewport{margin-right:-15px}.cl-av-rail{gap:12px;padding-right:15px}.cl-av-card{flex:0 0 min(78vw,310px);border-radius:23px}.cl-av-card-head{grid-template-columns:38px 1fr auto;padding:12px}.cl-av-avatar{width:38px;height:38px}.cl-av-media{aspect-ratio:4/5}.cl-av-card-wide .cl-av-media,.cl-av-card-tall .cl-av-media{aspect-ratio:4/5}.cl-av-card-foot{padding:11px 12px 13px}.cl-av-mobile-hint{display:block}.cl-av-modal{padding:12px}.cl-av-modal-card{border-radius:22px}.cl-av-modal-media{aspect-ratio:4/5}.cl-av-modal-info{padding:14px 16px 18px}.cl-av-modal-info h3{font-size:22px}.cl-av-modal-close{right:10px;top:10px}}

/* V57 — audiovisual social studio */
.cl57-av{position:relative;background:#09090e;padding:112px 0 118px;overflow:hidden;isolation:isolate}
.cl57-av:before{content:"";position:absolute;left:50%;top:26%;width:min(1120px,82vw);height:560px;transform:translateX(-50%);border-radius:50%;background:radial-gradient(circle,rgba(115,89,255,.13),rgba(236,99,178,.06) 42%,transparent 72%);filter:blur(42px);z-index:-2}
.cl57-av:after{content:"";position:absolute;left:0;right:0;top:46%;height:1px;background:linear-gradient(90deg,transparent,rgba(255,255,255,.06),transparent);z-index:-1}
.cl57-av-glow{position:absolute;border-radius:50%;filter:blur(90px);pointer-events:none;opacity:.18;z-index:-1}.cl57-av-glow-a{width:340px;height:340px;left:-120px;top:20%;background:#ec63b2}.cl57-av-glow-b{width:420px;height:420px;right:-170px;bottom:7%;background:#6faeff}
.cl57-av-head{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(320px,.72fr);gap:54px;align-items:end;margin-bottom:42px}
.cl57-av-eyebrow{display:inline-flex;align-items:center;gap:10px;margin-bottom:15px;color:#f07aba;font-size:11px;font-weight:800;letter-spacing:.17em}.cl57-av-eyebrow i{width:8px;height:8px;border-radius:50%;background:#f067b6;box-shadow:0 0 20px rgba(240,103,182,.75)}
.cl57-av-heading h2{margin:0;color:#fff;font-size:clamp(42px,4.7vw,72px);line-height:.96;letter-spacing:-.058em;max-width:13.5ch}.cl57-av-heading h2 span{background:linear-gradient(90deg,#ef68b4 0%,#9c6eff 53%,#78dfff 100%);-webkit-background-clip:text;background-clip:text;color:transparent}
.cl57-av-head>p{margin:0 0 3px;color:rgba(255,255,255,.58);font-size:16px;line-height:1.72;max-width:560px}
.cl57-social-stage{position:relative;padding:18px 18px 20px;border:1px solid rgba(255,255,255,.075);border-radius:38px;background:linear-gradient(150deg,rgba(255,255,255,.045),rgba(255,255,255,.014) 42%,rgba(106,83,255,.035));box-shadow:0 42px 110px rgba(0,0,0,.32),inset 0 1px 0 rgba(255,255,255,.04);overflow:hidden}
.cl57-social-stage:before{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(120deg,rgba(255,255,255,.035),transparent 28%,transparent 68%,rgba(126,219,255,.025));border-radius:inherit}
.cl57-stage-topbar{position:relative;z-index:2;display:flex;align-items:center;justify-content:space-between;gap:20px;padding:6px 8px 14px 10px}
.cl57-stage-brand{display:flex;align-items:center;gap:8px;color:#fff}.cl57-stage-brand b{font-size:13px;letter-spacing:-.015em}.cl57-stage-brand small{font-size:11px;color:rgba(255,255,255,.37);font-weight:600}.cl57-stage-dot{width:8px;height:8px;border-radius:50%;background:#75e0ff;box-shadow:0 0 18px rgba(117,224,255,.65)}
.cl57-stage-count{display:flex;align-items:center;gap:7px;color:rgba(255,255,255,.30);font-size:11px;font-weight:800;letter-spacing:.12em}.cl57-stage-count span:first-child{color:#fff}.cl57-stage-count i{font-style:normal;color:rgba(255,255,255,.12)}
.cl57-stories{position:relative;z-index:3;display:flex;gap:17px;padding:7px 9px 20px;overflow-x:auto;scrollbar-width:none}.cl57-stories::-webkit-scrollbar{display:none}
.cl57-story{flex:0 0 auto;display:flex;flex-direction:column;align-items:center;gap:8px;border:0;background:none;padding:0;color:rgba(255,255,255,.46);font-size:10px;font-weight:700;transition:.28s ease}.cl57-story:hover,.cl57-story.is-active{color:#fff}
.cl57-story-ring{position:relative;width:54px;height:54px;border-radius:50%;padding:2px;background:linear-gradient(135deg,rgba(255,255,255,.10),rgba(255,255,255,.04));transition:.28s ease}.cl57-story.is-active .cl57-story-ring,.cl57-story:hover .cl57-story-ring{background:linear-gradient(135deg,#ef63b1,#9c6eff 55%,#76dfff);box-shadow:0 0 26px rgba(130,100,255,.24)}
.cl57-story-ring:before{content:"";position:absolute;inset:3px;border-radius:50%;background:#0c0c13;border:1px solid rgba(255,255,255,.06)}
.cl57-story-ring i{position:relative;z-index:1;width:100%;height:100%;display:grid;place-items:center;font-style:normal;color:#fff;font-size:11px;font-weight:900;letter-spacing:-.02em}.cl57-story:first-child .cl57-story-ring i{font-size:18px;background:linear-gradient(135deg,#f074b8,#a46eff,#73dcff);-webkit-background-clip:text;background-clip:text;color:transparent}
.cl57-story small{font-size:10px;white-space:nowrap;color:inherit}
.cl57-rail-wrap{position:relative;padding:10px 0 6px;perspective:1500px}
.cl57-rail{display:flex;gap:18px;overflow-x:auto;overscroll-behavior-inline:contain;scroll-snap-type:x mandatory;scroll-behavior:smooth;padding:26px max(42px,calc((100% - 1080px)/2)) 34px;scrollbar-width:none;cursor:grab;touch-action:pan-y pinch-zoom}.cl57-rail::-webkit-scrollbar{display:none}.cl57-rail.is-dragging{cursor:grabbing;scroll-behavior:auto;scroll-snap-type:none}
.cl57-post{--cl57-shift:0;--cl57-scale:.94;--cl57-rot:0deg;position:relative;flex:0 0 clamp(260px,23vw,330px);aspect-ratio:4/5.35;scroll-snap-align:center;border:1px solid rgba(255,255,255,.09);border-radius:30px;overflow:hidden;background:#13131a;padding:0;text-align:left;color:#fff;box-shadow:0 26px 70px rgba(0,0,0,.28);transform:translateY(calc(var(--cl57-shift)*1px)) scale(var(--cl57-scale)) rotateY(var(--cl57-rot));transform-style:preserve-3d;transition:transform .32s cubic-bezier(.22,.8,.22,1),opacity .32s ease,border-color .32s ease,box-shadow .32s ease;opacity:.72;will-change:transform}
.cl57-post.is-active{--cl57-scale:1.035;opacity:1;border-color:rgba(255,255,255,.22);box-shadow:0 34px 90px rgba(0,0,0,.42),0 0 0 1px rgba(139,106,255,.10),0 0 48px rgba(121,108,255,.11)}
.cl57-post:before{content:"";position:absolute;inset:0;z-index:2;border-radius:inherit;pointer-events:none;background:linear-gradient(180deg,rgba(255,255,255,.09),transparent 18%,transparent 66%,rgba(0,0,0,.48));opacity:.65}
.cl57-post-media{position:absolute;inset:0;overflow:hidden;background:#14131a}.cl57-post-media img{width:100%;height:100%;display:block;object-fit:cover;transition:transform .75s cubic-bezier(.2,.8,.2,1),filter .4s ease}.cl57-post:hover .cl57-post-media img,.cl57-post.is-active .cl57-post-media img{transform:scale(1.045)}
.cl57-post-shine{position:absolute;inset:-30%;background:linear-gradient(115deg,transparent 38%,rgba(255,255,255,.12) 50%,transparent 62%);transform:translateX(-65%) rotate(6deg);opacity:0;transition:opacity .3s ease}.cl57-post:hover .cl57-post-shine{opacity:1;animation:cl57Shine 1.15s ease both}@keyframes cl57Shine{to{transform:translateX(65%) rotate(6deg)}}
.cl57-post-overlay{position:absolute;z-index:4;left:14px;right:14px;bottom:14px;display:flex;align-items:flex-end;justify-content:space-between;gap:10px;padding:12px 12px;border-radius:18px;background:rgba(10,10,15,.56);border:1px solid rgba(255,255,255,.11);backdrop-filter:blur(14px);box-shadow:0 14px 35px rgba(0,0,0,.20)}
.cl57-post-overlay>div{display:flex;align-items:center;gap:9px;min-width:0}.cl57-post-avatar{width:34px;height:34px;border-radius:50%;display:grid;place-items:center;flex:0 0 auto;background:linear-gradient(135deg,#f064b2,#966eff 56%,#72dcff);font-size:9px;font-weight:900;color:white;box-shadow:0 8px 20px rgba(114,89,255,.25)}.cl57-post-overlay p{margin:0;min-width:0}.cl57-post-overlay b{display:block;color:#fff;font-size:12px;line-height:1.05;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:150px}.cl57-post-overlay small{display:block;margin-top:4px;color:rgba(255,255,255,.52);font-size:9px;white-space:nowrap}.cl57-post-type{flex:0 0 auto;height:28px;padding:0 9px;border-radius:999px;display:flex;align-items:center;border:1px solid rgba(255,255,255,.10);background:rgba(255,255,255,.05);color:rgba(255,255,255,.76);font-size:8px;font-weight:900;letter-spacing:.10em}
.cl57-post-num{position:absolute;z-index:4;right:15px;top:14px;color:#fff;font-size:10px;font-weight:900;letter-spacing:.10em;text-shadow:0 2px 10px rgba(0,0,0,.5)}
.cl57-nav{position:absolute;z-index:8;top:50%;width:48px;height:48px;border-radius:50%;border:1px solid rgba(255,255,255,.11);background:rgba(14,14,20,.72);color:#fff;font-size:28px;display:grid;place-items:center;backdrop-filter:blur(14px);box-shadow:0 16px 38px rgba(0,0,0,.28);transition:.3s ease}.cl57-nav:hover{background:#fff;color:#111;transform:translateY(-50%) scale(1.05)}.cl57-nav-prev{left:10px;transform:translateY(-50%)}.cl57-nav-next{right:10px;transform:translateY(-50%)}
.cl57-stage-footer{position:relative;z-index:4;display:flex;align-items:center;justify-content:space-between;gap:18px;padding:10px 10px 2px}.cl57-progress{height:2px;background:rgba(255,255,255,.08);border-radius:999px;overflow:hidden;flex:1;max-width:360px}.cl57-progress span{display:block;width:12.5%;height:100%;border-radius:inherit;background:linear-gradient(90deg,#ef63b1,#9c6eff 54%,#73ddff);box-shadow:0 0 14px rgba(147,109,255,.45);transition:width .28s ease}.cl57-drag-hint{display:flex;align-items:center;gap:8px;color:rgba(255,255,255,.34);font-size:10px;font-weight:700;letter-spacing:.06em}.cl57-drag-hint span{width:16px;height:1px;background:linear-gradient(90deg,#ef63b1,#73ddff)}
.cl57-post[hidden]{display:none}
.cl57-modal{position:fixed;inset:0;z-index:999999;display:grid;place-items:center;padding:28px;opacity:0;visibility:hidden;pointer-events:none;transition:opacity .25s ease,visibility .25s ease}.cl57-modal.is-open{opacity:1;visibility:visible;pointer-events:auto}.cl57-modal-bg{position:absolute;inset:0;border:0;background:rgba(4,4,8,.88);backdrop-filter:blur(22px)}
.cl57-modal-card{position:relative;z-index:2;width:min(92vw,980px);max-height:92vh;display:grid;grid-template-columns:minmax(0,1fr) 280px;overflow:hidden;border-radius:30px;border:1px solid rgba(255,255,255,.11);background:#101017;box-shadow:0 48px 140px rgba(0,0,0,.62)}.cl57-modal-card:before{content:"";position:absolute;inset:0;pointer-events:none;border-radius:inherit;box-shadow:inset 0 1px 0 rgba(255,255,255,.05)}
.cl57-modal-media{min-height:580px;background:#050508;display:grid;place-items:center;overflow:hidden}.cl57-modal-media img{width:100%;height:100%;max-height:86vh;object-fit:contain;display:block}.cl57-modal-info{padding:30px 24px;display:flex;flex-direction:column;justify-content:flex-end}.cl57-modal-info span{color:#ef70b8;font-size:10px;font-weight:800;letter-spacing:.13em;text-transform:uppercase}.cl57-modal-info h3{margin:10px 0 0;color:white;font-size:30px;letter-spacing:-.045em}.cl57-modal-close{position:absolute;right:14px;top:14px;z-index:5;width:40px;height:40px;border-radius:50%;border:1px solid rgba(255,255,255,.12);background:rgba(8,8,12,.75);color:#fff;font-size:24px;backdrop-filter:blur(12px)}.cl57-modal-nav{position:absolute;z-index:5;top:50%;transform:translateY(-50%);width:46px;height:46px;border-radius:50%;border:1px solid rgba(255,255,255,.11);background:rgba(8,8,12,.68);color:white;font-size:28px;backdrop-filter:blur(12px)}.cl57-modal-prev{left:14px}.cl57-modal-next{right:294px}
@media(max-width:1199.98px){.cl57-rail{padding-left:28px;padding-right:28px}.cl57-post{flex-basis:300px}.cl57-nav-prev{left:5px}.cl57-nav-next{right:5px}}
@media(max-width:991.98px){.cl57-av{padding:88px 0 92px}.cl57-av-head{grid-template-columns:1fr;gap:17px;margin-bottom:30px}.cl57-av-heading h2{max-width:14ch}.cl57-av-head>p{max-width:700px}.cl57-social-stage{border-radius:32px}.cl57-post{flex-basis:290px}.cl57-nav{display:none}.cl57-modal-card{grid-template-columns:1fr;max-width:760px}.cl57-modal-media{min-height:0;aspect-ratio:4/5}.cl57-modal-info{padding:18px 20px 22px}.cl57-modal-next{right:14px}.cl57-modal-info h3{font-size:24px}}
@media(max-width:767.98px){.cl57-av{padding:68px 0 72px}.cl57-av-head{margin-bottom:24px}.cl57-av-heading h2{font-size:39px;line-height:.98;max-width:11ch}.cl57-av-head>p{font-size:14px;line-height:1.62}.cl57-social-stage{margin-left:-4px;margin-right:-4px;padding:12px 0 14px;border-radius:26px}.cl57-stage-topbar{padding:5px 14px 11px}.cl57-stage-brand small{display:none}.cl57-stories{gap:14px;padding:6px 14px 17px}.cl57-story-ring{width:49px;height:49px}.cl57-story small{font-size:9px}.cl57-rail-wrap{padding-top:0}.cl57-rail{gap:12px;padding:18px 34px 27px 16px;scroll-padding-left:16px}.cl57-post{flex:0 0 min(80vw,310px);aspect-ratio:4/5.25;border-radius:25px;opacity:.78;transform:none!important}.cl57-post.is-active{opacity:1}.cl57-post-overlay{left:10px;right:10px;bottom:10px;padding:10px;border-radius:16px}.cl57-post-avatar{width:31px;height:31px}.cl57-post-overlay b{font-size:11px;max-width:125px}.cl57-post-overlay small{font-size:8px}.cl57-post-type{height:25px;padding:0 7px;font-size:7px}.cl57-post-num{top:12px;right:12px}.cl57-stage-footer{padding:4px 14px 2px}.cl57-drag-hint{font-size:9px}.cl57-progress{max-width:none}.cl57-modal{padding:10px}.cl57-modal-card{border-radius:22px}.cl57-modal-media{aspect-ratio:4/5}.cl57-modal-info{padding:14px 16px 18px}.cl57-modal-info h3{font-size:22px}.cl57-modal-prev,.cl57-modal-next{top:auto;bottom:82px;width:40px;height:40px}.cl57-modal-prev{left:12px}.cl57-modal-next{right:12px}}
@media(prefers-reduced-motion:reduce){.cl57-post,.cl57-post-media img,.cl57-post-shine{transition:none!important;animation:none!important}}


/* V58 — compact audiovisual intro + 10 brand stories */
.cl57-av{padding-top:88px;padding-bottom:110px}
.cl58-av-head{grid-template-columns:minmax(0,1.35fr) minmax(360px,.65fr);gap:38px;align-items:center;margin-bottom:28px}
.cl58-av-heading .cl57-av-eyebrow{margin-bottom:10px}
.cl58-av-heading h2{font-size:clamp(38px,3.65vw,58px);line-height:1.00;letter-spacing:-.052em;max-width:none;white-space:normal}
.cl58-av-heading h2 span{display:inline}
.cl58-av-head>p{font-size:15px;line-height:1.58;max-width:520px;margin:3px 0 0}
.cl58-stories{gap:13px;padding-bottom:18px}
.cl58-stories .cl57-story{min-width:62px}
.cl58-stories .cl57-story-ring{width:52px;height:52px}
.cl58-stories .cl57-story small{max-width:72px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
@media(max-width:991.98px){.cl57-av{padding-top:72px}.cl58-av-head{grid-template-columns:1fr;gap:10px;margin-bottom:24px}.cl58-av-heading h2{font-size:44px;max-width:none}.cl58-av-head>p{max-width:680px}.cl58-stories{gap:12px}}
@media(max-width:767.98px){.cl57-av{padding:54px 0 70px}.cl58-av-head{gap:9px;margin-bottom:18px}.cl58-av-heading .cl57-av-eyebrow{margin-bottom:8px}.cl58-av-heading h2{font-size:31px;line-height:1.03;max-width:100%;letter-spacing:-.042em}.cl58-av-head>p{font-size:13px;line-height:1.48;max-width:34em}.cl58-stories{gap:11px;padding:4px 14px 15px}.cl58-stories .cl57-story{min-width:56px}.cl58-stories .cl57-story-ring{width:46px;height:46px}.cl58-stories .cl57-story small{font-size:8px;max-width:62px}}


/* V59 — Instagram-style brand project viewer */
.cl59-modal{padding:24px}
.cl59-modal-bg{background:rgba(3,3,7,.9);backdrop-filter:blur(28px)}
.cl59-modal-card{position:relative;z-index:2;width:min(94vw,1180px);height:min(88vh,760px);display:grid;grid-template-columns:minmax(0,1fr) 360px;overflow:hidden;border-radius:30px;border:1px solid rgba(255,255,255,.11);background:#0d0d13;box-shadow:0 50px 160px rgba(0,0,0,.7),0 0 80px rgba(121,93,255,.08)}
.cl59-modal-card:before{content:"";position:absolute;inset:0;border-radius:inherit;pointer-events:none;box-shadow:inset 0 1px 0 rgba(255,255,255,.05)}
.cl59-modal-close{position:absolute;right:14px;top:14px;z-index:12;width:42px;height:42px;border-radius:50%;border:1px solid rgba(255,255,255,.13);background:rgba(8,8,12,.72);color:#fff;font-size:24px;line-height:1;display:grid;place-items:center;backdrop-filter:blur(14px);transition:.25s ease}
.cl59-modal-close:hover{transform:rotate(5deg) scale(1.04);background:rgba(255,255,255,.10)}
.cl59-media-column{position:relative;min-width:0;background:radial-gradient(circle at 50% 30%,rgba(112,83,255,.10),transparent 38%),#050507;display:flex;flex-direction:column;overflow:hidden}
.cl59-media-stage{position:relative;flex:1;min-height:0;display:grid;place-items:center;overflow:hidden;background:#050507}
.cl59-media-stage:before{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(180deg,rgba(255,255,255,.025),transparent 22%,transparent 78%,rgba(0,0,0,.16));z-index:2}
.cl59-media-item{width:100%;height:100%;display:block;object-fit:contain;background:#050507}
video.cl59-media-item{object-fit:contain}
.cl59-slide-nav{position:absolute;z-index:8;top:50%;transform:translateY(-50%);width:44px;height:44px;border-radius:50%;border:1px solid rgba(255,255,255,.12);background:rgba(9,9,14,.66);color:#fff;font-size:28px;display:grid;place-items:center;backdrop-filter:blur(14px);transition:.2s ease}
.cl59-slide-nav:hover{background:rgba(255,255,255,.1);transform:translateY(-50%) scale(1.04)}
.cl59-slide-prev{left:16px}.cl59-slide-next{right:16px}
.cl59-media-footer{height:54px;flex:0 0 54px;display:flex;align-items:center;justify-content:center;gap:16px;border-top:1px solid rgba(255,255,255,.07);background:rgba(10,10,14,.96);position:relative;z-index:4}
.cl59-dots{display:flex;align-items:center;gap:7px}.cl59-dot{width:6px;height:6px;border:0;border-radius:50%;padding:0;background:rgba(255,255,255,.22);transition:.2s ease}.cl59-dot.is-active{width:22px;border-radius:999px;background:linear-gradient(90deg,#f064b2,#946eff 55%,#73ddff)}
.cl59-slide-count{position:absolute;right:18px;color:rgba(255,255,255,.35);font-size:10px;font-weight:800;letter-spacing:.11em}.cl59-slide-count b{color:#fff}
.cl59-info-panel{position:relative;padding:24px 24px 22px;display:flex;flex-direction:column;background:linear-gradient(180deg,#111119,#0b0b10 78%);overflow:auto}
.cl59-brand-head{display:flex;align-items:center;gap:12px;padding-right:44px}.cl59-brand-avatar{width:44px;height:44px;border-radius:50%;display:grid;place-items:center;flex:0 0 auto;background:linear-gradient(135deg,#f064b2,#966eff 56%,#72dcff);font-size:10px;font-weight:900;color:#fff;box-shadow:0 10px 28px rgba(116,90,255,.28)}
.cl59-brand-head h3{margin:0;color:#fff;font-size:20px;letter-spacing:-.03em}.cl59-brand-head span:not(.cl59-brand-avatar){display:block;margin-top:4px;color:rgba(255,255,255,.46);font-size:10px;font-weight:700;letter-spacing:.04em}
.cl59-info-rule{height:1px;background:rgba(255,255,255,.08);margin:20px 0}
.cl59-info-copy>span{display:block;margin-bottom:9px;color:#f071ba;font-size:9px;font-weight:900;letter-spacing:.16em}.cl59-info-copy p{margin:0;color:rgba(255,255,255,.74);font-size:14px;line-height:1.65}
.cl59-service-tags{display:flex;flex-wrap:wrap;gap:8px;margin-top:20px}.cl59-service-tags span{display:inline-flex;align-items:center;height:30px;padding:0 10px;border-radius:999px;border:1px solid rgba(255,255,255,.09);background:rgba(255,255,255,.035);color:rgba(255,255,255,.7);font-size:9px;font-weight:800;letter-spacing:.04em}
.cl59-info-spacer{flex:1;min-height:20px}.cl59-info-foot{padding-top:18px;border-top:1px solid rgba(255,255,255,.08);display:flex;align-items:end;justify-content:space-between;gap:12px}.cl59-info-foot span{color:rgba(255,255,255,.28);font-size:8px;font-weight:800;letter-spacing:.14em}.cl59-info-foot b{color:#fff;font-size:11px}
@media(max-width:991.98px){.cl59-modal{padding:12px}.cl59-modal-card{width:min(96vw,760px);height:min(94vh,900px);grid-template-columns:1fr;grid-template-rows:minmax(0,1fr) auto;border-radius:24px}.cl59-info-panel{padding:18px 18px 16px;max-height:280px}.cl59-brand-head{padding-right:48px}.cl59-info-rule{margin:14px 0}.cl59-info-copy p{font-size:13px;line-height:1.55}.cl59-service-tags{margin-top:14px}.cl59-info-spacer{display:none}.cl59-info-foot{margin-top:16px}.cl59-slide-nav{width:40px;height:40px}.cl59-slide-prev{left:10px}.cl59-slide-next{right:10px}}
@media(max-width:767.98px){.cl59-modal{padding:6px}.cl59-modal-card{width:100%;height:min(96vh,820px);border-radius:20px;grid-template-rows:minmax(0,58vh) auto}.cl59-media-column{min-height:0}.cl59-media-footer{height:46px;flex-basis:46px}.cl59-slide-count{right:12px;font-size:9px}.cl59-info-panel{padding:14px 15px 16px;max-height:34vh}.cl59-brand-avatar{width:38px;height:38px}.cl59-brand-head h3{font-size:18px}.cl59-info-copy p{font-size:12px;line-height:1.5}.cl59-service-tags span{height:27px;font-size:8px}.cl59-info-foot{display:none}.cl59-modal-close{top:10px;right:10px;width:38px;height:38px}.cl59-slide-nav{top:45%;width:36px;height:36px;font-size:24px}}


/* V60 — visible story avatars + reliable brand viewer */
.cl60-stories{position:relative;z-index:5;overflow-x:auto;overflow-y:hidden;scrollbar-width:none;-webkit-overflow-scrolling:touch}
.cl60-stories::-webkit-scrollbar{display:none}
.cl60-stories .cl57-story{appearance:none;background:transparent;border:0;padding:0;color:rgba(255,255,255,.64);cursor:pointer;flex:0 0 auto;display:flex;flex-direction:column;align-items:center;gap:7px}
.cl60-stories .cl57-story-ring{display:block;position:relative;width:58px;height:58px;border-radius:50%;padding:3px;background:linear-gradient(135deg,#f064b2 0%,#9b6cff 52%,#72dcff 100%);box-shadow:0 10px 24px rgba(91,66,200,.18);overflow:hidden}
.cl60-stories .cl57-story-ring:before{content:"";position:absolute;inset:3px;border-radius:50%;background:#0b0b11;border:2px solid #0b0b11;z-index:0}
.cl60-stories .cl57-story-ring img{position:absolute;inset:6px;width:calc(100% - 12px);height:calc(100% - 12px);object-fit:cover;border-radius:50%;z-index:2;display:block;filter:saturate(.94) contrast(1.03);transition:transform .3s ease,filter .3s ease}
.cl60-stories .cl57-story:hover .cl57-story-ring img{transform:scale(1.06);filter:saturate(1.08) contrast(1.04)}
.cl60-stories .cl57-story small{display:block;color:rgba(255,255,255,.66);font-size:10px;line-height:1.15;font-weight:700;white-space:nowrap;max-width:78px;overflow:hidden;text-overflow:ellipsis}
.cl60-stories .cl57-story:hover small,.cl60-stories .cl57-story.is-active small{color:#fff}
.cl60-story-all .cl57-story-ring{display:grid;place-items:center}
.cl60-story-all .cl57-story-ring i{position:relative;z-index:2;width:calc(100% - 6px);height:calc(100% - 6px);margin:3px;border-radius:50%;display:grid;place-items:center;background:#0b0b11;font-style:normal;font-size:19px;color:#fff}
.cl59-modal.is-open{display:grid!important;opacity:1!important;visibility:visible!important;pointer-events:auto!important}
@media(max-width:767.98px){.cl60-stories .cl57-story-ring{width:52px;height:52px}.cl60-stories .cl57-story small{font-size:9px;max-width:66px}}

/* V61 production hardening */
.cl57-av .cl60-stories{display:flex!important;visibility:visible!important;opacity:1!important;min-height:88px!important;margin:0 14px 4px!important;padding-top:8px!important}.cl57-av .cl60-stories .cl57-story{display:flex!important;visibility:visible!important;opacity:1!important}.cl59-modal.is-open{display:flex!important;visibility:visible!important;opacity:1!important;pointer-events:auto!important}.cl59-modal:not(.is-open){pointer-events:none}


/* V62 — centered, compact audiovisual viewer + reliable click targets */
.cl59-modal{
  position:fixed!important;
  inset:0!important;
  z-index:2147482000!important;
  display:grid!important;
  place-items:center!important;
  padding:24px!important;
  width:100vw!important;
  height:100dvh!important;
  box-sizing:border-box!important;
}
.cl59-modal:not(.is-open){
  opacity:0!important;
  visibility:hidden!important;
  pointer-events:none!important;
}
.cl59-modal.is-open{
  display:grid!important;
  place-items:center!important;
  opacity:1!important;
  visibility:visible!important;
  pointer-events:auto!important;
}
.cl59-modal-bg{
  position:absolute!important;
  inset:0!important;
  width:100%!important;
  height:100%!important;
}
.cl59-modal-card{
  position:relative!important;
  margin:0!important;
  width:min(88vw,1080px)!important;
  height:min(80dvh,680px)!important;
  max-width:1080px!important;
  max-height:680px!important;
  grid-template-columns:minmax(0,1fr) 320px!important;
  border-radius:28px!important;
  transform:none!important;
}
.cl59-media-column{min-width:0!important;min-height:0!important}
.cl59-media-stage{min-width:0!important;min-height:0!important}
.cl59-info-panel{min-width:0!important;padding:22px 22px 20px!important}
.cl59-brand-head{padding-right:46px!important}
.cl59-brand-head h3{font-size:19px!important}
.cl59-info-copy p{font-size:13px!important;line-height:1.58!important}
.cl57-post{cursor:pointer!important;touch-action:pan-y!important}
.cl57-post *{pointer-events:none}
.cl57-post button,.cl57-post a{pointer-events:auto}
@media(max-width:991.98px){
  .cl59-modal{padding:14px!important}
  .cl59-modal-card{
    width:min(94vw,720px)!important;
    height:min(88dvh,820px)!important;
    max-height:820px!important;
    grid-template-columns:1fr!important;
    grid-template-rows:minmax(0,1fr) auto!important;
    border-radius:24px!important;
  }
  .cl59-info-panel{max-height:245px!important;padding:16px 18px 17px!important}
}
@media(max-width:767.98px){
  .cl59-modal{padding:8px!important;align-items:center!important}
  .cl59-modal-card{
    width:calc(100vw - 16px)!important;
    height:min(90dvh,760px)!important;
    max-height:760px!important;
    grid-template-rows:minmax(0,56dvh) auto!important;
    border-radius:20px!important;
  }
  .cl59-info-panel{max-height:29dvh!important;padding:13px 14px 15px!important}
  .cl59-info-rule{margin:11px 0!important}
  .cl59-service-tags{margin-top:11px!important;gap:6px!important}
  .cl59-service-tags span{height:25px!important;padding:0 8px!important}
}


/* V64 — automation flow */
.cl-auto64{position:relative;background:#f7f5f1;padding:110px 0!important;overflow:hidden}
.cl-auto64:before{content:"";position:absolute;width:520px;height:520px;border-radius:50%;left:-220px;top:80px;background:radial-gradient(circle,rgba(255,94,169,.12),transparent 68%);filter:blur(14px);pointer-events:none}
.cl-auto64-shell{position:relative;display:grid;grid-template-columns:minmax(0,.84fr) minmax(580px,1.16fr);gap:46px;align-items:center;padding:36px;border-radius:42px;background:#0b0b11;border:1px solid rgba(255,255,255,.07);box-shadow:0 34px 90px rgba(16,12,24,.18);overflow:hidden}
.cl-auto64-shell:after{content:"";position:absolute;right:-160px;bottom:-220px;width:520px;height:520px;border-radius:50%;background:radial-gradient(circle,rgba(121,223,255,.12),rgba(156,107,255,.07) 42%,transparent 70%);pointer-events:none}
.cl-auto64-copy{position:relative;z-index:3;padding:22px 4px 22px 12px}
.cl-auto64-kicker{display:inline-flex;align-items:center;gap:10px;color:#c4bfd0;font-size:11px;font-weight:800;letter-spacing:.16em;text-transform:uppercase;margin-bottom:18px}
.cl-auto64-kicker i{width:9px;height:9px;border-radius:50%;background:#ff5ea9;box-shadow:0 0 18px rgba(255,94,169,.75)}
.cl-auto64-copy h2{margin:0;max-width:11ch;color:#fff;font-size:clamp(42px,4.1vw,64px);line-height:.97;letter-spacing:-.055em;font-weight:700}
.cl-auto64-copy h2 span{background:linear-gradient(90deg,#ff66ae 0%,#a16cff 52%,#76dfff 100%);-webkit-background-clip:text;background-clip:text;color:transparent}
.cl-auto64-copy>p{margin:20px 0 0;max-width:610px;color:#9f9aa9;font-size:16px;line-height:1.72}
.cl-auto64-tools{display:flex;flex-wrap:wrap;gap:8px;margin-top:22px}
.cl-auto64-tools span{display:inline-flex;align-items:center;min-height:34px;padding:0 12px;border-radius:999px;border:1px solid rgba(255,255,255,.09);background:rgba(255,255,255,.035);color:#e9e5ef;font-size:11px;font-weight:700}
.cl-auto64-example{margin-top:22px;padding:16px 18px;border-radius:20px;border:1px solid rgba(255,255,255,.08);background:linear-gradient(135deg,rgba(255,94,169,.08),rgba(121,223,255,.035));overflow:hidden}
.cl-auto64-example-label{display:block;margin-bottom:9px;color:#ff77b7;font-size:10px;font-weight:800;letter-spacing:.15em;text-transform:uppercase}
.cl-auto64-example>div{display:flex;align-items:center;gap:8px;flex-wrap:wrap;color:#fff;font-size:13px}.cl-auto64-example b{font-weight:700}.cl-auto64-example i{font-style:normal;color:#817a8c}
.cl-auto64-benefits{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-top:12px}
.cl-auto64-benefits>div{padding:14px 14px 13px;border-radius:18px;border:1px solid rgba(255,255,255,.07);background:rgba(255,255,255,.025)}
.cl-auto64-benefits strong{display:block;color:#fff;font-size:22px;line-height:1;font-weight:700}.cl-auto64-benefits span{display:block;margin-top:6px;color:#7f7a88;font-size:10px;line-height:1.35}
.cl-auto64-board{position:relative;z-index:3;padding:18px;border-radius:32px;background:linear-gradient(180deg,rgba(22,21,32,.96),rgba(9,9,15,.98));border:1px solid rgba(255,255,255,.09);box-shadow:inset 0 1px 0 rgba(255,255,255,.05),0 26px 70px rgba(0,0,0,.28)}
.cl-auto64-board-top{display:flex;align-items:center;justify-content:space-between;padding:0 4px 13px;border-bottom:1px solid rgba(255,255,255,.07);color:#fff;font-size:12px}.cl-auto64-board-top>div{display:flex;align-items:center;gap:9px}.cl-auto64-dot{width:8px;height:8px;border-radius:50%;background:#79dfff;box-shadow:0 0 18px rgba(121,223,255,.75)}.cl-auto64-status{color:#8de6c4;font-size:10px;font-weight:800;letter-spacing:.12em;text-transform:uppercase}
.cl-auto64-scenarios{display:flex;gap:7px;padding:13px 0 12px}.cl-auto64-scenarios button{appearance:none;border:1px solid rgba(255,255,255,.07);background:rgba(255,255,255,.025);color:#837e8d;border-radius:999px;padding:8px 11px;font-size:10px;font-weight:800;cursor:pointer;transition:.25s ease}.cl-auto64-scenarios button:hover,.cl-auto64-scenarios button.is-active{color:#fff;border-color:rgba(161,108,255,.38);background:linear-gradient(90deg,rgba(255,94,169,.13),rgba(121,223,255,.10))}
.cl-auto64-canvas{position:relative;height:510px;border-radius:24px;overflow:hidden;background:radial-gradient(circle at 50% 44%,rgba(107,72,216,.16),transparent 34%),#08090e;border:1px solid rgba(255,255,255,.055)}
.cl-auto64-grid{position:absolute;inset:0;background-image:linear-gradient(rgba(255,255,255,.026) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.026) 1px,transparent 1px);background-size:30px 30px;mask-image:linear-gradient(to bottom,rgba(0,0,0,.95),rgba(0,0,0,.24))}
.cl-auto64-lines{position:absolute;inset:0;width:100%;height:100%}.cl-auto64-path{fill:none;stroke:url(#clAuto64GradA);stroke-width:2;stroke-linecap:round;stroke-dasharray:8 10;opacity:.58;filter:url(#clAuto64Glow);animation:clAuto64Dash 8s linear infinite}.cl-auto64-path.p2,.cl-auto64-path.p4{animation-direction:reverse}.cl-auto64-pulse-dot{fill:#fff;filter:url(#clAuto64Glow);opacity:.9;animation:clAuto64Dot 2.8s ease-in-out infinite}.cl-auto64-pulse-dot.d2{animation-delay:.4s}.cl-auto64-pulse-dot.d3{animation-delay:.8s}.cl-auto64-pulse-dot.d4{animation-delay:1.2s}
@keyframes clAuto64Dash{to{stroke-dashoffset:-72}}@keyframes clAuto64Dot{0%,100%{opacity:.18;transform:scale(.7)}50%{opacity:1;transform:scale(1.45)}}
.cl-auto64-node,.cl-auto64-core{position:absolute;z-index:3;border:1px solid rgba(255,255,255,.095);background:linear-gradient(160deg,rgba(255,255,255,.075),rgba(255,255,255,.025));backdrop-filter:blur(16px);box-shadow:0 18px 44px rgba(0,0,0,.28),inset 0 1px 0 rgba(255,255,255,.045)}
.cl-auto64-node{width:178px;padding:15px 15px 14px;border-radius:20px;transition:transform .28s ease,border-color .28s ease}.cl-auto64-node:hover{transform:translateY(-5px);border-color:rgba(255,255,255,.2)}.cl-auto64-node-icon{display:grid;place-items:center;width:34px;height:34px;border-radius:12px;margin-bottom:12px;background:linear-gradient(135deg,rgba(255,94,169,.20),rgba(121,223,255,.17));color:#fff;font-size:16px}.cl-auto64-node small,.cl-auto64-core small{display:block;color:#777281;font-size:8px;font-weight:800;letter-spacing:.15em}.cl-auto64-node h3{margin:5px 0 3px;color:#fff;font-size:17px;letter-spacing:-.03em}.cl-auto64-node p{margin:0;color:#8d8795;font-size:10px;line-height:1.4}.cl-auto64-node.node-a{left:24px;top:62px}.cl-auto64-node.node-b{right:24px;top:58px}.cl-auto64-node.node-c{left:26px;bottom:66px}.cl-auto64-node.node-d{right:24px;bottom:70px}
.cl-auto64-core{left:50%;top:49%;transform:translate(-50%,-50%);width:184px;height:184px;border-radius:44px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;background:linear-gradient(145deg,rgba(255,94,169,.12),rgba(119,83,255,.16) 48%,rgba(121,223,255,.10));border-color:rgba(167,130,255,.28)}.cl-auto64-core-ring{position:absolute;border-radius:48px;inset:-10px;border:1px solid rgba(156,107,255,.12);animation:clAuto64Ring 3.4s ease-in-out infinite}.cl-auto64-core-ring.r2{inset:-22px;border-color:rgba(121,223,255,.07);animation-delay:.7s}.cl-auto64-core-icon{display:grid;place-items:center;width:48px;height:48px;border-radius:16px;margin-bottom:10px;background:linear-gradient(135deg,#ff5ea9,#8e6cff 58%,#79dfff);color:#fff;font-size:21px;box-shadow:0 0 34px rgba(142,108,255,.38)}.cl-auto64-core strong{margin-top:4px;color:#fff;font-size:28px;line-height:1}.cl-auto64-core em{margin-top:7px;color:#9c96a6;font-size:9px;font-style:normal}@keyframes clAuto64Ring{0%,100%{opacity:.35;transform:scale(.98)}50%{opacity:.9;transform:scale(1.03)}}
.cl-auto64-result{position:absolute;left:50%;bottom:16px;transform:translateX(-50%);z-index:4;width:min(440px,68%);display:flex;align-items:center;gap:12px;padding:10px 13px;border-radius:14px;border:1px solid rgba(255,255,255,.075);background:rgba(9,10,16,.82);backdrop-filter:blur(12px)}.cl-auto64-result span{flex:0 0 auto;color:#ff73b5;font-size:8px;font-weight:900;letter-spacing:.14em}.cl-auto64-result b{color:#d8d4df;font-size:10px;line-height:1.35;font-weight:600}
@media(max-width:1199px){.cl-auto64-shell{grid-template-columns:.9fr 1.1fr;gap:28px;padding:28px}.cl-auto64-canvas{height:480px}.cl-auto64-node{width:158px}.cl-auto64-core{width:164px;height:164px}.cl-auto64-copy h2{font-size:48px}}
@media(max-width:991px){.cl-auto64{padding:84px 0!important}.cl-auto64-shell{grid-template-columns:1fr;padding:24px}.cl-auto64-copy{padding:8px 2px 2px}.cl-auto64-copy h2{max-width:14ch}.cl-auto64-board{margin-top:4px}.cl-auto64-benefits{max-width:560px}}
@media(max-width:575px){.cl-auto64{padding:66px 0!important}.cl-auto64-shell{padding:16px;border-radius:28px}.cl-auto64-copy h2{font-size:38px;max-width:12ch}.cl-auto64-copy>p{font-size:14px;line-height:1.65}.cl-auto64-tools{gap:6px}.cl-auto64-tools span{min-height:30px;padding:0 10px;font-size:10px}.cl-auto64-example{padding:13px 14px}.cl-auto64-benefits{grid-template-columns:repeat(3,1fr);gap:6px}.cl-auto64-benefits>div{padding:11px 9px}.cl-auto64-benefits strong{font-size:17px}.cl-auto64-benefits span{font-size:8px}.cl-auto64-board{padding:12px;border-radius:24px}.cl-auto64-scenarios{overflow-x:auto;scrollbar-width:none}.cl-auto64-scenarios::-webkit-scrollbar{display:none}.cl-auto64-scenarios button{white-space:nowrap}.cl-auto64-canvas{height:430px;border-radius:18px}.cl-auto64-node{width:128px;padding:11px;border-radius:16px}.cl-auto64-node-icon{width:28px;height:28px;border-radius:9px;margin-bottom:8px;font-size:13px}.cl-auto64-node h3{font-size:14px}.cl-auto64-node p{font-size:8px}.cl-auto64-node.node-a{left:10px;top:52px}.cl-auto64-node.node-b{right:10px;top:50px}.cl-auto64-node.node-c{left:10px;bottom:64px}.cl-auto64-node.node-d{right:10px;bottom:64px}.cl-auto64-core{width:134px;height:134px;border-radius:32px}.cl-auto64-core-icon{width:38px;height:38px;border-radius:12px;font-size:17px}.cl-auto64-core strong{font-size:23px}.cl-auto64-core em{font-size:7px}.cl-auto64-result{bottom:10px;width:calc(100% - 20px);padding:8px 10px}.cl-auto64-result b{font-size:8px}.cl-auto64-lines{opacity:.75}}
@media(prefers-reduced-motion:reduce){.cl-auto64-path,.cl-auto64-pulse-dot,.cl-auto64-core-ring{animation:none!important}}

/* V65 automation workspace */
.cl-auto65{position:relative;background:#f7f5f1;padding:110px 0!important;overflow:hidden}
.cl-auto65:before{content:"";position:absolute;width:520px;height:520px;border-radius:50%;left:-220px;top:80px;background:radial-gradient(circle,rgba(255,94,169,.12),transparent 68%);filter:blur(14px);pointer-events:none}
.cl-auto65-shell{position:relative;display:grid;grid-template-columns:minmax(0,.84fr) minmax(620px,1.16fr);gap:46px;align-items:center;padding:36px;border-radius:42px;background:#0b0b11;border:1px solid rgba(255,255,255,.07);box-shadow:0 34px 90px rgba(16,12,24,.18);overflow:hidden}
.cl-auto65-shell:after{content:"";position:absolute;right:-160px;bottom:-220px;width:520px;height:520px;border-radius:50%;background:radial-gradient(circle,rgba(121,223,255,.12),rgba(156,107,255,.07) 42%,transparent 70%);pointer-events:none}
.cl-auto65-copy{position:relative;z-index:3;padding:22px 4px 22px 12px}.cl-auto65-kicker{display:inline-flex;align-items:center;gap:10px;color:#c4bfd0;font-size:11px;font-weight:800;letter-spacing:.16em;text-transform:uppercase;margin-bottom:18px}.cl-auto65-kicker i{width:9px;height:9px;border-radius:50%;background:#ff5ea9;box-shadow:0 0 18px rgba(255,94,169,.75)}
.cl-auto65-copy h2{margin:0;max-width:11ch;color:#fff;font-size:clamp(42px,4.1vw,64px);line-height:.97;letter-spacing:-.055em;font-weight:700}.cl-auto65-copy h2 span{background:linear-gradient(90deg,#ff66ae 0%,#a16cff 52%,#76dfff 100%);-webkit-background-clip:text;background-clip:text;color:transparent}.cl-auto65-copy>p{margin:20px 0 0;max-width:610px;color:#9f9aa9;font-size:16px;line-height:1.72}
.cl-auto65-tools{display:flex;flex-wrap:wrap;gap:8px;margin-top:22px}.cl-auto65-tools span{display:inline-flex;align-items:center;min-height:34px;padding:0 12px;border-radius:999px;border:1px solid rgba(255,255,255,.09);background:rgba(255,255,255,.035);color:#e9e5ef;font-size:11px;font-weight:700}.cl-auto65-example{margin-top:22px;padding:16px 18px;border-radius:20px;border:1px solid rgba(255,255,255,.08);background:linear-gradient(135deg,rgba(255,94,169,.08),rgba(121,223,255,.035));overflow:hidden}.cl-auto65-example-label{display:block;margin-bottom:9px;color:#ff77b7;font-size:10px;font-weight:800;letter-spacing:.15em;text-transform:uppercase}.cl-auto65-example>div{display:flex;align-items:center;gap:8px;flex-wrap:wrap;color:#fff;font-size:13px}.cl-auto65-example b{font-weight:700}.cl-auto65-example i{font-style:normal;color:#817a8c}.cl-auto65-benefits{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-top:12px}.cl-auto65-benefits>div{padding:14px 14px 13px;border-radius:18px;border:1px solid rgba(255,255,255,.07);background:rgba(255,255,255,.025)}.cl-auto65-benefits strong{display:block;color:#fff;font-size:22px;line-height:1;font-weight:700}.cl-auto65-benefits span{display:block;margin-top:6px;color:#7f7a88;font-size:10px;line-height:1.35}
.cl-auto65-workspace{position:relative;z-index:3;padding:16px;border-radius:32px;background:linear-gradient(180deg,rgba(22,21,32,.98),rgba(9,9,15,.99));border:1px solid rgba(255,255,255,.09);box-shadow:inset 0 1px 0 rgba(255,255,255,.05),0 30px 80px rgba(0,0,0,.32)}
.cl-auto65-topbar{display:grid;grid-template-columns:90px 1fr 70px;align-items:center;min-height:42px;padding:0 4px 12px;border-bottom:1px solid rgba(255,255,255,.07)}.cl-auto65-window-dots{display:flex;gap:6px}.cl-auto65-window-dots i{width:7px;height:7px;border-radius:50%;background:#3a3742}.cl-auto65-window-dots i:nth-child(1){background:#ff6fae}.cl-auto65-window-dots i:nth-child(2){background:#a671ff}.cl-auto65-window-dots i:nth-child(3){background:#78dcff}.cl-auto65-title{display:flex;align-items:center;justify-content:center;gap:8px;color:#fff;font-size:11px}.cl-auto65-live{width:7px;height:7px;border-radius:50%;background:#88e6c4;box-shadow:0 0 14px rgba(136,230,196,.55)}.cl-auto65-time{text-align:right;color:#777281;font-size:10px;font-weight:800}
.cl-auto65-scenarios{display:flex;gap:7px;padding:12px 0}.cl-auto65-scenarios button{appearance:none;border:1px solid rgba(255,255,255,.07);background:rgba(255,255,255,.025);color:#837e8d;border-radius:999px;padding:8px 12px;font-size:10px;font-weight:800;cursor:pointer;transition:.25s ease}.cl-auto65-scenarios button:hover,.cl-auto65-scenarios button.is-active{color:#fff;border-color:rgba(161,108,255,.40);background:linear-gradient(90deg,rgba(255,94,169,.14),rgba(121,223,255,.10))}
.cl-auto65-stage{position:relative;min-height:510px;padding:22px;border-radius:24px;overflow:hidden;background:radial-gradient(circle at 44% 32%,rgba(108,75,211,.16),transparent 38%),linear-gradient(180deg,#0a0b12,#07080c);border:1px solid rgba(255,255,255,.055)}.cl-auto65-stage:before{content:"";position:absolute;inset:0;background-image:linear-gradient(rgba(255,255,255,.018) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.018) 1px,transparent 1px);background-size:34px 34px;mask-image:linear-gradient(to bottom,rgba(0,0,0,.75),transparent 92%);pointer-events:none}.cl-auto65-stage-glow{position:absolute;right:-90px;top:36px;width:260px;height:260px;border-radius:50%;background:radial-gradient(circle,rgba(121,223,255,.13),transparent 70%);filter:blur(4px)}
.cl-auto65-panel-card{position:relative;z-index:2;border:1px solid rgba(255,255,255,.085);background:linear-gradient(160deg,rgba(255,255,255,.07),rgba(255,255,255,.025));backdrop-filter:blur(18px);box-shadow:0 18px 48px rgba(0,0,0,.27),inset 0 1px 0 rgba(255,255,255,.04)}
.cl-auto65-incoming{width:56%;padding:16px;border-radius:22px}.cl-auto65-card-label{display:flex;align-items:center;gap:8px;color:#777281;font-size:8px;font-weight:800;letter-spacing:.13em}.cl-auto65-card-label em{margin-left:auto;color:#a7a1ad;font-style:normal;letter-spacing:0;font-size:9px}.cl-auto65-source-icon{display:grid;place-items:center;width:28px;height:28px;border-radius:10px;background:linear-gradient(135deg,rgba(255,94,169,.20),rgba(121,223,255,.14));color:#fff;font-size:12px}.cl-auto65-person{display:flex;align-items:center;gap:12px;margin-top:15px}.cl-auto65-avatar{display:grid;place-items:center;flex:0 0 auto;width:46px;height:46px;border-radius:16px;background:linear-gradient(135deg,#ff6fad,#8d6cff 60%,#76dfff);color:#fff;font-size:11px;font-weight:900;box-shadow:0 12px 28px rgba(131,94,255,.22)}.cl-auto65-person strong{display:block;color:#fff;font-size:15px}.cl-auto65-person small{display:block;margin-top:5px;color:#96909e;font-size:10px;line-height:1.45}.cl-auto65-meta{display:flex;justify-content:space-between;gap:10px;margin-top:14px;padding-top:12px;border-top:1px solid rgba(255,255,255,.06);color:#6f6978;font-size:8px}
.cl-auto65-ai{position:absolute;z-index:4;left:50%;top:165px;transform:translateX(-50%);width:60%;padding:17px;border-radius:24px;background:linear-gradient(155deg,rgba(33,26,49,.96),rgba(14,13,23,.97));border-color:rgba(160,111,255,.22);box-shadow:0 24px 60px rgba(0,0,0,.36),0 0 42px rgba(135,92,255,.08),inset 0 1px 0 rgba(255,255,255,.05)}.cl-auto65-ai-head{display:flex;align-items:center;gap:11px}.cl-auto65-ai-mark{display:grid;place-items:center;width:43px;height:43px;border-radius:15px;background:linear-gradient(135deg,#ff5ea9,#8e6cff 58%,#79dfff);color:#fff;font-size:18px;box-shadow:0 0 32px rgba(142,108,255,.34)}.cl-auto65-ai-head small{display:block;color:#777281;font-size:8px;font-weight:900;letter-spacing:.14em}.cl-auto65-ai-head strong{display:block;margin-top:4px;color:#fff;font-size:16px}.cl-auto65-thinking{margin-left:auto;display:flex;gap:3px}.cl-auto65-thinking i{width:4px;height:4px;border-radius:50%;background:#b7a5ff;animation:clAuto65Think 1.2s ease-in-out infinite}.cl-auto65-thinking i:nth-child(2){animation-delay:.18s}.cl-auto65-thinking i:nth-child(3){animation-delay:.36s}@keyframes clAuto65Think{0%,100%{opacity:.28;transform:translateY(0)}50%{opacity:1;transform:translateY(-2px)}}
.cl-auto65-ai-fields{display:grid;grid-template-columns:repeat(3,1fr);gap:7px;margin-top:14px}.cl-auto65-ai-fields>div{padding:9px 10px;border-radius:13px;border:1px solid rgba(255,255,255,.055);background:rgba(255,255,255,.025)}.cl-auto65-ai-fields span{display:block;color:#716b79;font-size:7px;font-weight:800;letter-spacing:.08em;text-transform:uppercase}.cl-auto65-ai-fields b{display:block;margin-top:4px;color:#ddd8e6;font-size:9px}.cl-auto65-ai-note{display:flex;align-items:center;gap:8px;margin-top:11px;color:#8e8897;font-size:9px}.cl-auto65-ai-note i{width:7px;height:7px;border-radius:50%;background:#88e6c4;box-shadow:0 0 12px rgba(136,230,196,.5)}
.cl-auto65-actions{position:absolute;right:22px;top:26px;width:38%;display:grid;gap:9px}.cl-auto65-action{display:flex;align-items:center;gap:10px;padding:12px;border-radius:17px;border:1px solid rgba(255,255,255,.07);background:rgba(255,255,255,.035);box-shadow:0 14px 30px rgba(0,0,0,.18);transition:.25s ease}.cl-auto65-action-icon{display:grid;place-items:center;width:32px;height:32px;border-radius:11px;background:linear-gradient(135deg,rgba(255,94,169,.16),rgba(121,223,255,.12));color:#fff;font-size:13px}.cl-auto65-action div{min-width:0;flex:1}.cl-auto65-action small{display:block;color:#6f6978;font-size:7px;font-weight:900;letter-spacing:.12em;text-transform:uppercase}.cl-auto65-action b{display:block;margin-top:4px;color:#dcd8e4;font-size:10px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.cl-auto65-action em{display:grid;place-items:center;width:24px;height:24px;border-radius:50%;background:rgba(136,230,196,.11);color:#88e6c4;font-size:11px;font-style:normal}.cl-auto65-action.is-done{border-color:rgba(136,230,196,.09)}
.cl-auto65-result{position:absolute;left:22px;right:22px;bottom:20px;z-index:3;display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:12px;padding:13px 14px;border-radius:17px;border:1px solid rgba(255,255,255,.075);background:rgba(12,13,20,.87);backdrop-filter:blur(14px)}.cl-auto65-result-status{color:#88e6c4;font-size:8px;font-weight:900;letter-spacing:.14em}.cl-auto65-result b{color:#d9d5df;font-size:10px;font-weight:600}.cl-auto65-result-time{color:#ff76b7;font-size:9px;font-weight:800}
@media(max-width:1199px){.cl-auto65-shell{grid-template-columns:.9fr 1.1fr;gap:28px;padding:28px}.cl-auto65-copy h2{font-size:48px}.cl-auto65-stage{min-height:500px}}
@media(max-width:991px){.cl-auto65{padding:84px 0!important}.cl-auto65-shell{grid-template-columns:1fr;padding:24px}.cl-auto65-copy{padding:8px 2px 2px}.cl-auto65-copy h2{max-width:14ch}.cl-auto65-workspace{margin-top:4px}.cl-auto65-benefits{max-width:560px}}
@media(max-width:575px){.cl-auto65{padding:66px 0!important}.cl-auto65-shell{padding:16px;border-radius:28px}.cl-auto65-copy h2{font-size:34px;max-width:none;line-height:.99}.cl-auto65-copy>p{font-size:14px;line-height:1.65}.cl-auto65-tools{gap:6px}.cl-auto65-tools span{min-height:30px;padding:0 10px;font-size:10px}.cl-auto65-example{padding:13px 14px}.cl-auto65-benefits{grid-template-columns:repeat(3,1fr);gap:6px}.cl-auto65-benefits>div{padding:11px 9px}.cl-auto65-benefits strong{font-size:17px}.cl-auto65-benefits span{font-size:8px}.cl-auto65-workspace{padding:11px;border-radius:24px}.cl-auto65-topbar{grid-template-columns:62px 1fr 48px}.cl-auto65-title b{font-size:9px}.cl-auto65-scenarios{overflow-x:auto;scrollbar-width:none}.cl-auto65-scenarios::-webkit-scrollbar{display:none}.cl-auto65-scenarios button{white-space:nowrap}.cl-auto65-stage{min-height:545px;padding:14px;border-radius:18px}.cl-auto65-incoming{width:100%;padding:13px}.cl-auto65-person small{font-size:9px}.cl-auto65-actions{position:static;width:100%;margin-top:10px;grid-template-columns:1fr;gap:7px}.cl-auto65-action{padding:10px}.cl-auto65-ai{position:relative;left:auto;top:auto;transform:none;width:100%;margin-top:10px;padding:13px}.cl-auto65-ai-fields{gap:5px}.cl-auto65-ai-fields>div{padding:8px 7px}.cl-auto65-result{left:14px;right:14px;bottom:14px;grid-template-columns:1fr auto;gap:5px 10px}.cl-auto65-result-status{grid-column:1/-1}.cl-auto65-result b{font-size:9px}.cl-auto65-result-time{font-size:8px}}
@media(prefers-reduced-motion:reduce){.cl-auto65-thinking i{animation:none!important}}

/* V66 — automation stage */
.cl-auto66{position:relative;background:#0a0a10;color:#fff;padding:112px 0!important;overflow:hidden}
.cl-auto66:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 17% 22%,rgba(255,94,169,.09),transparent 24%),radial-gradient(circle at 82% 76%,rgba(121,223,255,.07),transparent 26%);pointer-events:none}
.cl-auto66-head{position:relative;z-index:2;display:grid;grid-template-columns:minmax(0,1.08fr) minmax(360px,.72fr);gap:60px;align-items:end;margin-bottom:38px}
.cl-auto66-kicker{display:inline-flex;align-items:center;gap:10px;margin-bottom:16px;color:#bcb7c8;font-size:11px;font-weight:800;letter-spacing:.16em;text-transform:uppercase}.cl-auto66-kicker i{width:9px;height:9px;border-radius:50%;background:#ff5ea9;box-shadow:0 0 18px rgba(255,94,169,.8)}
.cl-auto66-head h2{margin:0;color:#fff;font-size:clamp(46px,5.2vw,78px);line-height:.94;letter-spacing:-.06em;font-weight:700;max-width:12ch}.cl-auto66-head h2 span{background:linear-gradient(90deg,#ff65ad 0%,#a16cff 52%,#79dfff 100%);-webkit-background-clip:text;background-clip:text;color:transparent}
.cl-auto66-head>p{margin:0;color:#9994a4;font-size:16px;line-height:1.72;max-width:560px;padding-bottom:5px}
.cl-auto66-stage{position:relative;z-index:2;min-height:620px;border-radius:38px;border:1px solid rgba(255,255,255,.075);background:linear-gradient(150deg,rgba(20,19,29,.96),rgba(7,8,13,.99));box-shadow:0 40px 120px rgba(0,0,0,.36),inset 0 1px 0 rgba(255,255,255,.05);overflow:hidden;padding:34px 34px 76px;display:grid;grid-template-columns:minmax(280px,.92fr) minmax(330px,1.02fr) minmax(280px,.92fr);gap:28px;align-items:center}
.cl-auto66-stage:before{content:"";position:absolute;inset:1px;border-radius:37px;background:linear-gradient(180deg,rgba(255,255,255,.035),transparent 20%,transparent 80%,rgba(255,255,255,.018));pointer-events:none}
.cl-auto66-glow{position:absolute;border-radius:50%;filter:blur(30px);pointer-events:none}.cl-auto66-glow-a{width:380px;height:380px;left:24%;top:8%;background:radial-gradient(circle,rgba(255,94,169,.12),transparent 68%)}.cl-auto66-glow-b{width:460px;height:460px;right:11%;bottom:-20%;background:radial-gradient(circle,rgba(121,223,255,.10),rgba(156,107,255,.06) 42%,transparent 70%)}
.cl-auto66-flow{position:absolute;inset:0;width:100%;height:100%;z-index:0;pointer-events:none}.cl-auto66-flow-soft,.cl-auto66-flow-line{fill:none;stroke-linecap:round}.cl-auto66-flow-soft{stroke:rgba(255,255,255,.045);stroke-width:18}.cl-auto66-flow-line{stroke:url(#clAuto66Gradient);stroke-width:2.4;stroke-dasharray:9 11;filter:url(#clAuto66Glow);animation:clAuto66Dash 12s linear infinite;opacity:.9}.cl-auto66-flow-dot{fill:#fff;filter:url(#clAuto66Glow);animation:clAuto66Dot 4.8s ease-in-out infinite}@keyframes clAuto66Dash{to{stroke-dashoffset:-160}}@keyframes clAuto66Dot{0%,100%{transform:translate(0,0);opacity:.35}48%{transform:translate(375px,-121px);opacity:1}100%{transform:translate(757px,0);opacity:.35}}
.cl-auto66-zone,.cl-auto66-core{position:relative;z-index:3}.cl-auto66-zone-label{display:flex;align-items:center;gap:9px;margin-bottom:16px;color:#fff}.cl-auto66-zone-label span{display:grid;place-items:center;width:31px;height:31px;border-radius:50%;border:1px solid rgba(255,255,255,.1);background:rgba(255,255,255,.035);color:#ff73b7;font-size:10px;font-weight:900}.cl-auto66-zone-label b{font-size:11px;letter-spacing:.12em}.cl-auto66-zone-label em{margin-left:auto;color:#686372;font-size:9px;font-style:normal}
.cl-auto66-input-stack{position:relative;height:370px}.cl-auto66-app{position:absolute;display:flex;align-items:center;gap:12px;width:min(265px,88%);padding:14px 15px;border-radius:20px;border:1px solid rgba(255,255,255,.075);background:linear-gradient(145deg,rgba(255,255,255,.065),rgba(255,255,255,.025));backdrop-filter:blur(16px);box-shadow:0 18px 42px rgba(0,0,0,.25),inset 0 1px 0 rgba(255,255,255,.04);transform-origin:center;transition:.3s ease}.cl-auto66-app:hover{border-color:rgba(255,255,255,.16);transform:translateY(-4px) rotate(0deg)!important}.cl-auto66-app-icon{display:grid;place-items:center;width:42px;height:42px;border-radius:14px;background:linear-gradient(135deg,rgba(255,94,169,.20),rgba(121,223,255,.15));color:#fff;font-size:17px;box-shadow:inset 0 1px 0 rgba(255,255,255,.06)}.cl-auto66-app div{min-width:0}.cl-auto66-app b{display:block;color:#fff;font-size:13px}.cl-auto66-app small{display:block;margin-top:4px;color:#827c8b;font-size:10px}.cl-auto66-app i{margin-left:auto;width:8px;height:8px;border-radius:50%;background:#ff70b5;box-shadow:0 0 14px rgba(255,112,181,.7)}.cl-auto66-app-form{left:8%;top:12px;transform:rotate(-4deg)}.cl-auto66-app-chat{right:0;top:94px;transform:rotate(3.5deg)}.cl-auto66-app-mail{left:1%;top:190px;transform:rotate(-2deg)}.cl-auto66-app-book{right:8%;top:278px;transform:rotate(2.5deg)}
.cl-auto66-core{display:grid;place-items:center;align-self:center;min-height:420px}.cl-auto66-core-rings{position:absolute;inset:0;display:grid;place-items:center;pointer-events:none}.cl-auto66-core-rings i{position:absolute;border-radius:50%;border:1px solid rgba(255,255,255,.075)}.cl-auto66-core-rings i:nth-child(1){width:310px;height:310px}.cl-auto66-core-rings i:nth-child(2){width:390px;height:235px;border-color:rgba(255,94,169,.07);transform:rotate(18deg)}.cl-auto66-core-rings i:nth-child(3){width:350px;height:200px;border-color:rgba(121,223,255,.07);transform:rotate(-20deg)}
.cl-auto66-core-card{position:relative;z-index:3;width:235px;height:270px;padding:18px 18px 20px;border-radius:34px;border:1px solid rgba(255,255,255,.12);background:linear-gradient(150deg,rgba(28,25,40,.97),rgba(10,10,17,.98));box-shadow:0 30px 80px rgba(0,0,0,.42),0 0 60px rgba(142,108,255,.08),inset 0 1px 0 rgba(255,255,255,.06);display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center}.cl-auto66-core-card:before{content:"";position:absolute;inset:-1px;border-radius:35px;padding:1px;background:linear-gradient(135deg,rgba(255,94,169,.62),rgba(161,108,255,.30),rgba(121,223,255,.62));-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask-composite:exclude;opacity:.7}.cl-auto66-core-card img{width:128px;height:128px;object-fit:contain;filter:drop-shadow(0 18px 34px rgba(87,57,190,.26));animation:clAuto66Float 5.8s ease-in-out infinite}.cl-auto66-core-card span{margin-top:10px;color:#706a78;font-size:8px;font-weight:900;letter-spacing:.16em}.cl-auto66-core-card strong{margin-top:5px;color:#fff;font-size:18px;letter-spacing:-.03em}.cl-auto66-core-card small{margin-top:5px;color:#8f8998;font-size:9px}.cl-auto66-core-note{position:absolute;bottom:22px;padding:9px 13px;border-radius:999px;border:1px solid rgba(255,255,255,.08);background:rgba(6,7,12,.72);backdrop-filter:blur(10px);color:#a39dac;font-size:9px;font-weight:700}@keyframes clAuto66Float{0%,100%{transform:translateY(0) rotate(-1deg)}50%{transform:translateY(-8px) rotate(1deg)}}
.cl-auto66-output-stack{display:grid;gap:11px;padding-top:26px}.cl-auto66-result{display:grid;grid-template-columns:44px 1fr 30px;align-items:center;gap:12px;padding:15px;border-radius:20px;border:1px solid rgba(255,255,255,.075);background:linear-gradient(145deg,rgba(255,255,255,.055),rgba(255,255,255,.022));box-shadow:0 15px 34px rgba(0,0,0,.22),inset 0 1px 0 rgba(255,255,255,.035);opacity:.96}.cl-auto66-result-icon{display:grid;place-items:center;width:44px;height:44px;border-radius:14px;background:linear-gradient(135deg,rgba(255,94,169,.18),rgba(121,223,255,.14));color:#fff;font-size:16px}.cl-auto66-result small{display:block;color:#706b78;font-size:8px;font-weight:900;letter-spacing:.11em;text-transform:uppercase}.cl-auto66-result b{display:block;margin-top:5px;color:#eeeaf2;font-size:12px}.cl-auto66-result em{display:grid;place-items:center;width:29px;height:29px;border-radius:50%;background:rgba(130,231,193,.11);color:#83e3bf;font-size:13px;font-style:normal;box-shadow:inset 0 0 0 1px rgba(130,231,193,.10)}
.cl-auto66-bottom{position:absolute;left:34px;right:34px;bottom:23px;z-index:3;display:flex;justify-content:center;gap:24px;padding-top:17px;border-top:1px solid rgba(255,255,255,.055)}.cl-auto66-bottom>div{display:flex;align-items:center;gap:8px;color:#7f7987;font-size:9px}.cl-auto66-bottom b{font-weight:700}.cl-auto66-mini-dot{width:6px;height:6px;border-radius:50%;background:linear-gradient(135deg,#ff5ea9,#79dfff);box-shadow:0 0 12px rgba(155,108,255,.55)}
@media(max-width:1199px){.cl-auto66-stage{grid-template-columns:minmax(250px,.9fr) minmax(290px,1fr) minmax(250px,.9fr);gap:18px;padding-inline:24px}.cl-auto66-core-card{width:210px;height:250px}.cl-auto66-core-rings i:nth-child(1){width:270px;height:270px}.cl-auto66-core-rings i:nth-child(2){width:330px;height:210px}.cl-auto66-core-rings i:nth-child(3){width:300px;height:180px}.cl-auto66-zone-label em{display:none}.cl-auto66-app{width:min(235px,92%)}}
@media(max-width:991px){.cl-auto66{padding:88px 0!important}.cl-auto66-head{grid-template-columns:1fr;gap:18px;margin-bottom:28px}.cl-auto66-head h2{max-width:13ch}.cl-auto66-head>p{max-width:680px}.cl-auto66-stage{min-height:auto;grid-template-columns:1fr;gap:22px;padding:24px 20px 82px}.cl-auto66-flow{display:none}.cl-auto66-input-stack{height:auto;display:grid;grid-template-columns:repeat(2,1fr);gap:10px}.cl-auto66-app,.cl-auto66-app-form,.cl-auto66-app-chat,.cl-auto66-app-mail,.cl-auto66-app-book{position:relative;left:auto;right:auto;top:auto;width:100%;transform:none!important}.cl-auto66-core{min-height:320px}.cl-auto66-core-card{width:225px;height:255px}.cl-auto66-output-stack{padding-top:0}.cl-auto66-bottom{left:20px;right:20px;gap:14px;flex-wrap:wrap}}
@media(max-width:575px){.cl-auto66{padding:68px 0!important}.cl-auto66-head{margin-bottom:22px}.cl-auto66-kicker{font-size:10px}.cl-auto66-head h2{font-size:38px;max-width:none}.cl-auto66-head>p{font-size:14px;line-height:1.65}.cl-auto66-stage{border-radius:28px;padding:18px 14px 72px}.cl-auto66-stage:before{border-radius:27px}.cl-auto66-zone-label{margin-bottom:10px}.cl-auto66-input-stack{grid-template-columns:1fr 1fr;gap:7px}.cl-auto66-app{padding:10px 10px;border-radius:15px;gap:8px}.cl-auto66-app-icon{width:34px;height:34px;border-radius:11px;font-size:14px}.cl-auto66-app b{font-size:11px}.cl-auto66-app small{font-size:8px}.cl-auto66-app i{display:none}.cl-auto66-core{min-height:255px}.cl-auto66-core-card{width:185px;height:210px;border-radius:28px}.cl-auto66-core-card img{width:100px;height:100px}.cl-auto66-core-card strong{font-size:15px}.cl-auto66-core-rings i:nth-child(1){width:225px;height:225px}.cl-auto66-core-rings i:nth-child(2){width:275px;height:165px}.cl-auto66-core-rings i:nth-child(3){width:255px;height:145px}.cl-auto66-core-note{bottom:2px}.cl-auto66-result{grid-template-columns:38px 1fr 26px;padding:11px 12px;border-radius:16px}.cl-auto66-result-icon{width:38px;height:38px;border-radius:12px}.cl-auto66-result b{font-size:10px}.cl-auto66-bottom{bottom:17px;gap:7px 12px;padding-top:12px}.cl-auto66-bottom>div{font-size:8px}}
@media(prefers-reduced-motion:reduce){.cl-auto66-flow-line,.cl-auto66-flow-dot,.cl-auto66-core-card img{animation:none!important}}

/* V67 — Automation section, reference 4 translated to code */
.cl-auto67{position:relative;background:#08090f;color:#fff;padding:112px 0!important;overflow:hidden}
.cl-auto67:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 67% 22%,rgba(120,82,255,.12),transparent 28%),radial-gradient(circle at 20% 72%,rgba(255,82,174,.08),transparent 25%);pointer-events:none}
.cl-auto67-shell{position:relative;z-index:2;display:grid;grid-template-columns:minmax(420px,.82fr) minmax(650px,1.18fr);gap:58px;align-items:center}
.cl-auto67-kicker{display:inline-flex;align-items:center;gap:9px;margin-bottom:18px;color:#9b91ff;font-size:11px;font-weight:800;letter-spacing:.16em;text-transform:uppercase}.cl-auto67-kicker i{width:8px;height:8px;border-radius:50%;background:#b46cff;box-shadow:0 0 18px rgba(180,108,255,.7)}
.cl-auto67-copy h2{margin:0;color:#fff;font-size:clamp(52px,5.4vw,82px);line-height:.94;letter-spacing:-.06em;font-weight:700;max-width:10ch}.cl-auto67-copy h2 span{background:linear-gradient(90deg,#ff62b2 0%,#ab6cff 48%,#73dcff 100%);-webkit-background-clip:text;background-clip:text;color:transparent}
.cl-auto67-copy>p{margin:26px 0 0;color:#aaa5b7;font-size:16px;line-height:1.78;max-width:610px}
.cl-auto67-cta{display:inline-flex;align-items:center;justify-content:space-between;gap:24px;margin-top:28px;min-width:330px;padding:15px 17px 15px 22px;border-radius:999px;color:#090a10!important;font-size:14px;font-weight:800;background:linear-gradient(90deg,#ff69b6,#a16cff 56%,#7bdfff);box-shadow:0 16px 38px rgba(126,94,255,.24);transition:.3s ease}.cl-auto67-cta b{display:grid;place-items:center;width:34px;height:34px;border-radius:50%;background:rgba(255,255,255,.92);font-size:18px}.cl-auto67-cta:hover{transform:translateY(-3px);box-shadow:0 20px 44px rgba(126,94,255,.34)}
.cl-auto67-benefits{display:grid;gap:20px;margin-top:38px;max-width:560px}.cl-auto67-benefits>div{display:grid;grid-template-columns:52px 1fr;gap:14px;align-items:start}.cl-auto67-benefits>div>span{display:grid;place-items:center;width:52px;height:52px;border-radius:16px;border:1px solid rgba(255,255,255,.09);background:linear-gradient(145deg,rgba(255,255,255,.055),rgba(255,255,255,.018));color:#ff72bd;font-size:18px;box-shadow:inset 0 1px 0 rgba(255,255,255,.04)}.cl-auto67-benefits p{margin:1px 0 0}.cl-auto67-benefits b{display:block;color:#f3eff7;font-size:14px}.cl-auto67-benefits small{display:block;margin-top:4px;color:#817b8a;font-size:12px;line-height:1.55}
.cl-auto67-visual{position:relative;min-height:690px;perspective:1500px;isolation:isolate}.cl-auto67-aura{position:absolute;inset:4% 0 0 4%;background:radial-gradient(circle at 58% 42%,rgba(120,83,255,.22),rgba(255,75,177,.10) 30%,transparent 65%);filter:blur(24px);pointer-events:none}
.cl-auto67-columns{position:absolute;left:7%;right:1%;top:14%;height:420px;display:grid;grid-template-columns:repeat(3,1fr);gap:14px;align-items:end;transform:rotateX(3deg) rotateY(-7deg);transform-style:preserve-3d;z-index:3}
.cl-auto67-column{position:relative;min-height:365px;padding:20px 16px 18px;border-radius:28px;border:1px solid rgba(255,255,255,.12);background:linear-gradient(155deg,rgba(31,24,54,.94),rgba(10,11,22,.95));box-shadow:0 28px 70px rgba(0,0,0,.34),inset 0 1px 0 rgba(255,255,255,.055);backdrop-filter:blur(18px);overflow:hidden}.cl-auto67-column:before{content:"";position:absolute;inset:-1px;border-radius:29px;padding:1px;background:linear-gradient(150deg,rgba(255,105,190,.72),rgba(136,96,255,.24),rgba(108,219,255,.58));-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask-composite:exclude;opacity:.58}.cl-auto67-column-a{transform:translateY(34px) rotateZ(-2deg)}.cl-auto67-column-b{transform:translateY(0)}.cl-auto67-column-c{transform:translateY(30px) rotateZ(2deg)}
.cl-auto67-column-head{display:flex;gap:12px;align-items:flex-start;margin-bottom:18px}.cl-auto67-column-head>span{display:grid;place-items:center;width:38px;height:38px;border-radius:13px;background:linear-gradient(135deg,rgba(255,91,184,.18),rgba(119,217,255,.15));color:#ff77c2;font-size:14px}.cl-auto67-column-head b{display:block;color:#fff;font-size:18px;letter-spacing:-.02em}.cl-auto67-column-head small{display:block;margin-top:4px;color:#8d8698;font-size:10px;line-height:1.35}
.cl-auto67-list{display:grid;gap:9px}.cl-auto67-list>div{display:grid;grid-template-columns:34px 1fr;align-items:center;gap:10px;padding:10px 11px;border-radius:14px;border:1px solid rgba(255,255,255,.065);background:linear-gradient(145deg,rgba(255,255,255,.055),rgba(255,255,255,.024));color:#ddd8e5;font-size:11px;box-shadow:inset 0 1px 0 rgba(255,255,255,.03)}.cl-auto67-list i{display:grid;place-items:center;width:34px;height:34px;border-radius:11px;background:linear-gradient(135deg,rgba(255,94,169,.22),rgba(121,223,255,.14));color:#fff;font-style:normal;font-size:14px}.cl-auto67-column-b .cl-auto67-list i{background:linear-gradient(135deg,rgba(146,105,255,.26),rgba(109,179,255,.12))}.cl-auto67-column-c .cl-auto67-list i{background:linear-gradient(135deg,rgba(118,223,255,.22),rgba(154,106,255,.18))}
.cl-auto67-mascot-wrap{position:absolute;right:1%;top:0;width:180px;height:180px;z-index:6;display:grid;place-items:center}.cl-auto67-mascot-wrap img{position:relative;z-index:3;width:124px;height:124px;object-fit:contain;filter:drop-shadow(0 18px 30px rgba(98,67,255,.32));animation:clAuto67Mascot 5.6s ease-in-out infinite}.cl-auto67-orbit{position:absolute;width:155px;height:90px;border-radius:50%;border:2px solid rgba(153,96,255,.58);box-shadow:0 0 30px rgba(104,192,255,.2);transform:rotate(-20deg)}.cl-auto67-orbit:after{content:"";position:absolute;width:9px;height:9px;border-radius:50%;right:18px;top:3px;background:#7bddff;box-shadow:0 0 18px #7bddff}@keyframes clAuto67Mascot{0%,100%{transform:translateY(0) rotate(-2deg)}50%{transform:translateY(-8px) rotate(2deg)}}
.cl-auto67-connectors{position:absolute;left:31%;right:30%;top:41%;z-index:7;pointer-events:none;display:flex;justify-content:space-between}.cl-auto67-arrow{display:grid;place-items:center;width:42px;height:42px;border-radius:50%;font-size:21px;color:white;background:radial-gradient(circle,rgba(164,105,255,.78),rgba(255,92,184,.18));box-shadow:0 0 30px rgba(156,108,255,.45);animation:clAuto67Pulse 2.8s ease-in-out infinite}.cl-auto67-arrow-2{animation-delay:1.1s;background:radial-gradient(circle,rgba(93,202,255,.78),rgba(120,89,255,.18))}@keyframes clAuto67Pulse{0%,100%{transform:scale(.92);opacity:.72}50%{transform:scale(1.08);opacity:1}}
.cl-auto67-laptop{position:absolute;left:16%;right:10%;bottom:14px;height:220px;z-index:2;transform:perspective(1000px) rotateX(64deg) rotateZ(-2deg);transform-origin:center bottom}.cl-auto67-screen{position:absolute;left:13%;right:8%;top:0;height:132px;border-radius:24px 24px 12px 12px;border:1px solid rgba(126,117,255,.24);background:linear-gradient(160deg,#161628,#0a0b14);box-shadow:0 22px 55px rgba(0,0,0,.36),0 0 40px rgba(108,95,255,.10);display:grid;grid-template-columns:18% 1fr;padding:13px;gap:12px}.cl-auto67-screen-sidebar{border-radius:12px;background:linear-gradient(180deg,rgba(255,255,255,.055),rgba(255,255,255,.018))}.cl-auto67-screen-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.cl-auto67-screen-grid i{border-radius:10px;background:linear-gradient(145deg,rgba(255,255,255,.055),rgba(255,255,255,.015));border:1px solid rgba(255,255,255,.035)}.cl-auto67-keyboard{position:absolute;left:2%;right:0;top:116px;height:76px;border-radius:12px 12px 30px 30px;background:linear-gradient(180deg,#191a29,#0a0b11);box-shadow:0 28px 65px rgba(0,0,0,.42),inset 0 1px 0 rgba(255,255,255,.04)}
.cl-auto67-float-icons{position:absolute;left:17%;right:7%;bottom:84px;z-index:5}.cl-auto67-float{position:absolute;display:grid;place-items:center;width:58px;height:58px;border-radius:18px;color:#fff;font-size:18px;background:linear-gradient(145deg,#fb58b5,#8f68ff);box-shadow:0 14px 36px rgba(128,88,255,.32);border:1px solid rgba(255,255,255,.18)}.cl-auto67-float-a{left:20%}.cl-auto67-float-b{left:50%;background:linear-gradient(145deg,#9269ff,#5daeff)}.cl-auto67-float-c{right:7%;background:linear-gradient(145deg,#5edfff,#7e68ff)}
.cl-auto67-stat{position:absolute;right:0;bottom:28px;z-index:6;width:148px;height:132px;border-radius:26px;border:1px solid rgba(255,255,255,.11);background:linear-gradient(145deg,rgba(19,18,34,.96),rgba(9,10,18,.96));display:grid;place-items:center;text-align:center;box-shadow:0 22px 50px rgba(0,0,0,.34),0 0 28px rgba(120,108,255,.13);transform:rotate(-2deg)}.cl-auto67-stat strong{display:block;font-size:40px;line-height:.9;background:linear-gradient(90deg,#ff67b7,#a16cff);-webkit-background-clip:text;background-clip:text;color:transparent}.cl-auto67-stat span{display:block;margin-top:-14px;color:#e6e0ec;font-size:11px;line-height:1.25}
@media(max-width:1199px){.cl-auto67-shell{grid-template-columns:minmax(360px,.8fr) minmax(560px,1.2fr);gap:32px}.cl-auto67-visual{min-height:640px}.cl-auto67-columns{left:3%;right:0}.cl-auto67-column{padding-inline:13px}.cl-auto67-copy h2{font-size:58px}.cl-auto67-mascot-wrap{width:150px;height:150px}.cl-auto67-mascot-wrap img{width:105px;height:105px}}
@media(max-width:991px){.cl-auto67{padding:88px 0!important}.cl-auto67-shell{grid-template-columns:1fr;gap:42px}.cl-auto67-copy{max-width:760px}.cl-auto67-copy h2{font-size:54px;max-width:12ch}.cl-auto67-visual{min-height:660px}.cl-auto67-columns{left:3%;right:3%;top:16%}.cl-auto67-mascot-wrap{right:2%}.cl-auto67-stat{right:3%}}
@media(max-width:767px){.cl-auto67{padding:72px 0!important}.cl-auto67-shell{gap:28px}.cl-auto67-kicker{font-size:10px}.cl-auto67-copy h2{font-size:40px;max-width:none}.cl-auto67-copy>p{font-size:14px;line-height:1.65;margin-top:18px}.cl-auto67-cta{min-width:0;width:100%;max-width:340px;margin-top:20px}.cl-auto67-benefits{gap:14px;margin-top:26px}.cl-auto67-benefits>div{grid-template-columns:44px 1fr}.cl-auto67-benefits>div>span{width:44px;height:44px;border-radius:14px;font-size:15px}.cl-auto67-benefits b{font-size:13px}.cl-auto67-benefits small{font-size:11px}.cl-auto67-visual{min-height:auto;padding:110px 0 190px}.cl-auto67-mascot-wrap{top:0;right:50%;transform:translateX(50%);width:130px;height:130px}.cl-auto67-mascot-wrap img{width:92px;height:92px}.cl-auto67-orbit{width:120px;height:72px}.cl-auto67-columns{position:relative;left:auto;right:auto;top:auto;height:auto;display:grid;grid-template-columns:1fr;gap:10px;transform:none}.cl-auto67-column,.cl-auto67-column-a,.cl-auto67-column-b,.cl-auto67-column-c{min-height:auto;transform:none;padding:15px;border-radius:20px}.cl-auto67-column-head{margin-bottom:11px}.cl-auto67-column-head b{font-size:15px}.cl-auto67-list{grid-template-columns:1fr 1fr;gap:7px}.cl-auto67-list>div{padding:8px;border-radius:12px;font-size:10px}.cl-auto67-list i{width:30px;height:30px;border-radius:9px;font-size:12px}.cl-auto67-connectors{display:none}.cl-auto67-laptop{left:4%;right:4%;bottom:15px;height:150px;transform:perspective(800px) rotateX(65deg)}.cl-auto67-screen{height:90px;padding:9px}.cl-auto67-keyboard{top:80px;height:54px}.cl-auto67-float-icons{display:none}.cl-auto67-stat{right:8px;bottom:16px;width:105px;height:92px;border-radius:20px}.cl-auto67-stat strong{font-size:30px}.cl-auto67-stat span{font-size:9px;margin-top:-10px}}
@media(prefers-reduced-motion:reduce){.cl-auto67-mascot-wrap img,.cl-auto67-arrow{animation:none!important}}


/* V68 — faithful translation of approved visual reference */
.cl-auto68{position:relative;background:#090a11;color:#fff;padding:118px 0 108px!important;overflow:hidden}
.cl-auto68:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 68% 35%,rgba(111,75,255,.14),transparent 33%),radial-gradient(circle at 82% 78%,rgba(255,70,173,.11),transparent 28%);pointer-events:none}
.cl-auto68-container{padding-left:46px!important;padding-right:46px!important}
.cl-auto68-shell{position:relative;z-index:2;display:grid;grid-template-columns:minmax(380px,.86fr) minmax(720px,1.45fr);gap:26px;align-items:center;max-width:1540px;margin:0 auto}
.cl-auto68-copy{padding:22px 8px 20px 12px}
.cl-auto68-kicker{display:inline-flex;align-items:center;gap:10px;color:#b89dff;font-size:12px;font-weight:800;letter-spacing:.16em;text-transform:uppercase;margin-bottom:26px}
.cl-auto68-kicker i{width:9px;height:9px;border-radius:50%;background:#af68ff;box-shadow:0 0 22px rgba(177,91,255,.85)}
.cl-auto68-copy h2{margin:0;color:#fff;font-size:clamp(56px,5.1vw,86px);line-height:.92;letter-spacing:-.065em;max-width:7.2ch}
.cl-auto68-copy h2 span{background:linear-gradient(90deg,#f065c0 0%,#a56eff 54%,#70d8ff 100%);-webkit-background-clip:text;background-clip:text;color:transparent}
.cl-auto68-copy>p{margin:28px 0 26px;max-width:570px;color:rgba(255,255,255,.73);font-size:17px;line-height:1.72}
.cl-auto68-cta{display:inline-flex;align-items:center;gap:24px;padding:17px 20px 17px 24px;border-radius:18px;color:#090a10!important;font-weight:800;font-size:14px;background:linear-gradient(90deg,#ff69cb 0%,#9a70ff 56%,#78dfff 100%);box-shadow:0 16px 38px rgba(118,92,255,.26);transition:.25s ease}
.cl-auto68-cta b{display:grid;place-items:center;width:32px;height:32px;border-radius:50%;background:rgba(255,255,255,.92)}
.cl-auto68-cta:hover{transform:translateY(-2px);box-shadow:0 22px 48px rgba(118,92,255,.34)}
.cl-auto68-benefits{display:grid;gap:20px;margin-top:40px;max-width:560px}
.cl-auto68-benefits>div{display:grid;grid-template-columns:56px 1fr;gap:14px;align-items:start}
.cl-auto68-benefits>div>span{display:grid;place-items:center;width:54px;height:54px;border-radius:16px;border:1px solid rgba(255,255,255,.10);background:linear-gradient(180deg,rgba(255,255,255,.06),rgba(255,255,255,.025));color:#ef6bc6;font-size:21px;box-shadow:inset 0 1px 0 rgba(255,255,255,.05)}
.cl-auto68-benefits p{margin:0}.cl-auto68-benefits b{display:block;color:#fff;font-size:15px;margin-bottom:5px}.cl-auto68-benefits small{display:block;color:rgba(255,255,255,.55);font-size:13px;line-height:1.5}

.cl-auto68-scene{position:relative;min-height:760px;border-radius:38px;overflow:visible;perspective:1200px}
.cl-auto68-scene:before{content:"";position:absolute;inset:70px 0 0 5%;border-radius:38px;background:radial-gradient(circle at 52% 42%,rgba(157,87,255,.13),rgba(7,8,14,0) 46%),linear-gradient(180deg,rgba(12,13,22,.16),rgba(6,7,12,.02));filter:blur(.2px)}
.cl-auto68-glow{position:absolute;border-radius:50%;filter:blur(26px);pointer-events:none}.cl-auto68-glow-a{width:260px;height:260px;left:37%;top:25%;background:rgba(244,71,196,.18)}.cl-auto68-glow-b{width:320px;height:320px;right:4%;bottom:5%;background:rgba(69,154,255,.12)}
.cl-auto68-star{position:absolute;z-index:3;color:#ff7bd1;text-shadow:0 0 18px rgba(255,84,194,.85);font-size:28px}.cl-auto68-star-a{left:40%;top:18%}.cl-auto68-star-b{right:5%;top:14%;font-size:18px;color:#8fdcff}
.cl-auto68-panels{position:absolute;z-index:4;left:10%;right:3%;top:14%;height:420px;display:flex;align-items:flex-start;justify-content:flex-end;gap:14px}
.cl-auto68-panel{width:31%;min-width:195px;padding:18px 16px 16px;border-radius:24px;border:1px solid rgba(183,139,255,.35);background:linear-gradient(180deg,rgba(24,25,44,.92),rgba(16,18,34,.88));box-shadow:0 22px 60px rgba(0,0,0,.34),inset 0 1px 0 rgba(255,255,255,.06);backdrop-filter:blur(18px);transform-style:preserve-3d}
.cl-auto68-panel-capture{transform:rotateY(8deg) rotateX(1deg) translateY(28px)}
.cl-auto68-panel-organize{transform:translateY(6px)}
.cl-auto68-panel-answer{transform:rotateY(-7deg) rotateX(1deg) translateY(42px)}
.cl-auto68-panel-title{display:flex;gap:10px;align-items:flex-start;margin-bottom:18px}.cl-auto68-panel-title>span{display:grid;place-items:center;width:38px;height:38px;border-radius:12px;background:linear-gradient(135deg,#ff66c6,#9a6cff);color:#fff;box-shadow:0 10px 24px rgba(155,93,255,.25)}
.cl-auto68-panel-title b{display:block;color:#fff;font-size:20px;line-height:1}.cl-auto68-panel-title small{display:block;color:rgba(255,255,255,.5);font-size:10px;margin-top:5px;line-height:1.35}
.cl-auto68-items{display:grid;gap:8px}.cl-auto68-items>div{display:flex;align-items:center;gap:9px;height:45px;padding:0 11px;border-radius:12px;border:1px solid rgba(255,255,255,.06);background:linear-gradient(180deg,rgba(255,255,255,.06),rgba(255,255,255,.025));color:rgba(255,255,255,.84);font-size:12px;font-weight:700}.cl-auto68-items i{display:grid;place-items:center;width:28px;height:28px;border-radius:8px;background:linear-gradient(135deg,#f16ac4,#8c6fff 56%,#63d8ff);font-style:normal;color:#fff;font-size:12px;box-shadow:0 8px 18px rgba(103,89,240,.18)}
.cl-auto68-panel-answer .cl-auto68-panel-title>span{background:linear-gradient(135deg,#69cfff,#776cff)}

.cl-auto68-mascot{position:absolute;z-index:7;right:1%;top:0;width:190px;filter:drop-shadow(0 24px 28px rgba(0,0,0,.35))}.cl-auto68-mascot img{width:100%;height:auto;display:block}
.cl-auto68-laptop{position:absolute;z-index:2;left:23%;right:4%;bottom:5%;height:300px;transform:rotateX(7deg) rotateZ(-2deg);transform-origin:center bottom;filter:drop-shadow(0 34px 46px rgba(0,0,0,.45))}
.cl-auto68-screen{position:absolute;left:13%;right:7%;top:0;height:205px;border-radius:18px 18px 9px 9px;background:linear-gradient(160deg,#1b1830 0%,#0f1225 55%,#0c1121 100%);border:1px solid rgba(130,111,255,.25);box-shadow:inset 0 0 0 1px rgba(255,255,255,.025),0 0 44px rgba(112,75,255,.13);overflow:hidden}
.cl-auto68-screen-left{position:absolute;left:0;top:0;bottom:0;width:24%;background:linear-gradient(180deg,rgba(255,255,255,.035),rgba(255,255,255,.012));border-right:1px solid rgba(255,255,255,.05)}
.cl-auto68-screen-top{position:absolute;left:28%;right:5%;top:20px;display:flex;gap:12px}.cl-auto68-screen-top i{height:10px;border-radius:999px;background:linear-gradient(90deg,#fc65c8,#9070ff 58%,#6ddcff);opacity:.55}.cl-auto68-screen-top i:nth-child(1){width:34%}.cl-auto68-screen-top i:nth-child(2){width:22%}.cl-auto68-screen-top i:nth-child(3){width:16%}
.cl-auto68-screen-cols{position:absolute;left:28%;right:5%;top:52px;bottom:22px;display:grid;grid-template-columns:1.1fr .9fr 1fr;gap:10px}.cl-auto68-screen-cols span{border-radius:10px;background:linear-gradient(180deg,rgba(128,97,255,.16),rgba(255,255,255,.025));border:1px solid rgba(255,255,255,.04)}
.cl-auto68-base{position:absolute;left:4%;right:0;bottom:0;height:116px;clip-path:polygon(8% 0,92% 0,100% 72%,97% 88%,3% 88%,0 72%);background:linear-gradient(180deg,#1a1b29,#0c0d13 72%,#090a10);border-top:1px solid rgba(255,255,255,.08);box-shadow:0 22px 38px rgba(0,0,0,.45)}

.cl-auto68-flow-line{position:absolute;z-index:5;height:5px;border-radius:999px;background:linear-gradient(90deg,#f264c3,#8c6fff 55%,#68dfff);box-shadow:0 0 18px rgba(122,93,255,.75);transform-origin:left center}.cl-auto68-flow-line.line-1{left:14%;bottom:26%;width:27%;transform:rotate(16deg)}.cl-auto68-flow-line.line-2{left:53%;bottom:22%;width:29%;transform:rotate(-8deg)}
.cl-auto68-flow-node{position:absolute;z-index:6;display:grid;place-items:center;width:54px;height:54px;border-radius:16px;border:1px solid rgba(255,255,255,.12);background:linear-gradient(145deg,#ff66c6,#8e6eff 56%,#64d8ff);color:#fff;box-shadow:0 14px 28px rgba(98,75,222,.28),0 0 22px rgba(126,87,255,.28)}.cl-auto68-flow .node-1{left:19%;bottom:19%}.cl-auto68-flow .node-2{left:49%;bottom:16%}.cl-auto68-flow .node-3{right:18%;bottom:13%}
.cl-auto68-stat{position:absolute;z-index:8;right:0;bottom:5%;width:168px;height:168px;border-radius:28px;padding:28px 22px;background:linear-gradient(160deg,rgba(21,20,33,.96),rgba(13,14,24,.96));border:1px solid rgba(144,103,255,.34);box-shadow:0 24px 48px rgba(0,0,0,.35),inset 0 1px 0 rgba(255,255,255,.05);transform:rotate(-5deg)}
.cl-auto68-stat strong{display:block;font-size:54px;line-height:.9;background:linear-gradient(90deg,#f468c6,#9d71ff);-webkit-background-clip:text;background-clip:text;color:transparent}.cl-auto68-stat span{display:block;color:#fff;font-size:15px;line-height:1.15;margin-top:10px}.cl-auto68-stat i{position:absolute;right:20px;bottom:20px;width:36px;height:52px;border-radius:8px;background:linear-gradient(180deg,#6fdcff,#8d6dff);box-shadow:-30px 12px 0 -8px #f06ac5,-58px 22px 0 -12px #7c72ff}

@media(max-width:1299.98px){.cl-auto68-shell{grid-template-columns:minmax(330px,.8fr) minmax(620px,1.35fr)}.cl-auto68-copy h2{font-size:64px}.cl-auto68-scene{min-height:690px}.cl-auto68-panel{min-width:180px}.cl-auto68-mascot{width:160px}.cl-auto68-stat{width:145px;height:145px}.cl-auto68-stat strong{font-size:46px}}
@media(max-width:991.98px){.cl-auto68{padding:88px 0 80px!important}.cl-auto68-container{padding-left:18px!important;padding-right:18px!important}.cl-auto68-shell{grid-template-columns:1fr;gap:26px}.cl-auto68-copy{padding:0}.cl-auto68-copy h2{font-size:clamp(48px,9vw,68px);max-width:8ch}.cl-auto68-scene{min-height:660px}.cl-auto68-panels{left:2%;right:2%;top:12%;gap:10px}.cl-auto68-panel{width:32%;min-width:0;padding:14px 12px}.cl-auto68-panel-title b{font-size:16px}.cl-auto68-items>div{height:40px;font-size:10px}.cl-auto68-mascot{width:145px;right:0}.cl-auto68-laptop{left:17%;right:4%;bottom:5%}.cl-auto68-stat{right:2%;bottom:4%;width:126px;height:126px;padding:22px 18px}.cl-auto68-stat strong{font-size:40px}.cl-auto68-stat span{font-size:12px}}
@media(max-width:767.98px){.cl-auto68{padding:72px 0 64px!important}.cl-auto68-copy h2{font-size:46px}.cl-auto68-copy>p{font-size:15px;line-height:1.62;margin-top:20px}.cl-auto68-benefits{margin-top:28px;gap:14px}.cl-auto68-benefits>div{grid-template-columns:48px 1fr}.cl-auto68-benefits>div>span{width:46px;height:46px;border-radius:14px}.cl-auto68-scene{min-height:760px;margin-top:6px}.cl-auto68-panels{position:relative;left:auto;right:auto;top:auto;height:auto;display:grid;grid-template-columns:1fr;gap:10px;padding:0 4px;z-index:4}.cl-auto68-panel{width:100%;transform:none!important;padding:14px 14px;border-radius:18px}.cl-auto68-panel-title{margin-bottom:12px}.cl-auto68-panel-title b{font-size:18px}.cl-auto68-items{grid-template-columns:repeat(2,1fr)}.cl-auto68-items>div{height:38px}.cl-auto68-mascot{width:118px;right:2%;top:34%;z-index:6}.cl-auto68-laptop{left:5%;right:2%;bottom:2%;height:240px;transform:rotateX(4deg) rotateZ(-1deg)}.cl-auto68-screen{left:9%;right:5%;height:160px}.cl-auto68-base{height:90px}.cl-auto68-flow-line,.cl-auto68-flow-node{display:none}.cl-auto68-stat{width:110px;height:110px;right:5%;bottom:3%;padding:18px 14px;border-radius:22px;transform:none}.cl-auto68-stat strong{font-size:36px}.cl-auto68-stat span{font-size:10px}.cl-auto68-star-a{left:8%;top:41%}.cl-auto68-star-b{right:5%;top:43%}}

/* V69 — GitHub-inspired automation bento (Magic UI patterns adapted to vanilla CSS/GSAP) */
.cl-auto69{position:relative;background:#090a10;color:#fff;padding:108px 0 96px!important;overflow:hidden}
.cl-auto69::before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 18% 10%,rgba(245,83,194,.10),transparent 26%),radial-gradient(circle at 82% 42%,rgba(101,111,255,.12),transparent 28%),linear-gradient(180deg,#090a10 0%,#0b0c13 100%);pointer-events:none}
.cl-auto69::after{content:"";position:absolute;left:50%;top:52%;width:880px;height:520px;transform:translate(-50%,-50%);background:radial-gradient(ellipse at center,rgba(115,75,255,.08),transparent 68%);filter:blur(20px);pointer-events:none}
.cl-auto69-wrap{position:relative;z-index:2;max-width:1420px}
.cl-auto69-head{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(340px,.65fr);gap:64px;align-items:end;margin-bottom:38px}
.cl-auto69-kicker{display:inline-flex;align-items:center;gap:10px;margin-bottom:18px;color:#d7c8ff;font-size:11px;font-weight:800;letter-spacing:.18em;text-transform:uppercase}
.cl-auto69-kicker i{width:7px;height:7px;border-radius:50%;background:#ff68c7;box-shadow:0 0 20px rgba(255,89,192,.9)}
.cl-auto69-head h2{margin:0;font-size:clamp(42px,5.1vw,76px);line-height:.96;letter-spacing:-.055em;color:#fff;max-width:13ch}
.cl-auto69-head h2 span{background:linear-gradient(90deg,#f26cc6 0%,#a176ff 52%,#71ddff 100%);-webkit-background-clip:text;background-clip:text;color:transparent}
.cl-auto69-head>p{margin:0 0 4px;color:rgba(255,255,255,.62);font-size:16px;line-height:1.72;max-width:560px}
.cl-auto69-bento{display:grid;grid-template-columns:minmax(0,.92fr) minmax(0,1.08fr);grid-template-areas:"tools results" "flow flow";gap:18px}
.cl-auto69-card{position:relative;border-radius:30px;border:1px solid rgba(255,255,255,.08);background:linear-gradient(160deg,rgba(255,255,255,.055),rgba(255,255,255,.018) 58%,rgba(100,75,255,.025));box-shadow:0 24px 72px rgba(0,0,0,.28),inset 0 1px 0 rgba(255,255,255,.04);overflow:hidden}
.cl-auto69-card::before{content:"";position:absolute;inset:0;background:linear-gradient(120deg,rgba(255,255,255,.04),transparent 24%,transparent 72%,rgba(111,92,255,.035));pointer-events:none}
.cl-auto69-card-top{position:relative;z-index:2;display:flex;align-items:flex-start;gap:12px;padding:24px 26px 16px}
.cl-auto69-index{display:grid;place-items:center;flex:0 0 auto;width:32px;height:32px;border-radius:11px;border:1px solid rgba(255,255,255,.1);background:rgba(255,255,255,.04);color:#cdbdff;font-size:10px;font-weight:800;letter-spacing:.08em}
.cl-auto69-card-top b,.cl-auto69-flow-copy b{display:block;color:#fff;font-size:18px;line-height:1.05;letter-spacing:-.02em}
.cl-auto69-card-top small,.cl-auto69-flow-copy small{display:block;margin-top:5px;color:rgba(255,255,255,.45);font-size:12px;line-height:1.35}

/* tools marquee */
.cl-auto69-tools-card{grid-area:tools;min-height:330px}
.cl-auto69-marquee-shell{position:relative;display:flex;flex-direction:column;gap:12px;padding:18px 0 12px;overflow:hidden}
.cl-auto69-marquee-shell::before,.cl-auto69-marquee-shell::after{content:"";position:absolute;z-index:4;top:0;bottom:0;width:84px;pointer-events:none}
.cl-auto69-marquee-shell::before{left:0;background:linear-gradient(90deg,#0d0e15 14%,transparent)}
.cl-auto69-marquee-shell::after{right:0;background:linear-gradient(-90deg,#0d0e15 14%,transparent)}
.cl-auto69-marquee{display:flex;width:max-content;gap:12px;padding-left:10px;animation:cl69MarqueeA 24s linear infinite;will-change:transform}
.cl-auto69-marquee-b{animation-name:cl69MarqueeB;animation-duration:27s;opacity:.78}
.cl-auto69-tool{display:flex;align-items:center;gap:10px;min-width:max-content;height:54px;padding:0 14px 0 10px;border-radius:17px;border:1px solid rgba(255,255,255,.08);background:rgba(9,10,16,.74);backdrop-filter:blur(12px);color:rgba(255,255,255,.82);font-size:12px;font-weight:700;box-shadow:inset 0 1px 0 rgba(255,255,255,.025),0 10px 24px rgba(0,0,0,.16)}
.cl-auto69-tool i{display:grid;place-items:center;width:34px;height:34px;border-radius:11px;font-style:normal;font-size:12px;font-weight:900;color:#fff;letter-spacing:-.04em;box-shadow:inset 0 1px 0 rgba(255,255,255,.12),0 8px 18px rgba(0,0,0,.22)}
.cl-auto69-tool .tool-wa{background:linear-gradient(135deg,#27c274,#0f8d54)}
.cl-auto69-tool .tool-mail{background:linear-gradient(135deg,#6e8cff,#4761df)}
.cl-auto69-tool .tool-cal{background:linear-gradient(135deg,#5ab9ff,#546cff)}
.cl-auto69-tool .tool-form{background:linear-gradient(135deg,#d262ff,#8a55e4)}
.cl-auto69-tool .tool-crm{background:linear-gradient(135deg,#ff63c3,#8f7cff);font-size:9px}
.cl-auto69-tool .tool-sheet{background:linear-gradient(135deg,#4fcf8b,#229961)}
.cl-auto69-tool .tool-drive{background:linear-gradient(135deg,#6bd6ff,#6f8cff)}
.cl-auto69-tool-footer{position:absolute;left:26px;right:26px;bottom:22px;display:flex;align-items:center;gap:10px;color:rgba(255,255,255,.45);font-size:12px}
.cl-auto69-pulse{width:8px;height:8px;border-radius:50%;background:#76ddff;box-shadow:0 0 0 0 rgba(118,221,255,.5);animation:cl69Pulse 2.2s infinite}
@keyframes cl69MarqueeA{from{transform:translateX(0)}to{transform:translateX(-50%)}}
@keyframes cl69MarqueeB{from{transform:translateX(-24%)}to{transform:translateX(-74%)}}
@keyframes cl69Pulse{0%{box-shadow:0 0 0 0 rgba(118,221,255,.45)}70%{box-shadow:0 0 0 10px rgba(118,221,255,0)}100%{box-shadow:0 0 0 0 rgba(118,221,255,0)}}

/* animated results list */
.cl-auto69-result-card{grid-area:results;min-height:330px}
.cl-auto69-events{display:grid;gap:9px;padding:6px 22px 18px}
.cl-auto69-event{position:relative;display:grid;grid-template-columns:46px 1fr auto;gap:12px;align-items:center;min-height:58px;padding:9px 12px;border-radius:18px;border:1px solid rgba(255,255,255,.065);background:rgba(8,9,14,.55);opacity:.44;transform:translateX(8px) scale(.985);transition:opacity .45s ease,transform .45s ease,border-color .45s ease,background .45s ease}
.cl-auto69-event.is-active{opacity:1;transform:none;border-color:rgba(163,113,255,.24);background:linear-gradient(90deg,rgba(255,255,255,.055),rgba(97,76,255,.06))}
.cl-auto69-event .event-icon{display:grid;place-items:center;width:38px;height:38px;border-radius:13px;color:#fff;font-weight:900;font-size:15px;box-shadow:0 8px 24px rgba(0,0,0,.22)}
.event-pink{background:linear-gradient(135deg,#ff68c7,#ae5cff)}.event-purple{background:linear-gradient(135deg,#9e6fff,#7559e8)}.event-blue{background:linear-gradient(135deg,#657dff,#4bbcf5)}.event-cyan{background:linear-gradient(135deg,#56d6e9,#438dff)}
.cl-auto69-event b{display:block;color:#fff;font-size:12px;line-height:1.2}.cl-auto69-event small{display:block;margin-top:4px;color:rgba(255,255,255,.43);font-size:10px;line-height:1.25}.cl-auto69-event em{font-style:normal;color:rgba(255,255,255,.32);font-size:9px;letter-spacing:.04em}
.cl-auto69-result-bottom{position:absolute;right:24px;bottom:22px;display:flex;gap:7px;align-items:center;font-size:11px}.cl-auto69-result-bottom strong{color:#fff}.cl-auto69-result-bottom span{color:rgba(255,255,255,.42)}

/* flow card inspired by Magic UI animated beam + border beam */
.cl-auto69-flow-card{grid-area:flow;min-height:360px;padding:24px 24px 20px;overflow:hidden}
.cl-auto69-border-beam{position:absolute;inset:-1px;border-radius:31px;padding:1px;background:conic-gradient(from 0deg,transparent 0 70%,#ff66c5 78%,#9b72ff 86%,#72ddff 94%,transparent 100%);animation:cl69BorderSpin 5.2s linear infinite;opacity:.82;pointer-events:none;mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);mask-composite:exclude;-webkit-mask-composite:xor}
@keyframes cl69BorderSpin{to{transform:rotate(360deg)}}
.cl-auto69-flow-copy{position:relative;z-index:3;display:flex;align-items:flex-start;gap:12px}
.cl-auto69-flow-stage{position:relative;height:220px;margin:10px 4% 0;display:grid;grid-template-columns:1fr 1.15fr 1fr;align-items:center}
.cl-auto69-beams{position:absolute;inset:0;width:100%;height:100%;overflow:visible;pointer-events:none}
.cl-auto69-beams .beam-base{fill:none;stroke:rgba(255,255,255,.075);stroke-width:5;stroke-linecap:round}
.cl-auto69-beams .beam-live{fill:none;stroke:url(#beam69a);stroke-width:5;stroke-linecap:round;stroke-dasharray:26 240;animation:cl69Beam 3.2s linear infinite;filter:url(#glow69)}
@keyframes cl69Beam{to{stroke-dashoffset:-266}}
.cl-auto69-step{position:relative;z-index:3;justify-self:center;text-align:center;max-width:210px}
.cl-auto69-step-icon{display:grid;place-items:center;width:58px;height:58px;margin:0 auto 12px;border-radius:18px;border:1px solid rgba(255,255,255,.11);background:linear-gradient(160deg,rgba(255,255,255,.08),rgba(255,255,255,.025));color:#f7f3ff;font-size:23px;box-shadow:0 16px 34px rgba(0,0,0,.22),inset 0 1px 0 rgba(255,255,255,.05)}
.cl-auto69-step-in .cl-auto69-step-icon{box-shadow:0 0 28px rgba(244,92,192,.16),0 16px 34px rgba(0,0,0,.22)}
.cl-auto69-step-out .cl-auto69-step-icon{box-shadow:0 0 28px rgba(99,213,255,.14),0 16px 34px rgba(0,0,0,.22)}
.cl-auto69-step b{display:block;color:#fff;font-size:16px}.cl-auto69-step small{display:block;margin-top:5px;color:rgba(255,255,255,.42);font-size:11px;line-height:1.35}
.cl-auto69-core-wrap{position:relative;z-index:4;justify-self:center;width:182px;height:182px;display:grid;place-items:center}
.cl-auto69-core-ring{position:absolute;left:50%;top:50%;border-radius:50%;border:1px solid rgba(147,105,255,.18);transform:translate(-50%,-50%);pointer-events:none}.cl-auto69-core-ring.ring-one{width:176px;height:176px;animation:cl69Ring 5s linear infinite}.cl-auto69-core-ring.ring-two{width:142px;height:142px;border-color:rgba(103,210,255,.14);animation:cl69Ring 7s linear infinite reverse}
.cl-auto69-core-ring::before,.cl-auto69-core-ring::after{content:"";position:absolute;width:9px;height:9px;border-radius:50%;background:linear-gradient(135deg,#ff6bc8,#78dcff);box-shadow:0 0 16px rgba(152,104,255,.75)}.cl-auto69-core-ring::before{left:15%;top:9%}.cl-auto69-core-ring::after{right:8%;bottom:18%}
@keyframes cl69Ring{to{transform:translate(-50%,-50%) rotate(360deg)}}
.cl-auto69-core{position:relative;width:116px;height:116px;border-radius:34px;display:flex;flex-direction:column;align-items:center;justify-content:center;background:radial-gradient(circle at 50% 20%,rgba(255,255,255,.14),transparent 32%),linear-gradient(145deg,rgba(255,96,198,.26),rgba(122,89,255,.28) 55%,rgba(82,199,255,.20));border:1px solid rgba(255,255,255,.12);box-shadow:0 0 52px rgba(128,80,255,.23),0 24px 44px rgba(0,0,0,.34),inset 0 1px 0 rgba(255,255,255,.09);backdrop-filter:blur(14px)}
.cl-auto69-core img{width:64px;height:64px;object-fit:contain;filter:drop-shadow(0 8px 14px rgba(0,0,0,.28))}.cl-auto69-core span{margin-top:-1px;color:rgba(255,255,255,.72);font-size:9px;font-weight:800;letter-spacing:.07em;text-transform:uppercase}
.cl-auto69-flow-tabs{position:relative;z-index:4;display:flex;align-items:center;gap:8px;padding-top:2px;flex-wrap:wrap}
.cl-auto69-flow-tabs button{height:36px;padding:0 14px;border:1px solid rgba(255,255,255,.08);border-radius:999px;background:rgba(255,255,255,.035);color:rgba(255,255,255,.48);font-size:10px;font-weight:800;letter-spacing:.03em;cursor:pointer;transition:.25s ease}
.cl-auto69-flow-tabs button:hover,.cl-auto69-flow-tabs button.is-active{color:#fff;border-color:rgba(163,113,255,.28);background:linear-gradient(90deg,rgba(242,94,194,.13),rgba(117,108,255,.13));box-shadow:0 8px 22px rgba(0,0,0,.16)}
.cl-auto69-scenario-copy{margin-left:auto;color:rgba(255,255,255,.44);font-size:11px}

.cl-auto69-footer{display:grid;grid-template-columns:1fr 1fr 1fr auto;gap:16px;align-items:center;margin-top:18px;padding:16px 18px;border-radius:24px;border:1px solid rgba(255,255,255,.065);background:rgba(255,255,255,.025)}
.cl-auto69-footer>div{display:grid;grid-template-columns:28px 1fr;gap:9px;align-items:center;padding:2px 10px}.cl-auto69-footer>div>span{color:#ad9cff;font-size:10px;font-weight:900}.cl-auto69-footer p{margin:0}.cl-auto69-footer b{display:block;color:#fff;font-size:11px}.cl-auto69-footer small{display:block;color:rgba(255,255,255,.38);font-size:9px;line-height:1.3;margin-top:2px}.cl-auto69-footer>a{display:inline-flex;align-items:center;gap:10px;justify-content:center;height:44px;padding:0 16px;border-radius:15px;background:linear-gradient(90deg,#f469c6,#9d72ff 55%,#77dcff);color:#090a10!important;font-size:11px;font-weight:900;box-shadow:0 12px 28px rgba(114,91,255,.19)}

@media(max-width:1199.98px){.cl-auto69-head{grid-template-columns:1fr .72fr;gap:36px}.cl-auto69-head h2{font-size:58px}.cl-auto69-bento{grid-template-columns:1fr 1fr}.cl-auto69-flow-stage{margin-left:1%;margin-right:1%}}
@media(max-width:991.98px){.cl-auto69{padding:88px 0 78px!important}.cl-auto69-head{grid-template-columns:1fr;gap:16px;margin-bottom:28px}.cl-auto69-head h2{font-size:clamp(42px,7vw,58px);max-width:14ch}.cl-auto69-head>p{max-width:720px}.cl-auto69-bento{grid-template-columns:1fr;grid-template-areas:"tools" "results" "flow"}.cl-auto69-tools-card,.cl-auto69-result-card{min-height:310px}.cl-auto69-footer{grid-template-columns:1fr 1fr}.cl-auto69-footer>a{grid-column:1/-1}.cl-auto69-scenario-copy{width:100%;margin-left:0;padding-top:4px}}
@media(max-width:767.98px){.cl-auto69{padding:72px 0 62px!important}.cl-auto69-wrap{padding-left:16px!important;padding-right:16px!important}.cl-auto69-head h2{font-size:40px;line-height:.98}.cl-auto69-head>p{font-size:14px;line-height:1.62}.cl-auto69-card{border-radius:24px}.cl-auto69-card-top{padding:19px 18px 13px}.cl-auto69-tools-card{min-height:285px}.cl-auto69-result-card{min-height:340px}.cl-auto69-tool-footer{left:18px;right:18px}.cl-auto69-events{padding-left:14px;padding-right:14px}.cl-auto69-event{grid-template-columns:38px 1fr;gap:10px}.cl-auto69-event em{display:none}.cl-auto69-flow-card{min-height:430px;padding:18px 14px 16px}.cl-auto69-flow-stage{height:290px;margin:4px 0 0;grid-template-columns:1fr;grid-template-rows:1fr 1.25fr 1fr}.cl-auto69-beams{transform:rotate(90deg);left:50%;top:50%;width:58%;height:340%;transform-origin:center}.cl-auto69-step{max-width:220px}.cl-auto69-step-icon{width:46px;height:46px;border-radius:15px;font-size:18px;margin-bottom:7px}.cl-auto69-step small{font-size:10px}.cl-auto69-core-wrap{width:140px;height:140px}.cl-auto69-core-ring.ring-one{width:134px;height:134px}.cl-auto69-core-ring.ring-two{width:108px;height:108px}.cl-auto69-core{width:92px;height:92px;border-radius:28px}.cl-auto69-core img{width:50px;height:50px}.cl-auto69-core span{font-size:7px}.cl-auto69-flow-tabs{justify-content:center;margin-top:4px}.cl-auto69-flow-tabs button{height:34px;padding:0 11px}.cl-auto69-scenario-copy{text-align:center;font-size:10px}.cl-auto69-footer{grid-template-columns:1fr;padding:13px}.cl-auto69-footer>div{padding:3px 4px}.cl-auto69-footer>a{grid-column:auto;width:100%}}
@media(prefers-reduced-motion:reduce){.cl-auto69-marquee,.cl-auto69-border-beam,.cl-auto69-beams .beam-live,.cl-auto69-core-ring,.cl-auto69-pulse{animation:none!important}}

/* V70 — cinematic automation deck */
.cl-auto70{position:relative;overflow:hidden;background:#090a0f;padding:118px 0 108px!important}
.cl-auto70::before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 76% 42%,rgba(108,79,255,.12),transparent 33%),radial-gradient(circle at 84% 58%,rgba(60,199,255,.07),transparent 24%),radial-gradient(circle at 63% 30%,rgba(255,83,181,.06),transparent 22%);pointer-events:none}
.cl-auto70-container{position:relative;z-index:2}
.cl-auto70-shell{display:grid;grid-template-columns:minmax(330px,.72fr) minmax(650px,1.28fr);gap:74px;align-items:center}
.cl-auto70-copy{position:relative;z-index:5}
.cl-auto70-kicker{display:inline-flex;align-items:center;gap:9px;color:#ff7ccc;font-size:11px;font-weight:850;letter-spacing:.17em;text-transform:uppercase}
.cl-auto70-kicker i{width:8px;height:8px;border-radius:50%;background:linear-gradient(135deg,#ff62c0,#75dcff);box-shadow:0 0 18px rgba(255,98,192,.65)}
.cl-auto70-copy h2{margin:20px 0 0;color:#fff;font-size:clamp(50px,4.6vw,76px);line-height:.94;letter-spacing:-.055em;max-width:9.8ch}
.cl-auto70-copy h2 span{background:linear-gradient(90deg,#ef68c7 0%,#a473ff 54%,#79ddff 100%);-webkit-background-clip:text;background-clip:text;color:transparent}
.cl-auto70-copy>p{margin:24px 0 0;max-width:560px;color:rgba(255,255,255,.58);font-size:16px;line-height:1.72}
.cl-auto70-cta{display:inline-flex;align-items:center;gap:18px;margin-top:30px;height:56px;padding:0 12px 0 22px;border-radius:18px;color:#fff!important;font-size:13px;font-weight:850;border:1px solid rgba(255,255,255,.10);background:linear-gradient(90deg,rgba(240,94,195,.95),rgba(144,105,255,.95) 54%,rgba(103,209,255,.95));box-shadow:0 16px 40px rgba(114,89,255,.22)}
.cl-auto70-cta b{display:grid;place-items:center;width:34px;height:34px;border-radius:12px;background:rgba(9,10,15,.92);font-size:15px}
.cl-auto70-proof{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-top:30px;max-width:520px}
.cl-auto70-proof>div{padding:14px 15px;border-radius:18px;border:1px solid rgba(255,255,255,.065);background:rgba(255,255,255,.025)}
.cl-auto70-proof strong{display:block;color:#fff;font-size:13px}.cl-auto70-proof span{display:block;color:rgba(255,255,255,.38);font-size:10px;margin-top:2px}

.cl-auto70-stage{position:relative;min-height:650px;perspective:1600px;isolation:isolate}
.cl-auto70-halo{position:absolute;border-radius:50%;filter:blur(24px);opacity:.65;pointer-events:none}.cl-auto70-halo.halo-pink{width:300px;height:300px;left:9%;top:18%;background:radial-gradient(circle,rgba(255,68,190,.20),transparent 70%)}.cl-auto70-halo.halo-blue{width:360px;height:360px;right:2%;bottom:10%;background:radial-gradient(circle,rgba(87,206,255,.15),transparent 70%)}
.cl-auto70-streams{position:absolute;z-index:1;inset:7% 0 7% 0;width:100%;height:86%;overflow:visible;pointer-events:none}.cl-auto70-streams .stream-back{fill:none;stroke:rgba(255,255,255,.055);stroke-width:2}.cl-auto70-streams .stream-live{fill:none;stroke:url(#cl70streamA);stroke-width:3;stroke-linecap:round;stroke-dasharray:2 18;filter:url(#cl70glow);animation:cl70dash 5.4s linear infinite}.cl-auto70-streams .stream-two{animation-delay:-2.4s;opacity:.8}@keyframes cl70dash{to{stroke-dashoffset:-160}}
.cl-auto70-deck{position:absolute;z-index:3;inset:7% 0 8%;transform-style:preserve-3d}
.cl-auto70-pane{position:absolute;top:10%;width:35%;min-height:500px;padding:24px;border-radius:34px;border:1px solid rgba(255,255,255,.085);background:linear-gradient(160deg,rgba(26,25,38,.92),rgba(12,13,22,.97));box-shadow:0 34px 90px rgba(0,0,0,.42),inset 0 1px 0 rgba(255,255,255,.05);backdrop-filter:blur(18px);overflow:hidden;transform-style:preserve-3d}
.cl-auto70-pane::before{content:"";position:absolute;inset:0;background:linear-gradient(145deg,rgba(255,255,255,.045),transparent 24%,transparent 76%,rgba(255,255,255,.018));pointer-events:none}
.cl-auto70-pane::after{content:"";position:absolute;left:18px;right:18px;top:0;height:1px;background:linear-gradient(90deg,transparent,rgba(255,103,201,.58),rgba(110,211,255,.48),transparent);opacity:.8}
.cl-auto70-pane.pane-input{left:2%;transform:translateZ(-80px) rotateY(7deg) rotateZ(-2.2deg);transform-origin:right center}
.cl-auto70-pane.pane-ai{left:32.6%;top:3.5%;width:34.8%;min-height:540px;z-index:5;transform:translateZ(70px);background:radial-gradient(circle at 50% 32%,rgba(154,103,255,.13),transparent 36%),linear-gradient(160deg,rgba(30,28,45,.96),rgba(10,11,18,.98))}
.cl-auto70-pane.pane-output{right:1.2%;transform:translateZ(-58px) rotateY(-7deg) rotateZ(2deg);transform-origin:left center}
.cl-auto70-pane-head{display:flex;align-items:center;justify-content:space-between;position:relative;z-index:2}.cl-auto70-pane-head span{color:rgba(255,255,255,.44);font-size:9px;font-weight:900;letter-spacing:.18em}.cl-auto70-pane-head em{font-style:normal;color:rgba(255,255,255,.16);font-size:28px;font-weight:900;letter-spacing:-.05em}
.cl-auto70-pane h3{position:relative;z-index:2;margin:28px 0 0;color:#fff;font-size:30px;line-height:1;letter-spacing:-.04em}.cl-auto70-pane>p{position:relative;z-index:2;margin:8px 0 0;color:rgba(255,255,255,.42);font-size:12px;line-height:1.5}
.cl-auto70-inbox,.cl-auto70-done-list{position:relative;z-index:2;display:grid;gap:10px;margin-top:28px}
.cl-auto70-mini{display:grid;grid-template-columns:34px 1fr auto;gap:10px;align-items:center;padding:13px 12px;border-radius:18px;background:rgba(255,255,255,.035);border:1px solid rgba(255,255,255,.055)}
.cl-auto70-mini .mini-dot{display:grid;place-items:center;width:34px;height:34px;border-radius:12px}.cl-auto70-mini .mini-dot::after{content:"";width:10px;height:10px;border-radius:50%;background:#fff}.cl-auto70-mini .wa{background:rgba(75,214,142,.14);box-shadow:inset 0 0 0 1px rgba(75,214,142,.14)}.cl-auto70-mini .form{background:rgba(255,95,192,.14)}.cl-auto70-mini .cal{background:rgba(96,191,255,.14)}
.cl-auto70-mini b,.cl-auto70-done b{display:block;color:#fff;font-size:11px}.cl-auto70-mini small,.cl-auto70-done small{display:block;color:rgba(255,255,255,.36);font-size:9px;margin-top:2px}.cl-auto70-mini time{color:rgba(255,255,255,.25);font-size:8px}
.cl-auto70-pane-foot{position:absolute;left:24px;right:24px;bottom:22px;display:flex;align-items:center;gap:8px;color:rgba(255,255,255,.30);font-size:9px}.cl-auto70-pane-foot>span{width:7px;height:7px;border-radius:50%;background:linear-gradient(135deg,#f36bc6,#70dbff);box-shadow:0 0 14px rgba(126,93,255,.65)}

.cl-auto70-ai-orb{position:relative;width:228px;height:228px;margin:54px auto 0;display:grid;place-items:center}.cl-auto70-ai-orb::before{content:"";position:absolute;inset:18%;border-radius:50%;background:radial-gradient(circle at 35% 30%,rgba(255,255,255,.23),rgba(146,83,255,.34) 28%,rgba(40,31,90,.54) 58%,rgba(7,9,16,.74));box-shadow:0 0 70px rgba(138,83,255,.32),inset 0 0 32px rgba(255,255,255,.08)}
.cl-auto70-ai-orb .orb-line{position:absolute;left:50%;top:50%;border:1px solid rgba(255,255,255,.10);border-radius:50%;transform:translate(-50%,-50%)}.cl-auto70-ai-orb .line-a{width:210px;height:112px;transform:translate(-50%,-50%) rotate(12deg)}.cl-auto70-ai-orb .line-b{width:206px;height:118px;transform:translate(-50%,-50%) rotate(-38deg)}.cl-auto70-ai-orb .line-c{width:174px;height:174px;border-color:rgba(255,103,201,.14)}
.cl-auto70-ai-orb .orb-line::after{content:"";position:absolute;width:9px;height:9px;border-radius:50%;background:linear-gradient(135deg,#ff65c4,#6edcff);box-shadow:0 0 18px rgba(152,105,255,.8);left:8%;top:20%}.cl-auto70-ai-orb .line-b::after{left:auto;right:4%;top:68%}.cl-auto70-ai-orb .line-c::after{left:70%;top:4%}
.cl-auto70-ai-orb .orb-core{position:relative;z-index:3;width:100px;height:100px;border-radius:30px;display:grid;place-items:center;background:linear-gradient(145deg,rgba(242,96,198,.30),rgba(120,92,255,.34) 54%,rgba(89,207,255,.22));border:1px solid rgba(255,255,255,.12);box-shadow:0 18px 50px rgba(0,0,0,.32),inset 0 1px 0 rgba(255,255,255,.08)}.cl-auto70-ai-orb .orb-core b{font-size:34px;line-height:1;color:#fff;text-shadow:0 0 24px rgba(255,255,255,.4)}.cl-auto70-ai-orb .orb-core span{position:absolute;bottom:13px;color:rgba(255,255,255,.54);font-size:9px;font-weight:900;letter-spacing:.12em}
.cl-auto70-ai-status{display:flex;align-items:center;justify-content:center;gap:8px;margin-top:16px;color:rgba(255,255,255,.55);font-size:10px}.cl-auto70-ai-status i{width:7px;height:7px;border-radius:50%;background:#76dcff;box-shadow:0 0 14px rgba(118,220,255,.8);animation:cl70Pulse 1.6s ease-in-out infinite}@keyframes cl70Pulse{50%{opacity:.35;transform:scale(.75)}}
.cl-auto70-ai-pills{display:flex;justify-content:center;gap:6px;margin-top:15px}.cl-auto70-ai-pills span{padding:7px 9px;border-radius:999px;background:rgba(255,255,255,.035);border:1px solid rgba(255,255,255,.06);color:rgba(255,255,255,.38);font-size:8px;font-weight:800;letter-spacing:.06em}
.cl-auto70-done{display:grid;grid-template-columns:34px 1fr;gap:10px;align-items:center;padding:13px 12px;border-radius:18px;background:rgba(255,255,255,.035);border:1px solid rgba(255,255,255,.055)}.cl-auto70-done i{display:grid;place-items:center;width:34px;height:34px;border-radius:12px;font-style:normal;font-size:14px;color:#0c1114;background:linear-gradient(145deg,#8af1c7,#65d9ff);box-shadow:0 8px 20px rgba(89,219,190,.12)}
.cl-auto70-float-chip{position:absolute;z-index:7;display:flex;align-items:center;gap:7px;height:34px;padding:0 11px;border-radius:12px;border:1px solid rgba(255,255,255,.075);background:rgba(12,13,20,.86);backdrop-filter:blur(10px);color:rgba(255,255,255,.62);font-size:9px;font-weight:800;box-shadow:0 12px 32px rgba(0,0,0,.22)}.cl-auto70-float-chip span{width:7px;height:7px;border-radius:50%;background:linear-gradient(135deg,#f36bc6,#70dbff)}.cl-auto70-float-chip.chip-one{left:1%;top:7%;transform:rotate(-4deg)}.cl-auto70-float-chip.chip-two{left:43%;top:0}.cl-auto70-float-chip.chip-three{right:3%;top:12%;transform:rotate(4deg)}.cl-auto70-float-chip.chip-four{right:8%;bottom:3%;transform:rotate(-3deg)}
.cl-auto70-mobile-tabs{display:none}

@media(max-width:1199.98px){.cl-auto70-shell{grid-template-columns:minmax(300px,.72fr) minmax(560px,1.28fr);gap:36px}.cl-auto70-stage{min-height:600px}.cl-auto70-pane{width:36%;min-height:460px;padding:20px}.cl-auto70-pane.pane-ai{width:35%;min-height:500px}.cl-auto70-copy h2{font-size:60px}.cl-auto70-ai-orb{width:200px;height:200px}.cl-auto70-ai-orb .line-a{width:184px}.cl-auto70-ai-orb .line-b{width:180px}.cl-auto70-pane h3{font-size:26px}}
@media(max-width:991.98px){.cl-auto70{padding:88px 0 78px!important}.cl-auto70-shell{grid-template-columns:1fr;gap:34px}.cl-auto70-copy h2{max-width:13ch}.cl-auto70-copy>p{max-width:720px}.cl-auto70-stage{min-height:610px}.cl-auto70-deck{inset:8% 2%}.cl-auto70-float-chip{display:none}}
@media(max-width:767.98px){.cl-auto70{padding:72px 0 64px!important}.cl-auto70-container{padding-left:16px!important;padding-right:16px!important}.cl-auto70-copy h2{font-size:43px;line-height:.96;max-width:11ch}.cl-auto70-copy>p{font-size:14px;line-height:1.65;margin-top:20px}.cl-auto70-proof{margin-top:22px;gap:7px}.cl-auto70-proof>div{padding:11px 10px;border-radius:15px}.cl-auto70-proof strong{font-size:11px}.cl-auto70-proof span{font-size:8px}.cl-auto70-stage{min-height:540px;padding-top:58px}.cl-auto70-streams{display:none}.cl-auto70-deck{position:relative;inset:auto;height:430px}.cl-auto70-pane{left:50%!important;right:auto!important;top:0!important;width:min(88vw,340px)!important;min-height:405px!important;transform:translateX(-50%) scale(.92)!important;opacity:0;pointer-events:none;transition:opacity .35s ease,transform .45s cubic-bezier(.2,.8,.2,1)}.cl-auto70-pane.is-mobile-active{opacity:1;pointer-events:auto;transform:translateX(-50%) scale(1)!important}.cl-auto70-pane h3{font-size:26px}.cl-auto70-ai-orb{width:198px;height:198px;margin-top:46px}.cl-auto70-ai-orb .line-a{width:184px}.cl-auto70-ai-orb .line-b{width:178px}.cl-auto70-mobile-tabs{display:flex;position:absolute;left:50%;top:0;transform:translateX(-50%);z-index:9;padding:5px;border-radius:999px;background:rgba(255,255,255,.035);border:1px solid rgba(255,255,255,.065)}.cl-auto70-mobile-tabs button{height:34px;padding:0 13px;border:0;background:transparent;border-radius:999px;color:rgba(255,255,255,.38);font-size:10px;font-weight:850}.cl-auto70-mobile-tabs button.is-active{color:#fff;background:linear-gradient(90deg,rgba(240,97,197,.25),rgba(109,194,255,.20));box-shadow:inset 0 0 0 1px rgba(255,255,255,.06)}.cl-auto70-pane-foot{bottom:18px}.cl-auto70-cta{height:52px;margin-top:24px}.cl-auto70-halo.halo-pink{width:180px;height:180px;left:0}.cl-auto70-halo.halo-blue{width:200px;height:200px;right:-12%;bottom:18%}}
@media(prefers-reduced-motion:reduce){.cl-auto70-streams .stream-live,.cl-auto70-ai-status i{animation:none!important}}

/* =========================================================
   V71 — AUTOMATIZACIÓN + IA · EDITORIAL VISUAL
   ========================================================= */
.cl-auto71{position:relative;overflow:hidden;background:#090a10;padding:112px 0 120px;color:#fff}
.cl-auto71:before{content:"";position:absolute;inset:0;pointer-events:none;background:radial-gradient(circle at 72% 36%,rgba(126,91,255,.13),transparent 34%),radial-gradient(circle at 86% 62%,rgba(83,203,255,.08),transparent 28%),radial-gradient(circle at 10% 18%,rgba(255,87,170,.07),transparent 24%)}
.cl-auto71-container{position:relative;z-index:2}
.cl-auto71-shell{display:grid;grid-template-columns:minmax(0,.92fr) minmax(480px,1.08fr);gap:78px;align-items:center}
.cl-auto71-copy{max-width:650px}
.cl-auto71-kicker{display:inline-flex;align-items:center;gap:9px;margin-bottom:18px;color:rgba(255,255,255,.66);font-size:11px;line-height:1;font-weight:800;letter-spacing:.16em;text-transform:uppercase}
.cl-auto71-kicker i{width:8px;height:8px;border-radius:50%;background:#ec5cae;box-shadow:0 0 18px rgba(236,92,174,.75)}
.cl-auto71 h2{margin:0 0 20px;color:#fff;font-size:clamp(44px,4.2vw,68px);line-height:.98;letter-spacing:-.052em;font-weight:760;max-width:10.5ch;text-wrap:balance}
.cl-auto71 h2 span{background:linear-gradient(90deg,#ec5cae 0%,#956cff 48%,#72d8ff 100%);-webkit-background-clip:text;background-clip:text;color:transparent}
.cl-auto71-lead{margin:0 0 28px;max-width:620px;color:rgba(235,235,242,.67);font-size:16px;line-height:1.68}
.cl-auto71-points{display:grid;gap:10px;margin:0 0 22px}
.cl-auto71-point{display:grid;grid-template-columns:46px 1fr;gap:14px;padding:15px 16px;border-radius:18px;border:1px solid rgba(255,255,255,.075);background:rgba(255,255,255,.027);box-shadow:inset 0 1px 0 rgba(255,255,255,.025);transition:transform .28s ease,border-color .28s ease,background .28s ease}
.cl-auto71-point:hover{transform:translateX(5px);border-color:rgba(190,126,255,.2);background:rgba(255,255,255,.042)}
.cl-auto71-point-icon{display:grid;place-items:center;width:42px;height:42px;border-radius:13px;border:1px solid rgba(255,255,255,.09);background:linear-gradient(145deg,rgba(239,86,174,.16),rgba(107,128,255,.11));color:#f18bc5;font-size:10px;font-weight:800;letter-spacing:.1em}
.cl-auto71-point h3{margin:1px 0 4px;color:#fff;font-size:16px;line-height:1.25;font-weight:680}
.cl-auto71-point p{margin:0;color:rgba(229,229,238,.57);font-size:13px;line-height:1.52}
.cl-auto71-example{display:flex;align-items:center;flex-wrap:wrap;gap:8px;margin:22px 0 24px;color:rgba(255,255,255,.52);font-size:11px;font-weight:700;letter-spacing:.03em}
.cl-auto71-example span{display:inline-flex;align-items:center;height:31px;padding:0 11px;border-radius:999px;border:1px solid rgba(255,255,255,.075);background:rgba(255,255,255,.025)}
.cl-auto71-example span.is-ai{color:#fff;border-color:rgba(166,112,255,.26);background:linear-gradient(90deg,rgba(236,92,174,.12),rgba(109,132,255,.12))}
.cl-auto71-example i{font-style:normal;color:#b48aff}
.cl-auto71-actions{display:flex;align-items:center;gap:16px;flex-wrap:wrap}
.cl-auto71-cta{display:inline-flex;align-items:center;gap:14px;min-height:52px;padding:0 18px 0 21px;border-radius:999px;background:linear-gradient(90deg,#df5cae 0%,#916cff 52%,#70ceff 100%);color:#fff;font-size:13px;font-weight:800;box-shadow:0 14px 34px rgba(117,83,255,.24);transition:transform .25s ease,box-shadow .25s ease}
.cl-auto71-cta b{display:grid;place-items:center;width:32px;height:32px;border-radius:50%;background:#fff;color:#11121a;font-size:14px;transition:transform .25s ease}
.cl-auto71-cta:hover{color:#fff;transform:translateY(-2px);box-shadow:0 18px 38px rgba(117,83,255,.32)}
.cl-auto71-cta:hover b{transform:translate(2px,-2px)}
.cl-auto71-actions small{max-width:190px;color:rgba(255,255,255,.4);font-size:11px;line-height:1.45}
.cl-auto71-visual{position:relative;min-height:690px;display:grid;place-items:center;perspective:1200px}
.cl-auto71-frame{position:relative;width:min(100%,620px);padding:10px;border-radius:38px;background:linear-gradient(145deg,rgba(255,255,255,.105),rgba(255,255,255,.025));border:1px solid rgba(255,255,255,.10);box-shadow:0 34px 100px rgba(0,0,0,.42),0 0 75px rgba(111,81,255,.10);overflow:hidden;transform:rotateY(-3deg) rotateX(1deg);transform-origin:center center;will-change:transform}
.cl-auto71-frame:before{content:"";position:absolute;inset:0;border-radius:inherit;padding:1px;background:linear-gradient(145deg,rgba(236,92,174,.52),rgba(145,108,255,.12) 45%,rgba(112,216,255,.45));-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask-composite:exclude;pointer-events:none}
.cl-auto71-frame img{display:block;width:100%;height:auto;border-radius:29px;background:#090a10}
.cl-auto71-frame-line{position:absolute;z-index:4;inset:10px;border-radius:29px;box-shadow:inset 0 0 0 1px rgba(255,255,255,.055);pointer-events:none}
.cl-auto71-shine{position:absolute;z-index:5;top:-30%;left:-50%;width:42%;height:160%;transform:rotate(15deg);background:linear-gradient(90deg,transparent,rgba(255,255,255,.12),transparent);filter:blur(8px);opacity:.55;pointer-events:none}
.cl-auto71-glow{position:absolute;border-radius:50%;filter:blur(55px);pointer-events:none}
.cl-auto71-glow.glow-a{width:260px;height:260px;right:8%;top:11%;background:rgba(228,77,170,.17)}
.cl-auto71-glow.glow-b{width:290px;height:290px;left:7%;bottom:7%;background:rgba(79,159,255,.15)}
.cl-auto71-float{position:absolute;z-index:7;display:flex;align-items:center;gap:8px;height:38px;padding:0 13px;border-radius:999px;border:1px solid rgba(255,255,255,.1);background:rgba(11,11,17,.72);backdrop-filter:blur(14px);box-shadow:0 12px 34px rgba(0,0,0,.25);color:rgba(255,255,255,.78);font-size:10px;font-weight:800;letter-spacing:.08em;text-transform:uppercase;white-space:nowrap}
.cl-auto71-float i{width:7px;height:7px;border-radius:50%;background:#ec5cae;box-shadow:0 0 13px rgba(236,92,174,.8)}
.cl-auto71-float.float-a{left:-8px;top:20%}.cl-auto71-float.float-b{right:-12px;bottom:21%}.cl-auto71-float.float-b i{background:#72d8ff;box-shadow:0 0 13px rgba(114,216,255,.8)}
@media(max-width:1199.98px){.cl-auto71-shell{grid-template-columns:minmax(0,.95fr) minmax(420px,1.05fr);gap:42px}.cl-auto71-visual{min-height:610px}.cl-auto71 h2{font-size:52px}.cl-auto71-frame{width:min(100%,540px)}}
@media(max-width:991.98px){.cl-auto71{padding:88px 0 94px}.cl-auto71-shell{grid-template-columns:1fr;gap:44px}.cl-auto71-copy{max-width:760px}.cl-auto71 h2{max-width:12ch}.cl-auto71-visual{min-height:0}.cl-auto71-frame{width:min(100%,650px);transform:none}.cl-auto71-float.float-a{left:4%;top:12%}.cl-auto71-float.float-b{right:4%;bottom:15%}}
@media(max-width:767.98px){.cl-auto71{padding:72px 0 74px}.cl-auto71-shell{gap:30px}.cl-auto71 h2{font-size:clamp(35px,10vw,46px);max-width:11ch;margin-bottom:16px}.cl-auto71-lead{font-size:14px;line-height:1.62;margin-bottom:20px}.cl-auto71-point{grid-template-columns:42px 1fr;padding:13px;border-radius:16px}.cl-auto71-point-icon{width:36px;height:36px;border-radius:11px}.cl-auto71-point h3{font-size:15px}.cl-auto71-point p{font-size:12px}.cl-auto71-example{margin:18px 0 20px;gap:6px}.cl-auto71-example span{height:28px;padding:0 9px;font-size:10px}.cl-auto71-actions{align-items:flex-start;flex-direction:column;gap:10px}.cl-auto71-cta{width:100%;justify-content:space-between}.cl-auto71-actions small{max-width:none}.cl-auto71-frame{padding:7px;border-radius:25px}.cl-auto71-frame img,.cl-auto71-frame-line{border-radius:19px}.cl-auto71-frame-line{inset:7px}.cl-auto71-float{display:none}}
@media(prefers-reduced-motion:reduce){.cl-auto71-frame,.cl-auto71-point,.cl-auto71-cta{transition:none!important}.cl-auto71-shine{display:none}}

/* V72 — Automation video section */
.cl-auto72{position:relative;overflow:hidden;background:#08090f;padding:112px 0 120px;color:#fff}
.cl-auto72:before{content:"";position:absolute;inset:0;pointer-events:none;background:radial-gradient(circle at 78% 32%,rgba(128,88,255,.14),transparent 31%),radial-gradient(circle at 91% 67%,rgba(77,200,255,.08),transparent 23%),radial-gradient(circle at 9% 12%,rgba(255,77,166,.07),transparent 22%)}
.cl-auto72-container{position:relative;z-index:2}
.cl-auto72-shell{display:grid;grid-template-columns:minmax(0,.98fr) minmax(390px,.82fr);gap:82px;align-items:center}
.cl-auto72-copy{max-width:670px}
.cl-auto72-kicker{display:inline-flex;align-items:center;gap:9px;margin-bottom:18px;color:rgba(255,255,255,.64);font-size:11px;line-height:1;font-weight:800;letter-spacing:.16em;text-transform:uppercase}
.cl-auto72-kicker i{width:8px;height:8px;border-radius:50%;background:#ec5cae;box-shadow:0 0 18px rgba(236,92,174,.72)}
.cl-auto72 h2{margin:0 0 21px;color:#fff;font-size:clamp(44px,4.2vw,68px);line-height:.98;letter-spacing:-.052em;font-weight:760;max-width:10.8ch;text-wrap:balance}
.cl-auto72 h2 span{background:linear-gradient(90deg,#ec5cae 0%,#986cff 48%,#72d8ff 100%);-webkit-background-clip:text;background-clip:text;color:transparent}
.cl-auto72-lead{margin:0 0 29px;max-width:640px;color:rgba(235,235,242,.68);font-size:16px;line-height:1.7}
.cl-auto72-points{display:grid;gap:10px;margin:0 0 22px}
.cl-auto72-point{display:grid;grid-template-columns:46px 1fr;gap:14px;padding:15px 16px;border-radius:18px;border:1px solid rgba(255,255,255,.075);background:linear-gradient(145deg,rgba(255,255,255,.035),rgba(255,255,255,.018));box-shadow:inset 0 1px 0 rgba(255,255,255,.025);transition:transform .28s ease,border-color .28s ease,background .28s ease}
.cl-auto72-point:hover{transform:translateX(5px);border-color:rgba(190,126,255,.20);background:rgba(255,255,255,.045)}
.cl-auto72-point-icon{display:grid;place-items:center;width:46px;height:46px;border-radius:14px;border:1px solid rgba(255,255,255,.09);background:linear-gradient(145deg,rgba(239,86,174,.10),rgba(107,128,255,.09));box-shadow:inset 0 1px 0 rgba(255,255,255,.04),0 10px 26px rgba(0,0,0,.18);overflow:hidden}.cl-auto72-point-icon img{display:block;width:34px;height:34px;object-fit:contain;filter:drop-shadow(0 7px 14px rgba(90,60,255,.18))}
.cl-auto72-point h3{margin:1px 0 4px;color:#fff;font-size:16px;line-height:1.25;font-weight:680}
.cl-auto72-point p{margin:0;color:rgba(229,229,238,.58);font-size:13px;line-height:1.53}
.cl-auto72-flow{display:flex;align-items:center;flex-wrap:wrap;gap:8px;margin:22px 0 24px;color:rgba(255,255,255,.52);font-size:11px;font-weight:700;letter-spacing:.03em}
.cl-auto72-flow span{display:inline-flex;align-items:center;height:31px;padding:0 11px;border-radius:999px;border:1px solid rgba(255,255,255,.075);background:rgba(255,255,255,.025)}
.cl-auto72-flow span.is-ai{color:#fff;border-color:rgba(166,112,255,.26);background:linear-gradient(90deg,rgba(236,92,174,.13),rgba(109,132,255,.13))}
.cl-auto72-flow i{font-style:normal;color:#b48aff}
.cl-auto72-actions{display:flex;align-items:center;gap:16px;flex-wrap:wrap}
.cl-auto72-cta{display:inline-flex;align-items:center;gap:14px;min-height:54px;padding:0 18px 0 21px;border-radius:999px;background:linear-gradient(90deg,#df5cae 0%,#916cff 52%,#70ceff 100%);color:#fff;font-size:13px;font-weight:800;box-shadow:0 14px 34px rgba(117,83,255,.24);transition:transform .25s ease,box-shadow .25s ease}
.cl-auto72-cta b{display:grid;place-items:center;width:32px;height:32px;border-radius:50%;background:#fff;color:#11121a;font-size:14px;transition:transform .25s ease}
.cl-auto72-cta:hover{color:#fff;transform:translateY(-2px);box-shadow:0 18px 38px rgba(117,83,255,.32)}
.cl-auto72-cta:hover b{transform:translate(2px,-2px)}
.cl-auto72-actions small{max-width:230px;color:rgba(255,255,255,.40);font-size:11px;line-height:1.45}
.cl-auto72-visual{position:relative;min-height:760px;display:grid;place-items:center;perspective:1200px}
.cl-auto72-video-frame{position:relative;width:min(100%,430px);aspect-ratio:9/16;padding:10px;border-radius:42px;background:linear-gradient(145deg,rgba(255,255,255,.115),rgba(255,255,255,.026));border:1px solid rgba(255,255,255,.10);box-shadow:0 42px 120px rgba(0,0,0,.48),0 0 90px rgba(111,81,255,.13);overflow:hidden;transform:rotateY(-3deg) rotateX(1deg);transform-origin:center center;will-change:transform}
.cl-auto72-video-frame:before{content:"";position:absolute;z-index:4;inset:0;border-radius:inherit;padding:1px;background:linear-gradient(145deg,rgba(236,92,174,.62),rgba(145,108,255,.14) 44%,rgba(112,216,255,.55));-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask-composite:exclude;pointer-events:none}
.cl-auto72-video{display:block;width:100%;height:100%;object-fit:cover;border-radius:32px;background:#090a10;transform:translateZ(0)}
.cl-auto72-frame-shine{position:absolute;z-index:5;top:-24%;left:-55%;width:38%;height:150%;transform:rotate(14deg);background:linear-gradient(90deg,transparent,rgba(255,255,255,.16),transparent);filter:blur(10px);opacity:.50;pointer-events:none}
.cl-auto72-frame-dot{position:absolute;z-index:6;width:8px;height:8px;border-radius:50%;background:#fff;box-shadow:0 0 18px rgba(255,255,255,.82);pointer-events:none}
.cl-auto72-frame-dot.dot-a{left:22px;top:22px}.cl-auto72-frame-dot.dot-b{right:22px;bottom:22px;background:#72d8ff;box-shadow:0 0 18px rgba(114,216,255,.88)}
.cl-auto72-ambient{position:absolute;border-radius:50%;filter:blur(58px);pointer-events:none}
.cl-auto72-ambient.ambient-a{width:280px;height:280px;right:2%;top:9%;background:rgba(228,77,170,.18)}
.cl-auto72-ambient.ambient-b{width:300px;height:300px;left:0;bottom:5%;background:rgba(79,159,255,.16)}
.cl-auto72-orbit{position:absolute;border-radius:50%;pointer-events:none;border:1px solid rgba(255,255,255,.055)}
.cl-auto72-orbit.orbit-a{width:540px;height:540px;transform:rotate(-8deg)}
.cl-auto72-orbit.orbit-b{width:610px;height:350px;transform:rotate(16deg);border-color:rgba(129,105,255,.08)}
.cl-auto72-chip{position:absolute;z-index:8;display:flex;align-items:center;gap:8px;height:38px;padding:0 13px;border-radius:999px;border:1px solid rgba(255,255,255,.10);background:rgba(10,10,16,.74);backdrop-filter:blur(14px);box-shadow:0 12px 34px rgba(0,0,0,.26);color:rgba(255,255,255,.80);font-size:10px;font-weight:800;letter-spacing:.08em;text-transform:uppercase;white-space:nowrap}
.cl-auto72-chip i{width:7px;height:7px;border-radius:50%;background:#ec5cae;box-shadow:0 0 13px rgba(236,92,174,.82)}
.cl-auto72-chip.chip-a{left:1%;top:17%}.cl-auto72-chip.chip-b{right:-3%;top:49%}.cl-auto72-chip.chip-c{left:-1%;bottom:15%}.cl-auto72-chip.chip-b i{background:#72d8ff;box-shadow:0 0 13px rgba(114,216,255,.82)}.cl-auto72-chip.chip-c i{background:#9d78ff;box-shadow:0 0 13px rgba(157,120,255,.82)}
@media(max-width:1199.98px){.cl-auto72-shell{grid-template-columns:minmax(0,.98fr) minmax(360px,.82fr);gap:46px}.cl-auto72-visual{min-height:700px}.cl-auto72 h2{font-size:52px}.cl-auto72-video-frame{width:min(100%,390px)}.cl-auto72-chip.chip-a{left:-2%}.cl-auto72-chip.chip-b{right:-2%}.cl-auto72-chip.chip-c{left:0}}
@media(max-width:991.98px){.cl-auto72{padding:88px 0 94px}.cl-auto72-shell{grid-template-columns:1fr;gap:44px}.cl-auto72-copy{max-width:760px}.cl-auto72 h2{max-width:12ch}.cl-auto72-visual{min-height:0}.cl-auto72-video-frame{width:min(82vw,430px);transform:none}.cl-auto72-orbit.orbit-a{width:min(94vw,540px);height:min(94vw,540px)}.cl-auto72-orbit.orbit-b{width:min(98vw,610px);height:min(64vw,350px)}.cl-auto72-chip.chip-a{left:9%;top:13%}.cl-auto72-chip.chip-b{right:8%;top:48%}.cl-auto72-chip.chip-c{left:8%;bottom:12%}}
@media(max-width:767.98px){.cl-auto72{padding:72px 0 76px}.cl-auto72-shell{gap:30px}.cl-auto72 h2{font-size:clamp(35px,10vw,46px);max-width:11ch;margin-bottom:16px}.cl-auto72-lead{font-size:14px;line-height:1.62;margin-bottom:20px}.cl-auto72-point{grid-template-columns:42px 1fr;padding:13px;border-radius:16px}.cl-auto72-point-icon{width:42px;height:42px;border-radius:12px}.cl-auto72-point-icon img{width:31px;height:31px}.cl-auto72-point h3{font-size:15px}.cl-auto72-point p{font-size:12px}.cl-auto72-flow{margin:18px 0 20px;gap:6px}.cl-auto72-flow span{height:28px;padding:0 9px;font-size:10px}.cl-auto72-actions{align-items:flex-start;flex-direction:column;gap:10px}.cl-auto72-cta{width:100%;justify-content:space-between}.cl-auto72-actions small{max-width:none}.cl-auto72-video-frame{width:min(90vw,365px);padding:7px;border-radius:28px}.cl-auto72-video{border-radius:21px}.cl-auto72-chip{height:32px;padding:0 10px;font-size:8px}.cl-auto72-chip.chip-a{left:2%;top:15%}.cl-auto72-chip.chip-b{right:2%;top:50%}.cl-auto72-chip.chip-c{left:3%;bottom:13%}.cl-auto72-orbit{display:none}}
@media(prefers-reduced-motion:reduce){.cl-auto72-video-frame,.cl-auto72-point,.cl-auto72-cta{transition:none!important}.cl-auto72-frame-shine{display:none}}


/* =========================================================
   V74 — Unified section-title typography
   Reference: "Todo lo que necesitas para crecer en digital."
   ========================================================= */
.cl-about14-title,
.cl29-projects .cl34-project-title,
.cl57-av-heading h2,
.cl-auto72 h2 {
  font-family: var(--heading-font-family, "Beatrice Trial", sans-serif) !important;
  font-size: 50px !important;
  font-weight: 500 !important;
  line-height: 1.2 !important;
  letter-spacing: normal !important;
}

/* Keep each section's existing accent treatment, only unify typography. */
@media (max-width: 1199.98px) {
  .cl-about14-title,
  .cl29-projects .cl34-project-title,
  .cl57-av-heading h2,
  .cl-auto72 h2 { font-size: 44px !important; }
}
@media (max-width: 767.98px) {
  .cl-about14-title,
  .cl29-projects .cl34-project-title,
  .cl57-av-heading h2,
  .cl-auto72 h2 { font-size: 40px !important; }
}
@media (max-width: 575.98px) {
  .cl-about14-title,
  .cl29-projects .cl34-project-title,
  .cl57-av-heading h2,
  .cl-auto72 h2 { font-size: 36px !important; }
}
@media (max-width: 469.98px) {
  .cl-about14-title,
  .cl29-projects .cl34-project-title,
  .cl57-av-heading h2,
  .cl-auto72 h2 { font-size: 28px !important; }
}

/* V75 — testimonials rebuilt for current ContrasteLab visual system */
.cl75-testimonials{
  position:relative;
  overflow:hidden;
  background:
    radial-gradient(circle at 18% 16%,rgba(208,82,179,.10),transparent 28%),
    radial-gradient(circle at 82% 72%,rgba(104,125,255,.09),transparent 30%),
    #0b0b11!important;
  isolation:isolate;
}
.cl75-testimonials::before{
  content:"";position:absolute;inset:0;z-index:0;pointer-events:none;opacity:.32;
  background-image:
    linear-gradient(rgba(255,255,255,.025) 1px,transparent 1px),
    linear-gradient(90deg,rgba(255,255,255,.02) 1px,transparent 1px);
  background-size:72px 72px;
  mask-image:linear-gradient(to bottom,transparent 0,#000 20%,#000 78%,transparent 100%);
}
.cl75-testimonials .container{position:relative;z-index:2}
.cl75-testimonials-orbit{position:absolute;border:1px solid rgba(255,255,255,.045);border-radius:50%;pointer-events:none;z-index:0}
.cl75-testimonials-orbit-a{width:900px;height:900px;left:-360px;top:-280px}
.cl75-testimonials-orbit-b{width:760px;height:760px;right:-290px;bottom:-340px;border-color:rgba(144,113,255,.07)}
.cl75-testimonials-head{display:flex;align-items:flex-end;justify-content:space-between;gap:40px;margin-bottom:44px}
.cl75-testimonials-title-wrap{max-width:760px}
.cl75-kicker{display:inline-flex;align-items:center;gap:10px;margin-bottom:14px;color:#beb9c9;font-size:14px;letter-spacing:.08em;text-transform:uppercase;font-weight:600}
.cl75-kicker-dot{width:8px;height:8px;border-radius:50%;background:linear-gradient(135deg,#ff63bd,#8d72ff 56%,#69d5ff);box-shadow:0 0 18px rgba(204,92,217,.55)}
.cl75-title{margin:0!important;color:#fff!important;font-family:"Beatrice Trial",sans-serif!important;font-size:50px!important;line-height:1.08!important;font-weight:500!important;letter-spacing:-.035em!important;max-width:12ch}
.cl75-title span{background:linear-gradient(90deg,#ea5da8 0%,#aa69ef 56%,#75cffa 100%);-webkit-background-clip:text;background-clip:text;color:transparent!important}
.cl75-rating-summary{display:flex;align-items:center;gap:18px;min-width:290px;justify-content:flex-end;padding-bottom:4px}
.cl75-rating-summary strong{font-family:"Beatrice Trial",sans-serif;color:#fff;font-size:42px;line-height:1;font-weight:500}
.cl75-stars,.cl75-person-stars{letter-spacing:.12em;color:#ec5bab;line-height:1}
.cl75-rating-summary .cl75-stars{font-size:17px;margin-bottom:7px}
.cl75-rating-summary span{display:block;color:#8f8a99;font-size:13px;line-height:1.4}
.cl75-slider-shell{position:relative;padding:26px;border:1px solid rgba(255,255,255,.08);border-radius:34px;background:linear-gradient(180deg,rgba(20,19,29,.84),rgba(9,9,14,.94));box-shadow:0 34px 90px rgba(0,0,0,.32),inset 0 1px 0 rgba(255,255,255,.035);backdrop-filter:blur(14px)}
.cl75-slider-shell::before{content:"";position:absolute;inset:-1px;border-radius:35px;padding:1px;background:linear-gradient(120deg,rgba(255,255,255,.12),rgba(232,83,173,.38) 26%,rgba(143,108,255,.10) 54%,rgba(94,211,255,.28) 84%,rgba(255,255,255,.08));-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask-composite:exclude;pointer-events:none}
.cl75-testimonial-slider{overflow:hidden!important;border-radius:24px}
.cl75-review-card{display:grid;grid-template-columns:300px minmax(0,1fr);min-height:430px;overflow:hidden;border-radius:24px;background:rgba(5,5,8,.64);border:1px solid rgba(255,255,255,.05)}
.cl75-review-person{position:relative;display:flex;flex-direction:column;align-items:flex-start;justify-content:center;padding:42px;border-right:1px solid rgba(255,255,255,.07);background:linear-gradient(145deg,rgba(255,255,255,.025),rgba(255,255,255,0)),radial-gradient(circle at 24% 24%,rgba(226,88,174,.12),transparent 38%)}
.cl75-review-person::after{content:"";position:absolute;width:180px;height:180px;border:1px solid rgba(255,255,255,.045);border-radius:50%;left:-70px;bottom:-84px}
.cl75-avatar-ring{width:134px;height:134px;padding:4px;border-radius:50%;background:linear-gradient(135deg,#f05cac,#9a6ef3 54%,#72d5fb);box-shadow:0 0 0 6px rgba(255,255,255,.025),0 12px 34px rgba(0,0,0,.35),0 0 32px rgba(190,92,226,.14);margin-bottom:22px}
.cl75-avatar-ring img{display:block;width:100%;height:100%;object-fit:cover;border-radius:50%;border:4px solid #111118}
.cl75-person-meta h3{margin:0 0 5px;color:#fff;font-size:22px;font-weight:600;letter-spacing:-.02em}
.cl75-person-meta p{margin:0;color:#8f8a98;font-size:14px}
.cl75-person-stars{font-size:16px;margin-top:18px}
.cl75-demo-label{display:inline-flex;margin-top:14px;padding:7px 11px;border-radius:999px;border:1px solid rgba(255,255,255,.08);background:rgba(255,255,255,.035);color:#a7a2b0;font-size:11px;letter-spacing:.06em;text-transform:uppercase}
.cl75-review-copy{position:relative;display:flex;flex-direction:column;justify-content:center;padding:58px 64px 54px;overflow:hidden}
.cl75-review-copy::before{content:"";position:absolute;width:340px;height:340px;border-radius:50%;right:-170px;top:-180px;background:radial-gradient(circle,rgba(119,111,255,.10),transparent 68%);pointer-events:none}
.cl75-quote-mark{position:absolute;left:56px;top:26px;font-family:Georgia,serif;font-size:76px;line-height:1;color:rgba(233,90,176,.26)}
.cl75-review-copy>p{position:relative;z-index:1;margin:0;max-width:850px;color:#f5f3f7;font-family:"Beatrice Trial",sans-serif;font-size:clamp(25px,2.2vw,35px);line-height:1.45;font-weight:400;letter-spacing:-.025em}
.cl75-review-tags{position:relative;z-index:1;display:flex;flex-wrap:wrap;gap:9px;margin-top:28px}
.cl75-review-tags span{padding:8px 12px;border-radius:999px;background:rgba(255,255,255,.035);border:1px solid rgba(255,255,255,.07);color:#a9a4b2;font-size:12px}
.cl75-slider-footer{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-top:22px}
.cl75-slider-progress{position:relative;width:min(360px,42%);height:2px;background:rgba(255,255,255,.08);overflow:hidden}
.cl75-slider-progress span{display:block;width:33.333%;height:100%;background:linear-gradient(90deg,#ed5bad,#8d6eff,#70d4ff);box-shadow:0 0 12px rgba(203,93,222,.35)}
.cl75-array-button{display:flex!important;gap:10px;position:static!important}
.cl75-array-button .array-prev,.cl75-array-button .array-next{position:static!important;width:46px!important;height:46px!important;border-radius:15px!important;background:rgba(255,255,255,.035)!important;border:1px solid rgba(255,255,255,.09)!important;color:#fff!important;display:grid!important;place-items:center!important;transition:.25s ease!important}
.cl75-array-button .array-prev:hover,.cl75-array-button .array-next:hover{transform:translateY(-2px);border-color:rgba(226,88,176,.45)!important;box-shadow:0 10px 25px rgba(0,0,0,.25)}
.cl75-array-button .cl-ui-icon{font-size:22px;line-height:1}
@media(max-width:991.98px){
  .cl75-testimonials-head{align-items:flex-start;flex-direction:column;margin-bottom:30px}.cl75-rating-summary{justify-content:flex-start;min-width:0}.cl75-title{font-size:40px!important;max-width:14ch}.cl75-review-card{grid-template-columns:230px minmax(0,1fr);min-height:390px}.cl75-review-person{padding:30px}.cl75-avatar-ring{width:112px;height:112px}.cl75-review-copy{padding:50px 36px 42px}.cl75-review-copy>p{font-size:26px}.cl75-quote-mark{left:32px;top:20px}
}
@media(max-width:767.98px){
  .cl75-testimonials{padding-top:72px!important;padding-bottom:72px!important}.cl75-testimonials-head{gap:18px}.cl75-title{font-size:34px!important;line-height:1.1!important}.cl75-rating-summary strong{font-size:34px}.cl75-rating-summary span{font-size:12px}.cl75-slider-shell{padding:12px;border-radius:24px}.cl75-slider-shell::before{border-radius:25px}.cl75-testimonial-slider{border-radius:18px}.cl75-review-card{display:block;min-height:0;border-radius:18px}.cl75-review-person{min-height:auto;padding:22px;display:grid;grid-template-columns:76px 1fr auto;grid-template-rows:auto auto;gap:4px 14px;align-items:center;border-right:0;border-bottom:1px solid rgba(255,255,255,.07)}.cl75-avatar-ring{grid-row:1/3;width:76px;height:76px;margin:0;padding:3px}.cl75-person-meta h3{font-size:18px}.cl75-person-meta p{font-size:12px}.cl75-person-stars{grid-column:2;margin:4px 0 0;font-size:13px}.cl75-demo-label{grid-column:3;grid-row:1/3;margin:0;font-size:9px;padding:6px 8px}.cl75-review-copy{padding:44px 22px 28px}.cl75-quote-mark{left:18px;top:10px;font-size:58px}.cl75-review-copy>p{font-size:21px;line-height:1.5}.cl75-review-tags{margin-top:22px}.cl75-slider-progress{width:55%}.cl75-array-button .array-prev,.cl75-array-button .array-next{width:42px!important;height:42px!important;border-radius:13px!important}
}
@media(max-width:480px){
  .cl75-title{font-size:30px!important}.cl75-rating-summary{gap:12px}.cl75-review-person{grid-template-columns:68px 1fr;grid-template-rows:auto auto auto}.cl75-avatar-ring{width:68px;height:68px;grid-row:1/3}.cl75-demo-label{grid-column:2;grid-row:3;justify-self:start;margin-top:4px}.cl75-review-copy>p{font-size:19px}.cl75-review-tags span{font-size:11px;padding:7px 10px}
}

/* V75.1 fine tuning */
@media(min-width:992px){.cl75-title{max-width:18ch!important}}
@media(max-width:767.98px){
  .cl75-review-person::after{display:none!important}
  .cl75-review-tags span{display:inline-flex!important;width:auto!important;height:auto!important}
  .cl75-review-person{grid-template-columns:76px minmax(0,1fr)!important;grid-template-rows:auto auto auto!important}
  .cl75-avatar-ring{grid-column:1!important;grid-row:1/4!important}
  .cl75-person-meta{grid-column:2!important;grid-row:1!important}
  .cl75-person-stars{grid-column:2!important;grid-row:2!important}
  .cl75-demo-label{grid-column:2!important;grid-row:3!important;margin-top:5px!important;justify-self:start!important}
}

/* =========================================================
   V76 — testimonials: faithful neon social-review carousel
   ========================================================= */
.cl76-testimonials{
  --cl76-pink:#ec5ab6;
  --cl76-purple:#9b6cff;
  --cl76-blue:#67d7ff;
  position:relative;
  isolation:isolate;
  overflow:hidden;
  background:
    radial-gradient(circle at 12% 18%,rgba(236,90,182,.11),transparent 30%),
    radial-gradient(circle at 86% 12%,rgba(103,215,255,.07),transparent 28%),
    radial-gradient(circle at 56% 78%,rgba(120,90,255,.10),transparent 35%),
    #090a12!important;
  padding-top:92px!important;
  padding-bottom:94px!important;
}
.cl76-testimonials::before{
  content:"";position:absolute;inset:0;z-index:-3;pointer-events:none;opacity:.38;
  background:
    repeating-radial-gradient(ellipse at 50% 50%,transparent 0 24px,rgba(255,255,255,.035) 25px 26px,transparent 27px 48px);
  transform:scaleX(1.8) rotate(-7deg);
  mask-image:linear-gradient(90deg,#000 0,#000 26%,transparent 49%,#000 74%,#000 100%);
}
.cl76-wave{position:absolute;pointer-events:none;z-index:-1;width:58vw;height:240px;border-radius:50%;filter:blur(.2px);opacity:.28}
.cl76-wave::before,.cl76-wave::after{content:"";position:absolute;inset:0;border-radius:50%;border-top:1px solid rgba(255,255,255,.16);transform:rotate(-8deg)}
.cl76-wave::after{inset:16px 0 0;border-color:rgba(142,100,255,.24)}
.cl76-wave-a{left:-19vw;top:52%;box-shadow:0 -2px 44px rgba(236,90,182,.12)}
.cl76-wave-b{right:-20vw;top:13%;transform:rotate(180deg);box-shadow:0 -2px 44px rgba(103,215,255,.10)}
.cl76-head-container{position:relative;z-index:4}
.cl76-head{display:flex;align-items:flex-end;justify-content:space-between;gap:48px;margin-bottom:52px}
.cl76-title-wrap{max-width:760px}
.cl76-kicker{display:inline-flex;align-items:center;gap:10px;margin-bottom:15px;color:#9f9aaa;font:500 14px/1.2 "Beatrice Trial",sans-serif;letter-spacing:.01em}
.cl76-kicker span{font-size:17px;background:linear-gradient(135deg,var(--cl76-pink),var(--cl76-purple),var(--cl76-blue));-webkit-background-clip:text;background-clip:text;color:transparent;filter:drop-shadow(0 0 8px rgba(192,91,223,.35))}
.cl76-title{margin:0!important;max-width:15ch;color:#fff!important;font-family:"Beatrice Trial",sans-serif!important;font-size:50px!important;line-height:1.07!important;font-weight:500!important;letter-spacing:-.035em!important}
.cl76-title span{display:block;background:linear-gradient(90deg,#ea5da8 0%,#bb63e8 52%,#78cff8 100%);-webkit-background-clip:text;background-clip:text;color:transparent!important}
.cl76-rating-summary{display:flex;align-items:center;gap:18px;min-width:320px;justify-content:flex-end;padding-bottom:5px}
.cl76-rating-summary strong{color:#fff;font-family:"Beatrice Trial",sans-serif;font-size:40px;line-height:1;font-weight:500;letter-spacing:-.035em}
.cl76-stars,.cl76-person-stars{color:var(--cl76-pink);letter-spacing:.12em;line-height:1;text-shadow:0 0 18px rgba(236,90,182,.14)}
.cl76-rating-summary .cl76-stars{font-size:19px;margin-bottom:7px}
.cl76-rating-summary span{color:#8f899a;font-size:13px;white-space:nowrap}

.cl76-carousel-wrap{position:relative;z-index:3;width:100%;overflow:visible}
.cl76-testimonial-slider{width:100%;overflow:visible!important;padding:0 0 2px!important}
.cl76-testimonial-slider .swiper-wrapper{align-items:center}
.cl76-slide{width:min(980px,67vw)!important;transition:transform .65s cubic-bezier(.22,.8,.22,1),opacity .5s ease,filter .5s ease!important;opacity:.48;transform:scale(.88);filter:saturate(.72) brightness(.74)}
.cl76-slide.swiper-slide-active{opacity:1;transform:scale(1);filter:none;z-index:3}
.cl76-slide.swiper-slide-prev,.cl76-slide.swiper-slide-next{opacity:.68;transform:scale(.91);filter:saturate(.82) brightness(.82)}
.cl76-card{
  position:relative;display:grid;grid-template-columns:300px minmax(0,1fr);min-height:430px;
  border-radius:32px;overflow:hidden;background:linear-gradient(145deg,rgba(17,16,27,.97),rgba(8,9,16,.96));
  border:1px solid rgba(255,255,255,.11);box-shadow:0 26px 80px rgba(0,0,0,.42),inset 0 1px 0 rgba(255,255,255,.04);
}
.cl76-card::before{content:"";position:absolute;inset:-1px;border-radius:33px;padding:1.5px;background:linear-gradient(120deg,rgba(239,86,180,.85),rgba(157,105,255,.55) 38%,rgba(104,213,255,.72) 72%,rgba(239,86,180,.68));-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask-composite:exclude;pointer-events:none;opacity:.72}
.cl76-card::after{content:"";position:absolute;inset:-30%;pointer-events:none;background:radial-gradient(circle at 23% 32%,rgba(234,83,177,.13),transparent 24%),radial-gradient(circle at 79% 62%,rgba(103,211,255,.09),transparent 24%);opacity:.85}
.cl76-person{position:relative;z-index:1;display:flex;flex-direction:column;justify-content:center;align-items:flex-start;padding:40px 34px 38px;border-right:1px solid rgba(255,255,255,.08);background:linear-gradient(160deg,rgba(255,255,255,.025),rgba(255,255,255,0))}
.cl76-avatar-ring{width:156px;height:156px;padding:5px;border-radius:50%;margin-bottom:19px;background:linear-gradient(145deg,#ff6a74 0%,#ef58bd 32%,#9a69f6 68%,#6dd9ff 100%);box-shadow:0 0 0 6px rgba(255,255,255,.025),0 0 34px rgba(207,82,225,.20),0 18px 40px rgba(0,0,0,.42)}
.cl76-avatar-ring img{display:block;width:100%;height:100%;object-fit:cover;border-radius:50%;border:5px solid #0d0e16}
.cl76-person h3{margin:0 0 5px;color:#fff;font-size:22px;font-weight:600;letter-spacing:-.025em}
.cl76-person>p{margin:0;color:#9c96a8;font-size:14px;line-height:1.45}
.cl76-person-stars{font-size:18px;margin-top:18px}
.cl76-verified{display:inline-flex;align-items:center;gap:8px;margin-top:14px;color:#9e98aa;font-size:12px}
.cl76-verified span{display:grid;place-items:center;width:20px;height:20px;border-radius:7px;border:1px solid rgba(159,108,255,.55);color:#b98bff;transform:rotate(45deg)}
.cl76-copy{position:relative;z-index:1;display:flex;flex-direction:column;justify-content:center;padding:52px 58px 48px}
.cl76-quote{position:absolute;left:54px;top:30px;color:#9c6dff;font-family:Georgia,serif;font-size:82px;line-height:1;opacity:.78;text-shadow:0 0 24px rgba(155,108,255,.22)}
.cl76-copy>p{position:relative;margin:34px 0 0;color:#f6f4f8;font-family:"Beatrice Trial",sans-serif;font-size:clamp(24px,1.85vw,31px);font-weight:400;font-style:italic;line-height:1.5;letter-spacing:-.025em;max-width:720px}
.cl76-tags{display:flex;flex-wrap:wrap;gap:10px;margin-top:28px}
.cl76-tags span{display:inline-flex;padding:8px 16px;border:1px solid rgba(170,112,255,.58);border-radius:999px;background:rgba(126,78,177,.08);color:#eee9f5;font-size:12px;box-shadow:inset 0 0 18px rgba(176,88,225,.04)}
.cl76-card-nav{position:absolute;left:calc(50% + min(980px,67vw)/2 - 124px);bottom:58px;z-index:10;display:flex;gap:9px;opacity:1;pointer-events:auto;transition:opacity .3s ease}
.cl76-card-nav button{width:46px;height:46px;border-radius:13px;border:1px solid rgba(255,255,255,.12);background:rgba(17,17,27,.84);color:#fff;font-size:26px;line-height:1;display:grid;place-items:center;transition:.25s ease;backdrop-filter:blur(14px)}
.cl76-card-nav button:hover{transform:translateY(-2px);border-color:rgba(230,87,180,.72);box-shadow:0 10px 28px rgba(0,0,0,.3),0 0 20px rgba(211,83,210,.12)}
.cl76-card-nav .cl76-next{border-color:rgba(219,86,199,.65);box-shadow:inset 0 0 18px rgba(184,77,221,.07)}
.cl76-pagination{display:flex;align-items:center;justify-content:center;gap:10px;margin-top:30px}
.cl76-pagination .swiper-pagination-bullet{width:10px;height:10px;margin:0!important;background:#5a5367;opacity:.55;transition:.25s ease}
.cl76-pagination .swiper-pagination-bullet-active{width:13px;height:13px;background:linear-gradient(135deg,var(--cl76-pink),#d953dc);opacity:1;box-shadow:0 0 18px rgba(232,83,181,.45)}

@media(max-width:1199.98px){
  .cl76-slide{width:min(860px,78vw)!important}.cl76-card{grid-template-columns:260px minmax(0,1fr);min-height:400px}.cl76-avatar-ring{width:132px;height:132px}.cl76-copy{padding:46px 42px 44px}.cl76-copy>p{font-size:25px}.cl76-card-nav{left:calc(50% + min(860px,78vw)/2 - 116px);bottom:56px}
}
@media(max-width:991.98px){
  .cl76-testimonials{padding-top:78px!important;padding-bottom:78px!important}.cl76-head{align-items:flex-start;flex-direction:column;gap:20px;margin-bottom:36px}.cl76-rating-summary{justify-content:flex-start;min-width:0}.cl76-title{font-size:40px!important;max-width:16ch}.cl76-slide{width:84vw!important}.cl76-card{grid-template-columns:220px minmax(0,1fr)}.cl76-person{padding:30px 26px}.cl76-avatar-ring{width:112px;height:112px}.cl76-copy{padding:44px 34px}.cl76-copy>p{font-size:23px}.cl76-quote{left:32px;top:20px}.cl76-card-nav{left:calc(50% + 42vw - 104px);bottom:52px}
}
@media(max-width:767.98px){
  .cl76-testimonials{padding-top:70px!important;padding-bottom:72px!important}.cl76-head{margin-bottom:28px}.cl76-kicker{font-size:12px}.cl76-title{font-size:34px!important;line-height:1.08!important}.cl76-rating-summary{gap:13px}.cl76-rating-summary strong{font-size:34px}.cl76-rating-summary .cl76-stars{font-size:15px}.cl76-rating-summary span{font-size:11px;white-space:normal}.cl76-slide{width:88vw!important;opacity:.4;transform:scale(.94)}.cl76-slide.swiper-slide-active{transform:scale(1)}.cl76-card{display:block;min-height:0;border-radius:26px}.cl76-person{display:grid;grid-template-columns:82px minmax(0,1fr);grid-template-rows:auto auto auto;padding:22px 22px 20px;border-right:0;border-bottom:1px solid rgba(255,255,255,.08)}.cl76-avatar-ring{grid-row:1/4;width:82px;height:82px;margin:0 16px 0 0;padding:3px}.cl76-avatar-ring img{border-width:3px}.cl76-person h3{font-size:18px;align-self:end}.cl76-person>p{font-size:12px}.cl76-person-stars{font-size:13px;margin-top:6px}.cl76-verified{display:none}.cl76-copy{padding:38px 22px 76px}.cl76-quote{left:20px;top:9px;font-size:62px}.cl76-copy>p{margin-top:24px;font-size:19px;line-height:1.5}.cl76-tags{margin-top:20px;gap:7px}.cl76-tags span{font-size:10px;padding:7px 11px}.cl76-card-nav{left:auto;right:8%;bottom:44px}.cl76-card-nav button{width:40px;height:40px;border-radius:12px;font-size:22px}.cl76-pagination{margin-top:22px}
}
@media(max-width:480px){
  .cl76-title{font-size:30px!important}.cl76-slide{width:91vw!important}.cl76-person{grid-template-columns:72px minmax(0,1fr);padding:18px}.cl76-avatar-ring{width:72px;height:72px}.cl76-copy{padding:36px 18px 72px}.cl76-copy>p{font-size:18px}
}

/* V77 — FAQ: mascota respondiendo preguntas + accordion premium */
.cl-faq-v77{
  position:relative;
  overflow:hidden;
  padding:118px 0 126px;
  background:
    radial-gradient(circle at 13% 70%,rgba(255,86,166,.08),transparent 28%),
    radial-gradient(circle at 78% 24%,rgba(118,88,255,.08),transparent 29%),
    #09090e;
  border-top:1px solid rgba(255,255,255,.055);
  border-bottom:1px solid rgba(255,255,255,.07);
}
.cl-faq-v77::after{
  content:"";
  position:absolute;
  width:520px;
  height:520px;
  border-radius:50%;
  left:-310px;
  bottom:-280px;
  background:rgba(118,88,255,.12);
  filter:blur(120px);
  pointer-events:none;
}
.cl-faq-v77 .container{position:relative;z-index:2}
.cl-faq-v77 .cl-faq-layout{--bs-gutter-x:5.6rem}
.cl-faq-v77 .cl-faq-intro{max-width:470px}
.cl-faq-v77 .sub-title{
  color:rgba(255,255,255,.58)!important;
  font-size:12px!important;
  letter-spacing:.02em;
}
.cl-faq-v77 .sub-title img{width:13px;height:13px;object-fit:contain;margin-right:7px}
.cl-faq-v77 .sec-title .title{
  margin-top:12px;
  margin-bottom:0;
  font-size:clamp(46px,4.35vw,66px)!important;
  line-height:.99!important;
  letter-spacing:-.055em!important;
}
.cl-faq-v77 .sec-title .title span{
  background:linear-gradient(110deg,#ff65ac 0%,#c76dff 58%,#7d6cff 100%);
  -webkit-background-clip:text;
  background-clip:text;
  color:transparent!important;
}
.cl-faq-v77 .faq-text{
  max-width:440px;
  margin-top:18px;
  color:rgba(255,255,255,.57);
  font-size:15px;
  line-height:1.7;
}
.cl-faq-v77 .cl-faq-visual{
  position:relative;
  width:min(100%,430px);
  margin-top:26px;
  isolation:isolate;
}
.cl-faq-v77 .cl-faq-mascot{
  position:relative;
  z-index:2;
  display:block;
  width:100%;
  margin:0;
  border-radius:30px;
  filter:drop-shadow(0 28px 44px rgba(0,0,0,.34));
  -webkit-mask-image:linear-gradient(to bottom,#000 0%,#000 88%,rgba(0,0,0,.82) 95%,transparent 100%);
  mask-image:linear-gradient(to bottom,#000 0%,#000 88%,rgba(0,0,0,.82) 95%,transparent 100%);
}
.cl-faq-v77 .cl-faq-glow{
  position:absolute;
  z-index:1;
  border-radius:50%;
  filter:blur(55px);
  pointer-events:none;
}
.cl-faq-v77 .cl-faq-glow-a{width:170px;height:170px;background:rgba(255,67,169,.24);left:20px;bottom:48px}
.cl-faq-v77 .cl-faq-glow-b{width:190px;height:190px;background:rgba(92,92,255,.22);right:10px;top:48px}
.cl-faq-v77 .cl-faq-accordion{width:100%;max-width:760px;margin-left:auto}
.cl-faq-v77 .faq-block-one{
  padding:0!important;
  overflow:hidden;
  border:1px solid rgba(255,255,255,.12)!important;
  border-radius:16px!important;
  background:linear-gradient(180deg,rgba(5,5,8,.94),rgba(4,4,7,.98))!important;
  box-shadow:0 14px 32px rgba(0,0,0,.14);
  transition:transform .28s ease,border-color .28s ease,box-shadow .28s ease,background .28s ease!important;
}
.cl-faq-v77 .faq-block-one:not(:last-child){margin-bottom:11px!important}
.cl-faq-v77 .faq-block-one:hover{
  transform:translateY(-2px);
  border-color:rgba(168,101,255,.32)!important;
  box-shadow:0 16px 38px rgba(0,0,0,.22),0 0 0 1px rgba(255,86,166,.035) inset;
}
.cl-faq-v77 .faq-block-one.active{
  border-color:rgba(191,103,255,.38)!important;
  background:
    radial-gradient(circle at 100% 0%,rgba(118,88,255,.10),transparent 34%),
    linear-gradient(180deg,rgba(7,7,11,.99),rgba(4,4,8,.99))!important;
}
.cl-faq-v77 .faq-block-one .title-box{
  min-height:76px;
  padding:20px 21px 20px 25px;
  gap:18px;
}
.cl-faq-v77 .faq-block-one .title-box .content{gap:0;min-width:0}
.cl-faq-v77 .faq-block-one .title-box .content .title{
  color:#fff!important;
  font-size:17px!important;
  line-height:1.32!important;
  font-weight:650!important;
  letter-spacing:-.025em;
}
.cl-faq-v77 .faq-block-one .title-box .icon{
  flex:0 0 34px;
  width:34px!important;
  max-width:34px!important;
  height:34px!important;
  line-height:34px!important;
  display:grid!important;
  place-items:center;
  border:1px solid rgba(255,255,255,.08);
  background:#101018!important;
  color:#fff;
  transition:transform .25s ease,background .25s ease,border-color .25s ease!important;
}
.cl-faq-v77 .faq-block-one .title-box .icon .cl-ui-icon{
  width:100%;height:100%;
  color:#fff;
  font-size:18px;
  font-weight:500;
  transform:translateY(-1px);
}
.cl-faq-v77 .faq-block-one.active .title-box .icon{
  border-color:transparent;
  background:linear-gradient(135deg,#ff56a6 0%,#8a63ff 58%,#4dd7ff 100%)!important;
  box-shadow:0 0 22px rgba(137,91,255,.28);
}
.cl-faq-v77 .faq-block-one .inner{
  margin-top:0!important;
  padding:0 72px 22px 25px;
}
.cl-faq-v77 .faq-block-one .inner .text{
  max-width:620px;
  color:rgba(255,255,255,.58)!important;
  font-size:14px!important;
  line-height:1.65!important;
  letter-spacing:-.01em;
}
@media(max-width:1199px){
  .cl-faq-v77{padding:104px 0 112px}
  .cl-faq-v77 .cl-faq-layout{--bs-gutter-x:3.2rem}
  .cl-faq-v77 .cl-faq-visual{width:min(100%,390px)}
}
@media(max-width:991px){
  .cl-faq-v77{padding:90px 0 96px}
  .cl-faq-v77 .cl-faq-intro{max-width:620px;margin:0 auto;text-align:left}
  .cl-faq-v77 .cl-faq-visual{width:min(100%,410px);margin:28px auto 4px}
  .cl-faq-v77 .cl-faq-accordion{max-width:720px;margin:0 auto}
}
@media(max-width:767px){
  .cl-faq-v77{padding:74px 0 82px}
  .cl-faq-v77 .sec-title .title{font-size:clamp(42px,12vw,54px)!important}
  .cl-faq-v77 .faq-text{font-size:14px;line-height:1.65}
  .cl-faq-v77 .cl-faq-visual{width:min(100%,350px);margin-top:20px}
  .cl-faq-v77 .cl-faq-mascot{border-radius:24px}
  .cl-faq-v77 .faq-block-one .title-box{min-height:68px;padding:17px 16px 17px 18px}
  .cl-faq-v77 .faq-block-one .title-box .content .title{font-size:15px!important;line-height:1.36!important}
  .cl-faq-v77 .faq-block-one .title-box .icon{flex-basis:31px;width:31px!important;max-width:31px!important;height:31px!important;line-height:31px!important}
  .cl-faq-v77 .faq-block-one .inner{padding:0 54px 18px 18px}
  .cl-faq-v77 .faq-block-one .inner .text{font-size:13px!important}
}
@media(max-width:480px){
  .cl-faq-v77 .cl-faq-visual{width:100%}
  .cl-faq-v77 .faq-block-one .title-box{gap:12px}
}
.cl-faq-v77 .faq-block-one.active .content-box{display:block}