@charset "utf-8";

:root {
    --main-color: #0b5bd7;
    --main-color1: #1468e6;
    --main-color2: #1f72f0;
}

[data-techwave-skin=dark]:root {
    --main-color: #68a3ff;
    --main-color1: #5a8ddd;
    --main-color2: #84b4ff;
}

/*
	List of plugins

	1. Base CSS (made by quicksheet Team)

*/
/*------------------------------------------------------------------*/
/*	1. Base CSS
/*------------------------------------------------------------------*/
a,
abbr,
acronym,
address,
applet,
b,
big,
blockquote,
body,
caption,
center,
cite,
code,
dd,
del,
dfn,
div,
dl,
dt,
em,
fieldset,
font,
form,
h1,
h2,
h3,
h4,
h5,
h6,
html,
i,
iframe,
ins,
kbd,
label,
legend,
li,
object,
ol,
p,
pre,
q,
s,
samp,
small,
span,
strike,
strong,
sub,
sup,
table,
tbody,
td,
tfoot,
th,
thead,
tr,
tt,
u,
ul,
var {
    background: 0 0;
    border: 0;
    margin: 0;
    padding: 0;
    vertical-align: baseline;
    outline: 0
}

article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
nav,
section {
    display: block
}

blockquote {
    quotes: none
}

blockquote:after,
blockquote:before {
    content: '';
    content: none
}

ol,
ul {
    margin: 30px
}

ol li,
ul li {
    margin-bottom: 5px
}

img {
    vertical-align: middle;
    max-width: 100%
}

iframe {
    max-width: 100%
}

del {
    text-decoration: line-through
}

a,
i {
    -webkit-transition: all .3s ease;
    -moz-transition: all .3s ease;
    -ms-transition: all .3s ease;
    -o-transition: all .3s ease;
    transition: all .3s ease;
    border: none
}

a:hover {
    text-decoration: none
}

h1,
h2,
h3,
h4,
h5,
h6 {
    font-weight: 400;
    margin-bottom: 20px
}

h1 {
    font-size: 45px
}

h2 {
    font-size: 36px
}

h3 {
    font-size: 30px
}

h4 {
    font-size: 24px
}

h5 {
    font-size: 20px
}

h6 {
    font-size: 16px
}

table {
    width: 100%;
    max-width: 100%;
    text-align: left;
    border-collapse: collapse;
    border-spacing: 0px;
    margin-bottom: 15px;
    color: var(--techwave-body-color);
    border: 1px solid var(--techwave-border-color)
}

table tr {
    border: 1px solid var(--techwave-border-color)
}

table th {
    vertical-align: top;
    color: var(--techwave-heading-color);
    background: 0 0;
    font-size: 16px;
    font-weight: 400;
    padding: 15px 10px;
    border: 1px solid var(--techwave-border-color)
}

table td {
    vertical-align: top;
    padding: 10px;
    border: 1px solid var(--techwave-border-color)
}

code,
pre {
    padding: 10px;
    border-left: 3px solid var(--techwave-main-color);
    border-bottom: 1px solid transparent;
    background: var(--techwave-some-a-bg-color);
    overflow-x: auto;
}

pre {
    display: block;
    word-break: break-all;
    word-wrap: break-word
}

pre code {
    white-space: pre-wrap
}

textarea {
    outline: none;
    font-size: 16px;
    color: var(--techwave-heading-color);
    resize: vertical;
    font-family: var(--techwave-heading-font-family);
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
    line-height: 1.4;
    padding: 10px;
    width: 100%;
    border-radius: 5px;
    border: 2px solid var(--techwave-border-color);
    -webkit-transition: all .3s ease;
    -moz-transition: all .3s ease;
    -ms-transition: all .3s ease;
    -o-transition: all .3s ease;
    transition: all .3s ease;
    background-color: transparent;
}

.uneditable-input,
input[type=color],
input[type=date],
input[type=datetime-local],
input[type=datetime],
input[type=email],
input[type=month],
input[type=number],
input[type=password],
input[type=search],
input[type=tel],
input[type=text],
input[type=time],
input[type=url],
input[type=week] {
    font-size: 16px;
    min-width: 220px;
    color: var(--techwave-heading-color);
    letter-spacing: .5px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
    font-family: var(--techwave-heading-font-family);
    line-height: 1.6;
    padding: 10px 20px;
    vertical-align: middle;
    border: 2px solid var(--techwave-border-color);
    -webkit-transition: all .3s ease;
    -moz-transition: all .3s ease;
    -ms-transition: all .3s ease;
    -o-transition: all .3s ease;
    transition: all .3s ease;
    background-color: transparent;
    outline: none;
    display: block;
    width: 100%;
    border-radius: 5px;
    height: 60px;
    font-weight: 400;
}

.uneditable-input:focus,
input[type=color]:focus,
input[type=date]:focus,
input[type=datetime-local]:focus,
input[type=datetime]:focus,
input[type=email]:focus,
input[type=month]:focus,
input[type=number]:focus,
input[type=password]:focus,
input[type=search]:focus,
input[type=tel]:focus,
input[type=text]:focus,
input[type=time]:focus,
input[type=url]:focus,
input[type=week]:focus,
textarea:focus {
    border-color: var(--techwave-main-color);
}

input[type=submit] {
    padding: 13px 15px;
    height: 40px;
    line-height: 1;
    text-transform: uppercase;
    font-size: 13px;
    font-weight: 600;
    text-decoration: none;
    letter-spacing: .5px;
    border: none;
    cursor: pointer;
    color: #fff;
    background: #777;
    -webkit-transition: all .3s ease;
    -moz-transition: all .3s ease;
    -ms-transition: all .3s ease;
    -o-transition: all .3s ease;
    transition: all .3s ease
}

input[type=submit]:hover {
    background: #444
}

select {
    padding: 8px;
    border: 2px solid var(--techwave-border-color)
}

input[type=button] {
    cursor: pointer;
    -webkit-transition: all .3s ease;
    -moz-transition: all .3s ease;
    -ms-transition: all .3s ease;
    -o-transition: all .3s ease;
    transition: all .3s ease
}

[class^="fn__space__"]:after,
[class^="fn__space__"]:before {
    clear: both;
    display: table;
    content: '';
}

.fn__space__10 {
    margin-bottom: 10px;
}

.fn__space__20 {
    margin-bottom: 20px;
}

.fn__space__30 {
    margin-bottom: 30px;
}

.fn__space__40 {
    margin-bottom: 40px;
}

.fn__space__50 {
    margin-bottom: 50px;
}

.fn__space__60 {
    margin-bottom: 60px;
}

.fn__space__70 {
    margin-bottom: 70px;
}

.fn__space__80 {
    margin-bottom: 80px;
}

.fn__space__90 {
    margin-bottom: 90px;
}

.fn__space__100 {
    margin-bottom: 100px;
}

.fn__space__150 {
    margin-bottom: 150px;
}

.fn__space__200 {
    margin-bottom: 200px;
}

/* TOOLTIPSTER BUNDLE MIN */
.tooltipster-fall,
.tooltipster-grow.tooltipster-show {
    -webkit-transition-timing-function: cubic-bezier(.175, .885, .32, 1);
    -moz-transition-timing-function: cubic-bezier(.175, .885, .32, 1.15);
    -ms-transition-timing-function: cubic-bezier(.175, .885, .32, 1.15);
    -o-transition-timing-function: cubic-bezier(.175, .885, .32, 1.15)
}

.tooltipster-base {
    display: flex;
    pointer-events: none;
    position: absolute
}

.tooltipster-box {
    flex: 1 1 auto
}

.tooltipster-content {
    box-sizing: border-box;
    max-height: 100%;
    max-width: 100%;
    overflow: auto
}

.tooltipster-ruler {
    bottom: 0;
    left: 0;
    overflow: hidden;
    position: fixed;
    right: 0;
    top: 0;
    visibility: hidden
}

.tooltipster-fade {
    opacity: 0;
    -webkit-transition-property: opacity;
    -moz-transition-property: opacity;
    -o-transition-property: opacity;
    -ms-transition-property: opacity;
    transition-property: opacity
}

.tooltipster-fade.tooltipster-show {
    opacity: 1
}

.tooltipster-grow {
    -webkit-transform: scale(0, 0);
    -moz-transform: scale(0, 0);
    -o-transform: scale(0, 0);
    -ms-transform: scale(0, 0);
    transform: scale(0, 0);
    -webkit-transition-property: -webkit-transform;
    -moz-transition-property: -moz-transform;
    -o-transition-property: -o-transform;
    -ms-transition-property: -ms-transform;
    transition-property: transform;
    -webkit-backface-visibility: hidden
}

.tooltipster-grow.tooltipster-show {
    -webkit-transform: scale(1, 1);
    -moz-transform: scale(1, 1);
    -o-transform: scale(1, 1);
    -ms-transform: scale(1, 1);
    transform: scale(1, 1);
    -webkit-transition-timing-function: cubic-bezier(.175, .885, .32, 1.15);
    transition-timing-function: cubic-bezier(.175, .885, .32, 1.15)
}

.tooltipster-swing {
    opacity: 0;
    -webkit-transform: rotateZ(4deg);
    -moz-transform: rotateZ(4deg);
    -o-transform: rotateZ(4deg);
    -ms-transform: rotateZ(4deg);
    transform: rotateZ(4deg);
    -webkit-transition-property: -webkit-transform, opacity;
    -moz-transition-property: -moz-transform;
    -o-transition-property: -o-transform;
    -ms-transition-property: -ms-transform;
    transition-property: transform
}

.tooltipster-swing.tooltipster-show {
    opacity: 1;
    -webkit-transform: rotateZ(0);
    -moz-transform: rotateZ(0);
    -o-transform: rotateZ(0);
    -ms-transform: rotateZ(0);
    transform: rotateZ(0);
    -webkit-transition-timing-function: cubic-bezier(.23, .635, .495, 1);
    -webkit-transition-timing-function: cubic-bezier(.23, .635, .495, 2.4);
    -moz-transition-timing-function: cubic-bezier(.23, .635, .495, 2.4);
    -ms-transition-timing-function: cubic-bezier(.23, .635, .495, 2.4);
    -o-transition-timing-function: cubic-bezier(.23, .635, .495, 2.4);
    transition-timing-function: cubic-bezier(.23, .635, .495, 2.4)
}

.tooltipster-fall {
    -webkit-transition-property: top;
    -moz-transition-property: top;
    -o-transition-property: top;
    -ms-transition-property: top;
    transition-property: top;
    -webkit-transition-timing-function: cubic-bezier(.175, .885, .32, 1.15);
    transition-timing-function: cubic-bezier(.175, .885, .32, 1.15)
}

.tooltipster-fall.tooltipster-initial {
    top: 0 !important
}

.tooltipster-fall.tooltipster-dying {
    -webkit-transition-property: all;
    -moz-transition-property: all;
    -o-transition-property: all;
    -ms-transition-property: all;
    transition-property: all;
    top: 0 !important;
    opacity: 0
}

.tooltipster-slide {
    -webkit-transition-property: left;
    -moz-transition-property: left;
    -o-transition-property: left;
    -ms-transition-property: left;
    transition-property: left;
    -webkit-transition-timing-function: cubic-bezier(.175, .885, .32, 1);
    -webkit-transition-timing-function: cubic-bezier(.175, .885, .32, 1.15);
    -moz-transition-timing-function: cubic-bezier(.175, .885, .32, 1.15);
    -ms-transition-timing-function: cubic-bezier(.175, .885, .32, 1.15);
    -o-transition-timing-function: cubic-bezier(.175, .885, .32, 1.15);
    transition-timing-function: cubic-bezier(.175, .885, .32, 1.15)
}

.tooltipster-slide.tooltipster-initial {
    left: -40px !important
}

.tooltipster-slide.tooltipster-dying {
    -webkit-transition-property: all;
    -moz-transition-property: all;
    -o-transition-property: all;
    -ms-transition-property: all;
    transition-property: all;
    left: 0 !important;
    opacity: 0
}

@keyframes tooltipster-fading {
    0% {
        opacity: 0
    }

    100% {
        opacity: 1
    }
}

.tooltipster-update-fade {
    animation: tooltipster-fading .4s
}

@keyframes tooltipster-rotating {
    25% {
        transform: rotate(-2deg)
    }

    75% {
        transform: rotate(2deg)
    }

    100% {
        transform: rotate(0)
    }
}

.tooltipster-update-rotate {
    animation: tooltipster-rotating .6s
}

@keyframes tooltipster-scaling {
    50% {
        transform: scale(1.1)
    }

    100% {
        transform: scale(1)
    }
}

.tooltipster-update-scale {
    animation: tooltipster-scaling .6s
}

.tooltipster-sidetip .tooltipster-box {
    background: #565656;
    border: 2px solid #000;
    border-radius: 4px
}

.tooltipster-sidetip.tooltipster-bottom .tooltipster-box {
    margin-top: 8px
}

.tooltipster-sidetip.tooltipster-left .tooltipster-box {
    margin-right: 8px
}

.tooltipster-sidetip.tooltipster-right .tooltipster-box {
    margin-left: 8px
}

.tooltipster-sidetip.tooltipster-top .tooltipster-box {
    margin-bottom: 8px
}

.tooltipster-sidetip .tooltipster-content {
    color: #fff;
    line-height: 18px;
    padding: 6px 14px
}

.tooltipster-sidetip .tooltipster-arrow {
    overflow: hidden;
    position: absolute
}

.tooltipster-sidetip.tooltipster-bottom .tooltipster-arrow {
    height: 10px;
    margin-left: -10px;
    top: 0;
    width: 20px
}

.tooltipster-sidetip.tooltipster-left .tooltipster-arrow {
    height: 20px;
    margin-top: -10px;
    right: 0;
    top: 0;
    width: 10px
}

.tooltipster-sidetip.tooltipster-right .tooltipster-arrow {
    height: 20px;
    margin-top: -10px;
    left: 0;
    top: 0;
    width: 10px
}

.tooltipster-sidetip.tooltipster-top .tooltipster-arrow {
    bottom: 0;
    height: 10px;
    margin-left: -10px;
    width: 20px
}

.tooltipster-sidetip .tooltipster-arrow-background,
.tooltipster-sidetip .tooltipster-arrow-border {
    height: 0;
    position: absolute;
    width: 0
}

.tooltipster-sidetip .tooltipster-arrow-background {
    border: 10px solid transparent
}

.tooltipster-sidetip.tooltipster-bottom .tooltipster-arrow-background {
    border-bottom-color: #565656;
    left: 0;
    top: 3px
}

.tooltipster-sidetip.tooltipster-left .tooltipster-arrow-background {
    border-left-color: #565656;
    left: -3px;
    top: 0
}

.tooltipster-sidetip.tooltipster-right .tooltipster-arrow-background {
    border-right-color: #565656;
    left: 3px;
    top: 0
}

.tooltipster-sidetip.tooltipster-top .tooltipster-arrow-background {
    border-top-color: #565656;
    left: 0;
    top: -3px
}

.tooltipster-sidetip .tooltipster-arrow-border {
    border: 10px solid transparent;
    left: 0;
    top: 0
}

.tooltipster-sidetip.tooltipster-bottom .tooltipster-arrow-border {
    border-bottom-color: #000
}

.tooltipster-sidetip.tooltipster-left .tooltipster-arrow-border {
    border-left-color: #000
}

.tooltipster-sidetip.tooltipster-right .tooltipster-arrow-border {
    border-right-color: #000
}

.tooltipster-sidetip.tooltipster-top .tooltipster-arrow-border {
    border-top-color: #000
}

.tooltipster-sidetip .tooltipster-arrow-uncropped {
    position: relative
}

.tooltipster-sidetip.tooltipster-bottom .tooltipster-arrow-uncropped {
    top: -10px
}

.tooltipster-sidetip.tooltipster-right .tooltipster-arrow-uncropped {
    left: -10px
}

.tooltipster-sidetip.tooltipster-borderless .tooltipster-box {
    border: none;
    background: #1b1b1b;
    background: rgba(10, 10, 10, .9)
}

.tooltipster-sidetip.tooltipster-borderless.tooltipster-bottom .tooltipster-box {
    margin-top: 8px
}

.tooltipster-sidetip.tooltipster-borderless.tooltipster-left .tooltipster-box {
    margin-right: 8px
}

.tooltipster-sidetip.tooltipster-borderless.tooltipster-right .tooltipster-box {
    margin-left: 8px
}

.tooltipster-sidetip.tooltipster-borderless.tooltipster-top .tooltipster-box {
    margin-bottom: 8px
}

.tooltipster-sidetip.tooltipster-borderless .tooltipster-arrow {
    height: 8px;
    margin-left: -8px;
    width: 16px
}

.tooltipster-sidetip.tooltipster-borderless.tooltipster-left .tooltipster-arrow,
.tooltipster-sidetip.tooltipster-borderless.tooltipster-right .tooltipster-arrow {
    height: 16px;
    margin-left: 0;
    margin-top: -8px;
    width: 8px
}

.tooltipster-sidetip.tooltipster-borderless .tooltipster-arrow-background {
    display: none
}

.tooltipster-sidetip.tooltipster-borderless .tooltipster-arrow-border {
    border: 8px solid transparent
}

.tooltipster-sidetip.tooltipster-borderless.tooltipster-bottom .tooltipster-arrow-border {
    border-bottom-color: #1b1b1b;
    border-bottom-color: rgba(10, 10, 10, .9)
}

.tooltipster-sidetip.tooltipster-borderless.tooltipster-left .tooltipster-arrow-border {
    border-left-color: #1b1b1b;
    border-left-color: rgba(10, 10, 10, .9)
}

.tooltipster-sidetip.tooltipster-borderless.tooltipster-right .tooltipster-arrow-border {
    border-right-color: #1b1b1b;
    border-right-color: rgba(10, 10, 10, .9)
}

.tooltipster-sidetip.tooltipster-borderless.tooltipster-top .tooltipster-arrow-border {
    border-top-color: #1b1b1b;
    border-top-color: rgba(10, 10, 10, .9)
}

.tooltipster-sidetip.tooltipster-borderless.tooltipster-bottom .tooltipster-arrow-uncropped {
    top: -8px
}

.tooltipster-sidetip.tooltipster-borderless.tooltipster-right .tooltipster-arrow-uncropped {
    left: -8px
}

.tooltipster-sidetip.tooltipster-light .tooltipster-box {
    border-radius: 3px;
    border: 1px solid #ccc;
    background: #ededed
}

.tooltipster-sidetip.tooltipster-light .tooltipster-content {
    color: #666
}

.tooltipster-sidetip.tooltipster-light .tooltipster-arrow {
    height: 9px;
    margin-left: -9px;
    width: 18px
}

.tooltipster-sidetip.tooltipster-light.tooltipster-left .tooltipster-arrow,
.tooltipster-sidetip.tooltipster-light.tooltipster-right .tooltipster-arrow {
    height: 18px;
    margin-left: 0;
    margin-top: -9px;
    width: 9px
}

.tooltipster-sidetip.tooltipster-light .tooltipster-arrow-background {
    border: 9px solid transparent
}

.tooltipster-sidetip.tooltipster-light.tooltipster-bottom .tooltipster-arrow-background {
    border-bottom-color: #ededed;
    top: 1px
}

.tooltipster-sidetip.tooltipster-light.tooltipster-left .tooltipster-arrow-background {
    border-left-color: #ededed;
    left: -1px
}

.tooltipster-sidetip.tooltipster-light.tooltipster-right .tooltipster-arrow-background {
    border-right-color: #ededed;
    left: 1px
}

.tooltipster-sidetip.tooltipster-light.tooltipster-top .tooltipster-arrow-background {
    border-top-color: #ededed;
    top: -1px
}

.tooltipster-sidetip.tooltipster-light .tooltipster-arrow-border {
    border: 9px solid transparent
}

.tooltipster-sidetip.tooltipster-light.tooltipster-bottom .tooltipster-arrow-border {
    border-bottom-color: #ccc
}

.tooltipster-sidetip.tooltipster-light.tooltipster-left .tooltipster-arrow-border {
    border-left-color: #ccc
}

.tooltipster-sidetip.tooltipster-light.tooltipster-right .tooltipster-arrow-border {
    border-right-color: #ccc
}

.tooltipster-sidetip.tooltipster-light.tooltipster-top .tooltipster-arrow-border {
    border-top-color: #ccc
}

.tooltipster-sidetip.tooltipster-light.tooltipster-bottom .tooltipster-arrow-uncropped {
    top: -9px
}

.tooltipster-sidetip.tooltipster-light.tooltipster-right .tooltipster-arrow-uncropped {
    left: -9px
}

.tooltipster-sidetip.tooltipster-noir .tooltipster-box {
    border-radius: 0;
    border: 3px solid #000;
    background: #fff
}

.tooltipster-sidetip.tooltipster-noir .tooltipster-content {
    color: #000
}

.tooltipster-sidetip.tooltipster-noir .tooltipster-arrow {
    height: 11px;
    margin-left: -11px;
    width: 22px
}

.tooltipster-sidetip.tooltipster-noir.tooltipster-left .tooltipster-arrow,
.tooltipster-sidetip.tooltipster-noir.tooltipster-right .tooltipster-arrow {
    height: 22px;
    margin-left: 0;
    margin-top: -11px;
    width: 11px
}

.tooltipster-sidetip.tooltipster-noir .tooltipster-arrow-background {
    border: 11px solid transparent
}

.tooltipster-sidetip.tooltipster-noir.tooltipster-bottom .tooltipster-arrow-background {
    border-bottom-color: #fff;
    top: 4px
}

.tooltipster-sidetip.tooltipster-noir.tooltipster-left .tooltipster-arrow-background {
    border-left-color: #fff;
    left: -4px
}

.tooltipster-sidetip.tooltipster-noir.tooltipster-right .tooltipster-arrow-background {
    border-right-color: #fff;
    left: 4px
}

.tooltipster-sidetip.tooltipster-noir.tooltipster-top .tooltipster-arrow-background {
    border-top-color: #fff;
    top: -4px
}

.tooltipster-sidetip.tooltipster-noir .tooltipster-arrow-border {
    border-width: 11px
}

.tooltipster-sidetip.tooltipster-noir.tooltipster-bottom .tooltipster-arrow-uncropped {
    top: -11px
}

.tooltipster-sidetip.tooltipster-noir.tooltipster-right .tooltipster-arrow-uncropped {
    left: -11px
}

.tooltipster-sidetip.tooltipster-punk .tooltipster-box {
    border-radius: 5px;
    border: none;
    border-bottom: 3px solid var(--techwave-main-color);
    background: #2a2a2a
}

.tooltipster-sidetip.tooltipster-punk.tooltipster-top .tooltipster-box {
    margin-bottom: 7px
}

.tooltipster-sidetip.tooltipster-punk .tooltipster-content {
    color: #fff;
    padding: 8px 16px
}

.tooltipster-sidetip.tooltipster-punk .tooltipster-arrow-background {
    display: none
}

.tooltipster-sidetip.tooltipster-punk.tooltipster-bottom .tooltipster-arrow-border {
    border-bottom-color: #2a2a2a
}

.tooltipster-sidetip.tooltipster-punk.tooltipster-left .tooltipster-arrow-border {
    border-left-color: #2a2a2a
}

.tooltipster-sidetip.tooltipster-punk.tooltipster-right .tooltipster-arrow-border {
    border-right-color: #2a2a2a
}

.tooltipster-sidetip.tooltipster-punk.tooltipster-top .tooltipster-arrow-border {
    border-top-color: var(--techwave-main-color)
}

.tooltipster-sidetip.tooltipster-shadow .tooltipster-box {
    border: none;
    border-radius: 5px;
    background: #fff;
    box-shadow: 0 0 10px 6px rgba(0, 0, 0, .1)
}

.tooltipster-sidetip.tooltipster-shadow.tooltipster-bottom .tooltipster-box {
    margin-top: 6px
}

.tooltipster-sidetip.tooltipster-shadow.tooltipster-left .tooltipster-box {
    margin-right: 6px
}

.tooltipster-sidetip.tooltipster-shadow.tooltipster-right .tooltipster-box {
    margin-left: 6px
}

.tooltipster-sidetip.tooltipster-shadow.tooltipster-top .tooltipster-box {
    margin-bottom: 6px
}

.tooltipster-sidetip.tooltipster-shadow .tooltipster-content {
    color: #8d8d8d
}

.tooltipster-sidetip.tooltipster-shadow .tooltipster-arrow {
    height: 6px;
    margin-left: -6px;
    width: 12px
}

.tooltipster-sidetip.tooltipster-shadow.tooltipster-left .tooltipster-arrow,
.tooltipster-sidetip.tooltipster-shadow.tooltipster-right .tooltipster-arrow {
    height: 12px;
    margin-left: 0;
    margin-top: -6px;
    width: 6px
}

.tooltipster-sidetip.tooltipster-shadow .tooltipster-arrow-background {
    display: none
}

.tooltipster-sidetip.tooltipster-shadow .tooltipster-arrow-border {
    border: 6px solid transparent
}

.tooltipster-sidetip.tooltipster-shadow.tooltipster-bottom .tooltipster-arrow-border {
    border-bottom-color: #fff
}

.tooltipster-sidetip.tooltipster-shadow.tooltipster-left .tooltipster-arrow-border {
    border-left-color: #fff
}

.tooltipster-sidetip.tooltipster-shadow.tooltipster-right .tooltipster-arrow-border {
    border-right-color: #fff
}

.tooltipster-sidetip.tooltipster-shadow.tooltipster-top .tooltipster-arrow-border {
    border-top-color: #fff
}

.tooltipster-sidetip.tooltipster-shadow.tooltipster-bottom .tooltipster-arrow-uncropped {
    top: -6px
}

.tooltipster-sidetip.tooltipster-shadow.tooltipster-right .tooltipster-arrow-uncropped {
    left: -6px
}

hr,
select {
    outline: 0
}

.techwave_fn_preloader,
body {
    background-color: var(--techwave-site-bg-color)
}

.techwave_fn_wrapper:not(.fn__has_sidebar) .techwave_fn_image_generation_page .sidebar__trigger,
quicksheet_main,
h1>a:hover,
h2>a:hover,
h3>a:hover,
h4>a:hover,
h5>a:hover,
h6>a:hover {
    color: var(--main-color)
}

body,
select {
    font-size: 16px
}

.fn__nav_bar .item_popup,
.fn__token_info .token__popup {
    visibility: hidden;
    transform: translateY(20px);
    top: 100%;
    margin-top: -1px
}

.fn__gallery_items .author_name,
.fn__submit input,
.techwave_fn_button,
.techwave_fn_changelog .item__title span,
a.fn__like {
    white-space: nowrap;
    text-overflow: ellipsis
}

:root {
    color-scheme: dark;
    --techwave-site-bg-color: #0f0e11;
    --techwave-header-bg-color: #17151b;
    --techwave-some-r-bg-color: #17151b;
    --techwave-some-a-bg-color: #2b2830;
    --techwave-heading-color: #c0bcca;
    --techwave-body-color: #7e7a86;
    --techwave-border-color: #312e37;
    --techwave-button-bg-color: #1c1925;
    --techwave-hover-color: #fff;
    --techwave-heading-font-family: 'Heebo', sans-serif;
    --techwave-body-font-family: 'Work Sans', sans-serif;
    --techwave-left-panel-width: 300px;
    --techwave-header-height: 100px
}

[data-techwave-skin=light]:root {
    color-scheme: light;
    --techwave-site-bg-color: #fff;
    --techwave-header-bg-color: #f5f5f5;
    --techwave-some-r-bg-color: #f5f5f5;
    --techwave-some-a-bg-color: #e7e7e7;
    --techwave-heading-color: #333;
    --techwave-body-color: #444;
    --techwave-border-color: #ddd;
    --techwave-button-bg-color: #f5f5f5;
    --techwave-hover-color: #000
}

.fn__submit:hover,
.techwave_fn_button:hover,
.techwave_fn_leftpanel .group__list a.active .text {
    color: var(--techwave-hover-color)
}

html {
    overflow-x: hidden;
    padding: 0;
    margin: 0
}

*,
.techwave_fn_wrapper,
.techwave_fn_wrapper *,
:after,
:before {
    box-sizing: border-box
}

body {
    font-family: var(--techwave-body-font-family);
    letter-spacing: 0;
    line-height: 1.5;
    font-weight: 400;
    color: var(--techwave-body-color);
    position: relative;
    word-break: break-word
}

.fn__submit input,
.fn__token_info .token__popup,
.fn__token_info .token_summary,
.techwave_fn_button,
.techwave_fn_leftpanel .group__list .count,
.techwave_fn_leftpanel .group__list a,
h1,
h2,
h3,
h4,
h5,
h6,
select {
    font-family: var(--techwave-heading-font-family)
}

.heading_color,
quicksheet_typing span,
h1,
h1>a,
h2,
h2>a,
h3,
h3>a,
h4,
h4>a,
h5,
h5>a,
h6,
h6>a,
select {
    color: var(--techwave-heading-color)
}

.techwave_fn_button.small__border,
select {
    background-color: var(--techwave-some-a-bg-color)
}

.fn__svg {
    fill: currentColor;
    width: 18px;
    height: 18px
}

.replaced-svg {
    opacity: 1
}

p {
    letter-spacing: 0;
    margin-bottom: 20px
}

.techwave_fn_sign .form__email,
.techwave_fn_sign .form__name,
.techwave_fn_sign .form__username,
.techwave_fn_user_settings .settings_right .item,
ol li {
    margin-bottom: 17px
}

.fn__nav_bar .bar__item_language .item_popup li:last-child,
.fn__nav_bar .bar__item_user .user_nav li:last-child,
.techwave_fn_leftpanel .group__list li:last-child,
.techwave_fn_leftpanel .nav_group:last-child,
ol li:last-child {
    margin-bottom: 0
}

h1,
h2,
h3,
h4,
h5,
h6 {
    line-height: 1.22;
    letter-spacing: 0
}

h1>a,
h2>a,
h3>a,
h4>a,
h5>a,
h6>a {
    text-decoration: none
}

select:focus {
    /* border-color: var(--main-color) */
}

select {
    display: block;
    height: 40px;
    width: 100%;
    padding: 0 14px;
    border: 2px solid transparent;
    border-radius: 5px;
    position: relative;
    line-height: 40px
}

hr {
    border: none;
    border-top: 1px solid var(--techwave-border-color);
    margin: 0 0 20px
}

hr[data-h="2"] {
    border-top-width: 2px
}

hr[data-h="3"] {
    border-top-width: 3px
}

hr[data-h="4"] {
    border-top-width: 4px
}

hr[data-h="5"] {
    border-top-width: 5px
}

hr[data-h="6"] {
    border-top-width: 6px
}

hr[data-h="7"] {
    border-top-width: 7px
}

hr[data-h="8"] {
    border-top-width: 8px
}

hr[data-h="9"] {
    border-top-width: 9px
}

hr[data-h="10"] {
    border-top-width: 10px
}

.techwave_fn_preloader.fn_ready {
    opacity: 0;
    visibility: hidden;
    pointer-events: none
}

.fn__nav_bar,
.techwave_fn_preloader.enabled,
quicksheet_typing {
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex
}

.techwave_fn_preloader {
    position: fixed;
    padding: 0;
    margin: 0;
    z-index: 1000;
    left: 0;
    right: 0;
    bottom: 0;
    top: 0;
    display: none;
    -ms-align-items: center;
    align-items: center;
    justify-content: center;
    transition: .3s
}

.techwave_fn_preloader svg {
    width: 240px;
    height: 240px;
    border-radius: 100%;
    position: relative
}

.techwave_fn_preloader .first_circle {
    fill: none;
    stroke-width: 10px;
    stroke: #080808
}

.techwave_fn_preloader .second_circle {
    fill: none;
    stroke-width: 10px;
    stroke-linecap: round;
    transform: rotate(-90deg);
    transform-origin: 50% 50%;
    stroke-dasharray: 360;
    stroke-dashoffset: 100;
    stroke: var(--main-color);
    animation: 10s infinite techwave_fn_preloader;
    position: relative;
    z-index: 1
}

.fn__full_link,
.fn__submit:before,
.techwave_fn_button:before {
    right: 0;
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0
}

@keyframes techwave_fn_preloader {

    0%,
    100% {
        stroke-dasharray: 360
    }

    50% {
        stroke-dasharray: 1
    }
}

.container {
    width: 100%;
    max-width: 1400px;
    padding: 0 40px;
    margin: 0 auto
}

.container.wide {
    max-width: 1680px
}

.container.small {
    max-width: 780px
}

.container.medium {
    max-width: 980px
}

.clearfix:after,
.clearfix:before,
.container:after {
    content: '';
    clear: both;
    display: table
}

.techwave_fn_button.has__icon,
.techwave_fn_content,
quicksheet_typing h3 {
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex
}

quicksheet_main,
quicksheet_uselect {
    -webkit-user-select: all;
    -moz-user-select: all;
    -ms-user-select: all;
    -o-user-select: all;
    user-select: all
}

quicksheet_typing h3 {
    margin: 0;
    font-size: 16px;
    font-weight: 400;
    display: flex
}

quicksheet_typing span {
    overflow: hidden;
    border-right: 2px solid var(--main-color);
    white-space: nowrap;
    -webkit-animation: 1s steps(150, end) quicksheet_typing_animation, .5s step-end infinite quicksheet_blink_caret;
    animation: 1s steps(150, end) quicksheet_typing_animation, .5s step-end infinite quicksheet_blink_caret
}

@keyframes quicksheet_typing_animation {
    from {
        width: 0
    }

    to {
        width: 100%
    }
}

@keyframes quicksheet_blink_caret {

    from,
    to {
        border-color: transparent
    }

    50% {
        border-color: var(--main-color)
    }
}

.techwave_fn_wrapper.fn__has_sidebar .techwave_fn_content {
    margin-right: 300px
}

.techwave_fn_content {
    position: relative;
    margin-left: var(--techwave-left-panel-width);
    margin-top: var(--techwave-header-height);
    transition: .2s;
    display: flex;
    -webkit-flex-direction: column;
    -moz-flex-direction: column;
    -ms-flex-direction: column;
    -o-flex-direction: column;
    flex-direction: column;
    margin-bottom: 0;
}

.fn__submit,
.fn__submit input,
.techwave_fn_button {
    display: block;
    background-color: var(--techwave-button-bg-color);
    position: relative;
    border-radius: 20px
}

.fn__submit input,
.techwave_fn_button {
    width: fit-content;
    max-width: 100%;
    text-decoration: none;
    font-weight: 500;
    font-size: 14px;
    letter-spacing: .5px;
    height: 40px;
    line-height: 40px;
    padding: 0 34px;
    color: var(--techwave-heading-color);
    text-transform: uppercase;
    text-align: center;
    outline: transparent 0;
    overflow: hidden
}

.fn__submit input {
    width: 100%;
    background-color: transparent !important
}

.techwave_fn_button.medium {
    padding: 0 97px;
    height: 60px;
    line-height: 60px;
    border-radius: 30px;
    font-size: 18px
}

.fn__token_info,
.techwave_fn_header {
    height: var(--techwave-header-height)
}

.techwave_fn_button.medium:after,
.techwave_fn_button.medium:before {
    border-radius: 30px
}

.rounded,
.techwave_fn_button.small__border,
.techwave_fn_button.small__border:after,
.techwave_fn_button.small__border:before {
    border-radius: 5px
}

.techwave_fn_button.small__border {
    padding: 0 20px
}

.techwave_fn_button.has__icon {
    display: flex;
    -ms-align-items: center;
    align-items: center
}

.techwave_fn_button.has__icon .fn__svg {
    width: 16px;
    height: 16px;
    margin-right: 5px
}

.filter__select,
.fn__submit input,
.techwave_fn_button span {
    position: relative;
    z-index: 5
}

.techwave_fn_button span {
    top: 1px
}

.fn__submit:hover:after,
.techwave_fn_button:hover:after {
    animation-duration: 2s
}

.fn__submit:after,
.fn_contact_form .empty_notice:after,
.fn_contact_form .returnmessage:after,
.techwave_fn_button:after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    border-radius: 20px;
    border: 2px solid transparent;
    background: -moz-linear-gradient(270deg, var(--main-color1), var(--main-color2), var(--main-color1), var(--main-color2)) border-box;
    background: -webkit-linear-gradient(270deg, var(--main-color1), var(--main-color2), var(--main-color1), var(--main-color2)) border-box;
    background: linear-gradient(270deg, var(--main-color1), var(--main-color2), var(--main-color1), var(--main-color2)) border-box;
    -webkit-mask: linear-gradient(#fff 0 0) padding-box, linear-gradient(#fff 0 0);
    -webkit-mask-composite: destination-out;
    -webkit-mask-composite: source-out;
    mask-composite: exclude;
    background-size: 300% 300%;
    -webkit-animation: 4s infinite alternate animatedgradient;
    animation: 4s infinite alternate animatedgradient
}

.techwave_fn_button.disabled,
.techwave_fn_leftpanel .group__list .hovered>a,
.techwave_fn_leftpanel .group__list a.active,
.techwave_fn_leftpanel .group__list a:hover {
    background-color: var(--techwave-some-a-bg-color)
}

.fn__submit:before,
.techwave_fn_button:before {
    color: var(--main-color1);
    content: '';
    opacity: .1;
    border-radius: 20px;
    box-shadow: 0 5px 15px
}

.panel-opened .techwave_fn_fixedsub,
.techwave_fn_button.enabled:after {
    display: block
}

.retina_logo,
.short_logo,
.techwave_fn_button.disabled:after,
.techwave_fn_interactive_list.modern .desc,
.techwave_fn_leftpanel .mobile_closer {
    display: none
}

@keyframes animatedgradient {

    0%,
    100% {
        background-position: 0 50%
    }

    50% {
        background-position: 100% 50%
    }
}

@media (-webkit-min-device-pixel-ratio:1.1),
(min-device-pixel-ratio:1.1),
(min-resolution:120dpi) {
    .retina_logo {
        display: block
    }
}

.techwave_fn_header,
.techwave_fn_leftpanel,
.techwave_fn_leftpanel .group__list a,
.techwave_fn_leftpanel .leftpanel_logo {
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex
}

.techwave_fn_leftpanel {
    z-index: 101;
    position: fixed;
    background-color: var(--techwave-some-r-bg-color);
    width: var(--techwave-left-panel-width);
    left: 0;
    top: 0;
    bottom: 0;
    border-right: 1px solid var(--techwave-border-color);
    display: flex;
    -webkit-flex-direction: column;
    -moz-flex-direction: column;
    -ms-flex-direction: column;
    -o-flex-direction: column;
    flex-direction: column;
    transition: .2s
}

.techwave_fn_leftpanel .leftpanel_logo {
    min-height: var(--techwave-header-height);
    height: var(--techwave-header-height);
    border-bottom: 1px solid var(--techwave-border-color);
    padding: 20px 70px 20px 30px;
    display: flex;
    -ms-align-items: center;
    align-items: center;
    position: relative
}

.techwave_fn_leftpanel .fn__icon_button {
    position: absolute;
    top: 50%;
    margin-top: -15px;
    right: 20px;
    z-index: 4
}

.techwave_fn_img_lightbox .img_nav.nav_prev .fn__svg,
.techwave_fn_leftpanel .fn__icon_button .fn__svg {
    transform: rotate(180deg)
}

.techwave_fn_leftpanel .leftpanel_content {
    flex: 1 0 auto;
    padding: 48px 20px;
    overflow-y: auto;
    height: calc(100% - var(--techwave-header-height));
    scrollbar-width: thin;
    scrollbar-color: #999 #fff
}

.techwave_fn_leftpanel .leftpanel_content::-webkit-scrollbar {
    width: 4px
}

.techwave_fn_leftpanel .leftpanel_content:-webkit-scrollbar-track {
    background: var(--techwave-some-a-bg-color)
}

.techwave_fn_leftpanel .leftpanel_content::-webkit-scrollbar-thumb {
    background-color: var(--techwave-some-a-bg-color);
    border-radius: 6px
}

.techwave_fn_leftpanel .nav_group {
    margin-bottom: 38px
}

.techwave_fn_aichatbot_page .chat__sidebar .group__title,
.techwave_fn_leftpanel .group__title {
    margin: 0 0 12px;
    padding: 0 10px;
    text-transform: uppercase;
    font-weight: 500;
    font-size: 11px;
    letter-spacing: .5px;
    color: var(--techwave-body-color);
    font-family: var(--techwave-heading-font-family)
}

.fn__nav_bar .item_opener,
.fn__token_info .count,
.fn__token_info .token__popup span,
.techwave_fn_leftpanel .group__list a {
    color: var(--techwave-heading-color)
}

.techwave_fn_leftpanel .group__list {
    margin: 0;
    padding: 0;
    list-style-type: none
}

.techwave_fn_fixedsub li,
.techwave_fn_leftpanel .group__list li {
    margin-bottom: 4px;
    position: relative
}

.techwave_fn_leftpanel .group__list a {
    font-weight: 400;
    border-radius: 5px;
    text-decoration: none;
    min-height: 36px;
    padding: 5px 10px 5px 42px;
    display: flex;
    -ms-align-items: center;
    align-items: center;
    position: relative
}

.techwave_fn_leftpanel .group__list .menu-item-has-children>a {
    padding-right: 22px
}

.fn__nav_bar .bar__item_language.opened .item_opener,
.fn__nav_bar .bar__item_user .user_profile a:hover,
.fn__sup {
    color: var(--main-color)
}

.techwave_fn_leftpanel .group__list .icon {
    position: absolute;
    left: 10px;
    top: 50%;
    margin-top: -8px;
    display: block
}

.techwave_fn_leftpanel .group__list .icon .fn__svg {
    width: 18px;
    height: 18px;
    display: block
}

.techwave_fn_leftpanel .group__list .text {
    line-height: 24px;
    position: relative;
    top: 1px
}

.techwave_fn_doc_page .docsidebar .trigger,
.techwave_fn_leftpanel .group__list .trigger {
    right: 5px;
    top: 50%;
    margin-top: -6px;
    position: absolute;
    display: block;
    color: var(--techwave-heading-color);
    transform: rotate(90deg);
    transition: .2s
}

.techwave_fn_leftpanel .group__list .closed .trigger {
    transform: rotate(-90deg)
}

.techwave_fn_doc_page .docsidebar .trigger .fn__svg,
.techwave_fn_leftpanel .group__list .trigger .fn__svg {
    width: 12px;
    height: 12px;
    display: block
}

.techwave_fn_leftpanel .group__list .count {
    width: 24px;
    margin-left: 10px;
    display: inline-block;
    height: 24px;
    background-color: var(--main-color);
    color: #fff;
    font-weight: 500;
    line-height: 25px;
    text-align: center;
    font-size: 11px;
    border-radius: 100%;
    vertical-align: top
}

.fn__sup {
    vertical-align: super;
    text-transform: uppercase;
    font-weight: 500;
    font-size: 11px;
    letter-spacing: .5px;
    margin-left: 2px
}

.techwave_fn_doc_page .docsidebar ul ul,
.techwave_fn_leftpanel .group__list ul {
    margin: 4px 0 0 26px;
    list-style-type: none;
    padding: 0;
    overflow: hidden
}

.techwave_fn_doc_page .docsidebar ul ul a,
.techwave_fn_leftpanel .group__list ul a {
    padding-left: 17px
}

.techwave_fn_doc_page .docsidebar ul ul a:after,
.techwave_fn_fixedsub a:after,
.techwave_fn_leftpanel .group__list ul a:after {
    width: 5px;
    height: 2px;
    background-color: var(--techwave-heading-color);
    position: absolute;
    left: 6px;
    top: 50%;
    margin-top: -1px;
    content: ''
}

@media(min-width:1041px) {
    .panel-opened:root {
        --techwave-left-panel-width: 76px
    }

    .panel-opened .techwave_fn_leftpanel .group__list .icon .fn__svg {
        width: 18px;
        height: 18px
    }

    .panel-opened .techwave_fn_leftpanel .group__list a {
        width: 36px;
        padding: 0
    }

    .panel-opened .techwave_fn_leftpanel .group__list .menu-item-has-children>a:after {
        content: '';
        position: absolute;
        width: 10px;
        height: 10px;
        background-color: #f1416c;
        left: 50%;
        bottom: 50%;
        margin-left: 2px;
        margin-bottom: 2px;
        border-radius: 100%
    }

    .panel-opened .techwave_fn_leftpanel .leftpanel_logo {
        padding: 0;
        justify-content: center
    }

    .panel-opened .techwave_fn_leftpanel .short_logo {
        display: block
    }

    .panel-opened .techwave_fn_leftpanel .fn__closer {
        right: -15px;
        transform: rotate(180deg)
    }

    .panel-opened .techwave_fn_leftpanel .full_logo,
    .panel-opened .techwave_fn_leftpanel .group__list .text,
    .panel-opened .techwave_fn_leftpanel .group__list .trigger,
    .panel-opened .techwave_fn_leftpanel .group__title {
        display: none
    }

    .panel-opened .techwave_fn_leftpanel .group__list ul {
        display: none !important
    }
}

.techwave_fn_header {
    position: fixed;
    top: 0;
    left: var(--techwave-left-panel-width);
    right: 0;
    background-color: var(--techwave-header-bg-color);
    display: flex;
    justify-content: space-between;
    -ms-align-items: center;
    align-items: center;
    padding: 0 40px;
    z-index: 100;
    transition: .2s
}

.fn__token_info,
.fn__token_info .token_summary {
    -ms-align-items: center;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex
}

.techwave_fn_header:after {
    content: '';
    pointer-events: none;
    position: absolute;
    bottom: 0;
    z-index: 1;
    left: 0;
    right: 0;
    height: 1px;
    background-color: var(--techwave-border-color)
}

.fn__token_info {
    display: flex;
    align-items: center;
    position: relative
}

.techwave_fn_fixedsub,
.techwave_fn_searchbar {
    position: fixed;
    left: var(--techwave-left-panel-width)
}

.fn__token_info:hover .token__popup {
    opacity: 1;
    visibility: visible;
    transform: translateY(0)
}

.fn__token_info .token__popup {
    opacity: 0;
    width: 200px;
    position: absolute;
    left: 0;
    background-color: var(--techwave-header-bg-color);
    padding: 12px 15px;
    border-radius: 0 0 5px 5px;
    border: 1px solid var(--techwave-border-color);
    font-size: 12px;
    letter-spacing: .5px;
    transition: .2s
}

.fn__token_info .token_summary {
    border-radius: 5px;
    background-color: var(--techwave-some-a-bg-color);
    line-height: 16px;
    height: 40px;
    display: flex;
    align-items: center;
    padding: 5px 12px;
    margin-right: 20px
}

.fn__token_info .count {
    font-weight: 600;
    font-size: 18px;
    padding-right: 25px;
    position: relative
}

.fn__token_info .text {
    line-height: 16px;
    font-size: 12px
}

.fn__token_info .count:after {
    content: '';
    position: absolute;
    right: 12px;
    top: 50%;
    margin-top: -15px;
    height: 30px;
    background-color: #413e45;
    width: 1px
}

.fn__nav_bar .bar__item_user .user_nav a.active,
.fn__nav_bar .bar__item_user .user_nav a:hover,
.fn__nav_bar .item_opener,
.techwave_fn_changelog .item__title span,
.techwave_fn_fixedsub a.active,
.techwave_fn_fixedsub a:hover,
.techwave_fn_interactive_list .item:hover {
    background-color: var(--techwave-some-a-bg-color)
}

.fn__nav_bar .bar__item {
    height: var(--techwave-header-height);
    position: relative;
    margin-right: 10px;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
    -ms-align-items: center;
    align-items: center;
    justify-content: center
}

.fn__nav_bar .bar__item_user .user_profile,
.fn__nav_bar .item_opener {
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex
}

.fn__nav_bar .bar__item:last-child {
    margin-right: 0
}

.fn__nav_bar .item_opener {
    width: 50px;
    height: 50px;
    text-decoration: none;
    display: flex;
    -ms-align-items: center;
    align-items: center;
    justify-content: center;
    border-radius: 100%;
    position: relative
}

.fn__nav_bar .item_opener:hover {
    opacity: .8
}

.fn__nav_bar .item_opener.full_screen .f_screen {
    opacity: 0;
    transform: scale(.7)
}

.fn__nav_bar .item_opener.full_screen .s_screen {
    opacity: 1;
    transform: scale(1)
}

.fn__nav_bar .item_opener .fn__svg {
    width: 24px;
    height: 24px;
    transition: .3s
}

.fn__nav_bar .item_opener .dark_mode {
    opacity: 0;
    position: absolute;
    left: 50%;
    top: 50%;
    margin: -12px 0 0 -12px;
    transform: scale(.7) rotate(-90deg)
}

[data-techwave-skin=dark] .fn__nav_bar .item_opener .light_mode,
[data-techwave-skin=light] .fn__nav_bar .item_opener .dark_mode {
    opacity: 1;
    transform: scale(1) rotate(0)
}

[data-techwave-skin=light] .fn__nav_bar .item_opener .light_mode {
    opacity: 0;
    transform: scale(.7) rotate(90deg)
}

[data-techwave-skin=dark] .fn__nav_bar .item_opener .dark_mode {
    opacity: 0;
    transform: scale(.7) rotate(-90deg)
}

.fn__nav_bar .item_opener .s_screen {
    opacity: 0;
    position: absolute;
    left: 50%;
    top: 50%;
    margin: -9px 0 0 -9px;
    transform: scale(.7);
    width: 18px;
    height: 18px
}

.fn__nav_bar .bar__item_user {
    margin-left: 10px
}

.fn__nav_bar .user_opener {
    width: 60px;
    height: 60px;
    border: 2px solid var(--techwave-border-color);
    border-radius: 5px;
    overflow: hidden
}

.fn__nav_bar .user_opener img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    aspect-ratio: 1/1;
    border-radius: 3px
}

.fn__nav_bar .item_popup {
    position: absolute;
    right: 0;
    background-color: var(--techwave-header-bg-color);
    border: 1px solid var(--techwave-border-color);
    border-radius: 0 0 5px 5px;
    opacity: 0;
    transition: .2s
}

.techwave_fn_fixedsub,
.techwave_fn_interactive_list .item {
    background-color: var(--techwave-some-r-bg-color);
    transition: .2s
}

.fn__nav_bar .item_popup[data-position=left] {
    right: auto;
    left: 0
}

.fn__nav_bar .bar__item_user .item_popup {
    padding: 20px;
    width: 300px;
    max-width: calc(100vw - 80px)
}

.fn__nav_bar .bar__item_language.opened .item_popup,
.fn__nav_bar .bar__item_notification.opened .item_popup,
.fn__nav_bar .bar__item_user.opened .item_popup {
    opacity: 1;
    visibility: visible;
    transform: translateY(0)
}

.fn__nav_bar .bar__item_user.opened .user_opener,
.fn__nav_bar .bar__item_user:hover .user_opener {
    border-color: var(--main-color)
}

.fn__nav_bar .bar__item_user .user_profile {
    display: flex;
    padding: 0 10px 20px;
    border-bottom: 1px solid var(--techwave-border-color);
    -ms-align-items: center;
    align-items: center
}

.fn__nav_bar .bar__item_user .user_img {
    margin-right: 15px;
    width: 60px;
    min-width: 60px
}

.fn__nav_bar .bar__item_user .user_img img {
    width: 100%;
    object-fit: cover;
    aspect-ratio: 1/1;
    border: 2px solid var(--techwave-border-color);
    border-radius: 5px
}

.fn__nav_bar .bar__item_user .user_name {
    margin: 0;
    padding: 0;
    font-weight: 400;
    font-size: 16px
}

.fn__nav_bar .bar__item_user .user_name span {
    height: 16px;
    line-height: 16px;
    display: inline-block;
    padding: 0 5px;
    border-radius: 5px;
    background-color: var(--main-color);
    color: #fff;
    font-weight: 500;
    font-size: 11px;
    text-transform: uppercase;
    font-family: var(--techwave-heading-font-family);
    margin-left: 10px;
    vertical-align: middle;
    position: relative;
    top: -2px
}

.fn__nav_bar .bar__item_language .item_popup a,
.fn__nav_bar .bar__item_language .item_popup span,
.fn__nav_bar .bar__item_user .user_nav a {
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    -ms-align-items: center;
    height: 36px;
    border-radius: 5px;
    font-family: var(--techwave-heading-font-family)
}

.fn__nav_bar .bar__item_user .user_nav a,
.fn__nav_bar .bar__item_user .user_profile a {
    color: var(--techwave-heading-color);
    text-decoration: none
}

.fn__nav_bar .bar__item_user .user_profile p {
    margin: 0;
    padding: 0;
    font-family: var(--techwave-heading-font-family);
    font-size: 12px;
    letter-spacing: 0
}

.fn__nav_bar .bar__item_user .user_nav {
    padding-top: 20px
}

.fn__nav_bar .bar__item_user .user_nav li {
    margin-bottom: 4px
}

.fn__nav_bar .bar__item_user .user_nav ul {
    list-style-type: none;
    margin: 0;
    padding: 0
}

.fn__nav_bar .bar__item_user .user_nav a {
    font-weight: 400;
    padding: 0 10px 0 42px;
    display: flex;
    align-items: center;
    position: relative
}

.fn__nav_bar .bar__item_user .user_nav .icon {
    position: absolute;
    left: 10px;
    top: 50%;
    margin-top: -8px;
    display: block
}

.fn__nav_bar .bar__item_user .user_nav .icon .fn__svg {
    width: 16px;
    height: 16px;
    display: block
}

.fn__nav_bar .bar__item_user .user_nav .text {
    position: relative;
    top: 1px
}

.fn__nav_bar .bar__item_language .item_popup {
    padding: 20px;
    width: 200px;
    max-width: calc(100vw - 80px)
}

.fn__nav_bar .bar__item_language .item_popup li {
    margin-bottom: 4px
}

.fn__nav_bar .bar__item_language .item_popup ul {
    margin: 0;
    padding: 0;
    list-style-type: none
}

.fn__nav_bar .bar__item_language .item_popup a,
.fn__nav_bar .bar__item_language .item_popup span {
    display: flex;
    align-items: center;
    padding: 0 15px;
    text-decoration: none;
    font-size: 16px;
    letter-spacing: 0;
    color: var(--techwave-heading-color);
    transition: .3s
}

.fn__nav_bar .bar__item_notification .ntfc_header,
.fn__nav_bar .bar__item_notification .ntfc_list li,
.techwave_fn_fixedsub a,
.techwave_fn_footer_content {
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex
}

.fn__nav_bar .bar__item_language .item_popup .active,
.fn__nav_bar .bar__item_language .item_popup a:hover {
    background-color: var(--techwave-some-a-bg-color);
    color: var(--techwave-hover-color)
}

.fn__nav_bar .bar__item_notification .item_opener:after {
    content: '';
    position: absolute;
    width: 12px;
    height: 12px;
    background-color: #f1416c;
    border-radius: 100%;
    top: 9px;
    right: 10px;
    opacity: 0;
    visibility: hidden
}

.fn__nav_bar .bar__item_notification.has_notification .item_opener:after,
.techwave_fn_fixedsub.opened {
    opacity: 1;
    visibility: visible
}

.fn__nav_bar .bar__item_notification .item_popup {
    width: 340px;
    padding: 20px;
    max-width: calc(100vw - 80px)
}

.fn__nav_bar .bar__item_notification .ntfc_header {
    display: flex;
    -ms-align-items: center;
    align-items: center;
    justify-content: space-between;
    column-gap: 20px;
    padding: 1px 15px 20px;
    border-bottom: 1px solid var(--techwave-border-color)
}

.fn__nav_bar .bar__item_notification .ntfc_title {
    font-size: 12px;
    font-weight: 500;
    margin: 0;
    letter-spacing: .5px;
    text-transform: uppercase;
    font-family: var(--techwave-heading-font-family);
    color: var(--techwave-body-color)
}

.fn__nav_bar .bar__item_notification .ntfc_header a {
    text-decoration: none;
    font-size: 12px;
    font-weight: 400;
    font-family: var(--techwave-heading-font-family);
    color: var(--techwave-body-color)
}

.fn__nav_bar .bar__item_notification .ntfc_header a:hover {
    color: var(--main-color)
}

.fn__nav_bar .bar__item_notification .ntfc_list {
    padding: 25px 15px 0
}

.fn__nav_bar .bar__item_notification .ntfc_list ul,
.techwave_fn_changelog .item__list,
.techwave_fn_fixedsub ul {
    margin: 0;
    padding: 0;
    list-style-type: none
}

.fn__nav_bar .bar__item_notification .ntfc_list li {
    display: flex;
    -webkit-flex-direction: column;
    -moz-flex-direction: column;
    -ms-flex-direction: column;
    -o-flex-direction: column;
    flex-direction: column;
    margin-bottom: 20px
}

.fn__members .item:last-child,
.fn__nav_bar .bar__item_notification .ntfc_list li:last-child,
.techwave_fn_accordion .acc__content>:last-child,
.techwave_fn_accordion .acc__item:last-child,
.techwave_fn_changelog .changelog__item:last-child,
.techwave_fn_changelog .item__group:last-child,
.techwave_fn_changelog .item__list li:last-child,
.techwave_fn_fixedsub li:last-child,
.techwave_fn_interactive_list.modern .icon,
.techwave_fn_searchbar .search__results li:last-child {
    margin-bottom: 0
}

.fn__nav_bar .bar__item_notification .ntfc_list p {
    margin: 0;
    padding: 0;
    font-size: 16px;
    font-weight: 400;
    font-family: var(--techwave-heading-font-family);
    color: var(--techwave-heading-color)
}

.fn__nav_bar .bar__item_notification .ntfc_list p a {
    color: var(--techwave-heading-color);
    text-decoration: none
}

.fn__nav_bar .bar__item_notification .ntfc_list p a:hover,
.techwave_fn_footer .menu_items a:hover {
    color: var(--main-color)
}

.fn__nav_bar .bar__item_notification .ntfc_list span,
.techwave_fn_footer .copyright p,
.techwave_fn_footer .menu_items a {
    color: var(--techwave-body-color);
    font-family: var(--techwave-heading-font-family)
}

.fn__nav_bar .bar__item_notification .ntfc_list span {
    font-size: 12px;
    font-weight: 400;
    margin-top: -1px
}

.fn__prompt_details .prompt__popup a:hover,
.techwave_fn_searchbar .search__results a:hover,
a.fn__like.has__like .full__like {
    color: var(--main-color)
}

.fn__nav_bar .bar__item_search .item_popup {
    width: 200px;
    padding: 20px;
    max-width: calc(100vw - 80px)
}

.techwave_fn_fixedsub {
    opacity: 0;
    visibility: hidden;
    top: var(--techwave-header-height);
    z-index: 101;
    display: none;
    border: 1px solid var(--techwave-border-color);
    border-left: none;
    margin-top: calc(var(--techwave-header-height) - 21px);
    padding: 20px
}

.techwave_fn_fixedsub a {
    font-weight: 400;
    border-radius: 5px;
    font-family: var(--techwave-heading-font-family);
    color: var(--techwave-heading-color);
    text-decoration: none;
    min-height: 36px;
    padding: 5px 10px 5px 17px;
    display: flex;
    -ms-align-items: center;
    align-items: center;
    position: relative
}

.techwave_fn_footer {
    margin-top: auto;
    min-height: 71px;
    padding: 18px 40px;
    border-top: 1px solid var(--techwave-border-color)
}

.techwave_fn_footer_content {
    display: flex;
    justify-content: space-between;
    -ms-align-items: center;
    align-items: center
}

.section_home,
.techwave_fn_aichatbot_page,
.techwave_fn_footer .menu_items ul,
.techwave_fn_interactive_list ul {
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex
}

.techwave_fn_footer .copyright p {
    margin: 0;
    padding: 0;
    font-size: 14px;
    letter-spacing: .5px
}

.techwave_fn_footer .menu_items ul {
    display: flex;
    flex-wrap: wrap;
    margin: 0 0 0 -30px;
    padding: 0;
    list-style-type: none
}

.techwave_fn_footer .menu_items li {
    margin: 5px 0 5px 30px
}

.techwave_fn_footer .menu_items a {
    text-decoration: none;
    font-size: 14px;
    letter-spacing: .5px
}

.section_home,
.techwave_fn_aichatbot_page {
    display: flex;
    flex-wrap: wrap;
    min-height: calc(100vh - var(--techwave-header-height) - 71px)
}

.section_home .section_left {
    padding: 80px 40px;
    border-right: 1px solid var(--techwave-border-color);
    width: 60%
}

.section_home .section_right {
    width: 40%;
    padding: 16px 40px;
}

.section_home .company_info {
    margin: 0 auto;
    /* max-width: 350px; */
}

.section_home .company_info hr {
    margin-bottom: 24px
}

.section_home .company_info p,
.techwave_fn_aichatbot_page .fn__title_holder {
    margin-bottom: 23px
}

.section_home .company_info img {
    margin-bottom: 25px
}

.section_home .techwave_fn_title_holder,
.techwave_fn_pricing_page .techwave_fn_title_holder {
    margin-bottom: 43px
}

.section_home .chart_holder {
    margin: 24px auto 0;
    /* max-width: 350px; */
}

.chart_card {
    background-color: var(--techwave-some-r-bg-color);
    border: 1px solid var(--techwave-border-color);
    border-radius: 12px;
    box-shadow: 0 4px 24px rgba(0, 0, 0, .08);
    padding: 24px
}

.chart_title {
    margin: 0 0 20px;
    padding: 0;
    font-family: var(--techwave-heading-font-family);
    font-size: 18px;
    font-weight: 600;
    color: var(--techwave-heading-color)
}

.chart_body {
    display: flex;
    align-items: center;
    gap: 20px
}

.chart_canvas_wrap {
    flex: 0 0 140px;
    width: 140px;
    height: 140px
}

.chart_canvas_wrap canvas {
    display: block;
    width: 100% !important;
    height: 100% !important
}

.chart_legend {
    flex: 1;
    display: flex;
    flex-direction: column;
    gap: 16px
}

.chart_legend_item {
    display: flex;
    align-items: flex-start;
    gap: 10px
}

.chart_legend_color {
    flex-shrink: 0;
    width: 14px;
    height: 14px;
    margin-top: 3px;
    border-radius: 4px
}

.chart_legend_text {
    display: flex;
    flex-direction: column;
    gap: 2px
}

.chart_legend_label {
    font-size: 13px;
    line-height: 1.3;
    color: var(--techwave-body-color)
}

.chart_legend_value {
    font-size: 14px;
    font-weight: 600;
    line-height: 1.3;
    color: var(--techwave-heading-color)
}

.section_overview {
    width: 100%;
}

.section_home .chart_holder--overview {
    margin: 24px auto 0;
    max-width: 100%
}

.chart_card--line .chart_title {
    margin-bottom: 8px
}

.chart_line_wrap {
    position: relative;
    width: 100%;
    height: 320px
}

.chart_line_wrap canvas {
    display: block;
    width: 100% !important;
    height: 100% !important
}

.techwave_fn_title_holder {
    text-align: center
}

.techwave_fn_title_holder .title {
    margin: 0 0 -1px;
    padding: 0;
    font-family: var(--techwave-heading-font-family);
    color: var(--techwave-heading-color);
    font-size: 40px
}

.techwave_fn_title_holder .desc {
    margin: 0;
    padding: 0;
    font-size: 18px;
    font-weight: 400;
    font-family: var(--techwave-body-font-family);
    color: var(--techwave-body-color)
}

.techwave_fn_interactive_list ul {
    margin: 0 0 0 -20px;
    padding: 0;
    list-style-type: none;
    display: flex;
    justify-content: center;
    flex-wrap: wrap
}

.techwave_fn_changelog .item__header,
.techwave_fn_interactive_list .icon,
.techwave_fn_interactive_list a {
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex
}

.techwave_fn_interactive_list li {
    width: 360px;
    max-width: 50%;
    padding-left: 20px;
    margin-bottom: 20px
}

.techwave_fn_interactive_list .item {
    border: 2px solid var(--techwave-border-color);
    border-radius: 5px;
    min-height: 100%;
    text-align: center
}

.techwave_fn_interactive_list .item:hover {
    border-color: var(--main-color)
}

.techwave_fn_interactive_list a {
    text-decoration: none;
    display: flex;
    -webkit-flex-direction: column;
    -moz-flex-direction: column;
    -ms-flex-direction: column;
    -o-flex-direction: column;
    flex-direction: column;
    justify-content: center;
    -ms-align-items: center;
    align-items: center;
    padding: 48px 30px;
    min-height: 100%
}

.techwave_fn_interactive_list .icon {
    width: 120px;
    height: 120px;
    border-radius: 100%;
    background-color: var(--main-color);
    position: relative;
    display: flex;
    -ms-align-items: center;
    align-items: center;
    justify-content: center;
    color: #fff;
    margin-bottom: 26px
}

.techwave_fn_interactive_list .icon .fn__svg {
    width: 50px;
    height: 50px;
    display: block
}

.techwave_fn_interactive_list .title {
    margin: 0 0 20px;
    padding: 0;
    font-family: var(--techwave-heading-font-family);
    color: var(--techwave-heading-color);
    font-weight: 400;
    font-size: 24px
}

.techwave_fn_interactive_list .desc {
    margin: 0 0 22px;
    padding: 0;
    font-family: var(--techwave-body-font-family);
    color: var(--techwave-body-color);
    font-weight: 400;
    font-size: 16px;
    line-height: 20px
}

.techwave_fn_changelog .item__title span,
.techwave_fn_changelog .item__ver,
.techwave_fn_pagetitle .title,
.techwave_fn_searchbar .search__input {
    font-family: var(--techwave-heading-font-family)
}

.techwave_fn_interactive_list .arrow {
    display: block;
    width: 50px;
    height: 14px;
    color: var(--techwave-heading-color);
    position: relative
}

.techwave_fn_interactive_list .arrow:after {
    position: absolute;
    content: '';
    height: 2px;
    top: 50%;
    margin-top: -1px;
    background-color: var(--techwave-heading-color);
    transition: .3s;
    right: 100%;
    left: 0;
    margin-right: 0
}

.techwave_fn_interactive_list .item:hover .arrow:after {
    right: 0;
    margin-right: 4px;
    left: 0
}

.techwave_fn_interactive_list .item:hover .arrow .fn__svg {
    right: 0;
    margin-right: 0
}

.techwave_fn_interactive_list .arrow .fn__svg {
    width: 14px;
    height: 14px;
    display: block;
    position: absolute;
    right: 50%;
    margin-right: -7px;
    transition: .3s
}

.techwave_fn_interactive_list.modern {
    max-width: 700px;
    margin: 0 auto
}

.techwave_fn_interactive_list.modern li {
    width: 100%;
    max-width: 100%
}

.techwave_fn_interactive_list.modern a {
    -webkit-flex-direction: row;
    -moz-flex-direction: row;
    -ms-flex-direction: row;
    -o-flex-direction: row;
    flex-direction: row;
    justify-content: flex-start;
    padding: 18px 38px
}

.techwave_fn_interactive_list.modern .icon {
    margin-right: 20px;
    min-width: 60px;
    width: 60px;
    height: 60px
}

.fn__members .circle,
.techwave_fn_img_lightbox .img_nav .fn__svg,
.techwave_fn_searchbar .search__closer .fn__svg {
    width: 12px;
    height: 12px
}

.techwave_fn_interactive_list.modern .icon .fn__svg {
    width: 24px;
    height: 24px
}

.techwave_fn_interactive_list.modern .title {
    margin-bottom: 0;
    margin-right: 20px;
    font-size: 20px
}

.techwave_fn_interactive_list.modern .arrow {
    margin-left: auto
}

.fn__members .item {
    position: relative;
    padding-left: 22px;
    font-size: 16px;
    line-height: 24px;
    min-height: 24px;
    margin-bottom: 8px
}

.fn__members .circle {
    border-radius: 100%;
    display: block;
    background-color: var(--techwave-body-color);
    position: absolute;
    top: 6px;
    left: 0
}

.fn__members .active .circle {
    background-color: #45c569
}

.fn__animated_text {
    opacity: 0
}

.fn__animated_text.ready {
    opacity: 1
}

.fn__animated_text span {
    animation: .8s both fn__animated_text
}

.fn__animated_text em {
    opacity: 0
}

@keyframes fn__animated_text {
    0% {
        opacity: 0
    }

    65% {
        opacity: 1;
        text-shadow: 0 0 25px #fff
    }

    75% {
        opacity: .7
    }

    100% {
        opacity: 1
    }
}

.techwave_fn_pagetitle {
    padding: 34px 40px;
    border-bottom: 1px solid var(--techwave-border-color)
}

.techwave_fn_pagetitle .title {
    margin: 0;
    padding: 0;
    font-size: 22px;
    line-height: 1.364;
    font-weight: 600;
    color: var(--techwave-heading-color)
}

.techwave_fn_pagetitle span {
    color: var(--techwave-body-color)
}

.change_log,
.faq,
.techwave_fn_doc_page .doccontent,
.techwave_fn_notification_single_content,
.techwave_fn_notifications_content,
.techwave_fn_privacy_page .privacypage,
.techwave_fn_user_billing,
.techwave_fn_user_profile,
.techwave_fn_user_settings {
    padding: 40px 0
}

.techwave_fn_changelog .changelog__item {
    border-radius: 5px;
    border: 1px solid var(--techwave-border-color);
    background-color: var(--techwave-some-r-bg-color);
    margin-bottom: 40px
}

.techwave_fn_searchbar,
.techwave_fn_searchbar .search__results {
    border-bottom: 1px solid var(--techwave-border-color);
    background-color: var(--techwave-header-bg-color);
    right: 0
}

.techwave_fn_changelog .item__header {
    padding: 24px 30px;
    border-bottom: 1px solid var(--techwave-border-color);
    display: flex;
    column-gap: 20px;
    justify-content: space-between;
    -ms-align-items: center;
    align-items: center
}

.techwave_fn_changelog .item__ver {
    color: var(--techwave-heading-color);
    font-size: 20px;
    font-weight: 400
}

.techwave_fn_changelog .item__date,
.techwave_fn_notifications_list .item__date {
    color: var(--techwave-body-color);
    font-family: var(--techwave-heading-font-family);
    font-size: 11px;
    font-weight: 500;
    text-transform: uppercase
}

.techwave_fn_changelog .item__content {
    padding: 40px 30px 34px
}

.techwave_fn_changelog .item__group {
    margin-bottom: 34px
}

.techwave_fn_changelog .item__title {
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
    margin-bottom: 15px
}

.techwave_fn_changelog .item__title span {
    height: 18px;
    line-height: 18px;
    padding: 1px 10px 0;
    border-radius: 9px;
    font-weight: 500;
    max-width: 100%;
    overflow: hidden;
    text-align: center;
    color: var(--techwave-heading-color);
    text-transform: uppercase;
    font-size: 11px
}

.techwave_fn_changelog .item__list li {
    position: relative;
    min-height: 24px;
    line-height: 24px;
    font-size: 18px;
    color: var(--techwave-body-color);
    font-weight: 400;
    padding-left: 15px;
    margin-bottom: 8px
}

.techwave_fn_changelog .item__list li:after {
    content: '';
    position: absolute;
    left: 0;
    top: 11px;
    height: 2px;
    background-color: var(--techwave-body-color);
    width: 5px
}

.techwave_fn_searchbar {
    opacity: 0;
    visibility: hidden;
    transform: translateX(100px);
    top: 0;
    height: var(--techwave-header-height);
    padding: 0 40px;
    z-index: 102;
    transition: .3s
}

.techwave_fn_searchbar.opened {
    opacity: 1;
    visibility: visible;
    transform: translateX(0)
}

.techwave_fn_searchbar .search__results {
    opacity: 0;
    visibility: hidden;
    transform: translateY(20px);
    position: absolute;
    top: 100%;
    left: 0;
    margin-top: 1px;
    padding: 46px 40px;
    transition: .2s
}

.techwave_fn_searchbar .search__results.opened {
    opacity: 1;
    visibility: visible;
    transform: translateY(0)
}

.techwave_fn_searchbar .search__input {
    height: var(--techwave-header-height);
    padding: 0 50px 0 45px;
    display: block;
    width: 100%;
    background-color: transparent !important;
    border: none !important;
    font-size: 16px;
    font-weight: 400;
    letter-spacing: 0
}

.techwave_fn_accordion .acc__item .acc__header:hover,
.techwave_fn_accordion .acc__item.opened .acc__header,
.techwave_fn_searchbar .search__closer {
    background-color: var(--techwave-some-a-bg-color)
}

.techwave_fn_searchbar .results__title {
    font-weight: 500;
    text-transform: uppercase;
    font-size: 11px;
    margin: 0 0 19px
}

.techwave_fn_accordion .acc__title,
.techwave_fn_searchbar .search__results li {
    font-weight: 400;
    font-family: var(--techwave-heading-font-family);
    color: var(--techwave-heading-color)
}

.techwave_fn_searchbar .search__icon {
    width: 24px;
    height: 24px;
    display: block;
    position: absolute;
    top: 50%;
    margin-top: -12px;
    left: 40px;
    pointer-events: none
}

.techwave_fn_searchbar .search__closer {
    text-decoration: none;
    width: 30px;
    height: 30px;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
    -ms-align-items: center;
    align-items: center;
    justify-content: center;
    border-radius: 5px;
    position: absolute;
    right: 40px;
    top: 50%;
    margin-top: -15px;
    color: var(--techwave-heading-color)
}

.fn__tabs .tab_in,
.techwave_fn_accordion .acc__header {
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex
}

.techwave_fn_searchbar .search__results ul {
    margin: 0;
    padding: 0;
    list-style-type: none
}

.techwave_fn_searchbar .search__results li {
    font-size: 16px;
    letter-spacing: 0;
    margin-bottom: 13px
}

.techwave_fn_searchbar .search__results a {
    text-decoration: none;
    color: var(--techwave-heading-color)
}

.techwave_fn_accordion.small .acc__item {
    border-width: 1px
}

.fn__selection_box,
.fn__tabs {
    border-bottom: 1px solid var(--techwave-border-color)
}

.techwave_fn_accordion.small .acc__header {
    padding: 15px 20px
}

.techwave_fn_accordion.small .acc__icon:after {
    width: 11px;
    height: 1px;
    right: 20px;
    margin-top: -1px
}

.techwave_fn_accordion.small .acc__icon:before {
    width: 1px;
    height: 11px;
    right: 25px;
    margin-top: -6px
}

.techwave_fn_accordion.small .acc__title {
    font-size: 14px;
    text-transform: uppercase;
    line-height: 20px
}

.techwave_fn_accordion.small .acc__content {
    padding: 14px 20px
}

.techwave_fn_accordion .acc__item {
    border: 2px solid var(--techwave-border-color);
    background-color: var(--techwave-some-r-bg-color);
    border-radius: 5px;
    margin-bottom: 10px
}

.techwave_fn_accordion .acc__header {
    padding: 26px 30px;
    display: flex;
    column-gap: 20px;
    justify-content: space-between;
    -ms-align-items: center;
    align-items: center;
    position: relative;
    cursor: pointer;
    transition: .3s
}

.fn__selection_box,
.techwave_fn_accordion .acc__content {
    display: none;
    border-top: 1px solid var(--techwave-border-color)
}

.techwave_fn_accordion .acc__title {
    margin: 0;
    padding: 0 23px 0 0;
    font-size: 20px;
    line-height: 1.25;
    top: 1px
}

.techwave_fn_accordion .acc__icon:after {
    width: 18px;
    height: 2px;
    background-color: var(--techwave-heading-color);
    content: '';
    position: absolute;
    right: 30px;
    top: 50%;
    margin-top: -1px
}

.techwave_fn_accordion .opened .acc__icon:before {
    transform: scale(0) rotate(90deg)
}

.techwave_fn_accordion .acc__icon:before {
    width: 2px;
    height: 18px;
    background-color: var(--techwave-heading-color);
    content: '';
    position: absolute;
    right: 38px;
    top: 50%;
    margin-top: -9px;
    transition: .3s
}

.fn__selectable_item.selected .icon,
.fn__tabs a:after {
    background-color: var(--main-color)
}

.techwave_fn_accordion .acc__content {
    padding: 24px 30px;
    overflow: hidden
}

.techwave_fn_accordion .acc__content p {
    margin-bottom: 18px
}

.techwave_fn_community_page,
.techwave_fn_models_page {
    padding: 36px 0 40px
}

.techwave_fn_community_page .fn__title_holder,
.techwave_fn_image_generation_page .generation__sidebar .img_sizes,
.techwave_fn_models_page .fn__title_holder {
    margin-bottom: 28px
}

.fn__title_holder .title,
.techwave_fn_image_generation_page .generation_header .title {
    margin: 0;
    padding: 0;
    font-size: 22px;
    font-weight: 600
}

.fn__tabs {
    margin-bottom: 30px
}

.fn__tabs .tab_in {
    display: flex;
    width: 100%;
    flex-wrap: wrap
}

.techwave_fn_feed .feed__filter,
.techwave_fn_feed .filter__left {
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex
}

.fn__tabs a {
    text-decoration: none;
    font-size: 14px;
    font-weight: 500;
    letter-spacing: .5px;
    text-transform: uppercase;
    color: var(--techwave-heading-color);
    font-family: var(--techwave-heading-font-family);
    margin-right: 30px;
    line-height: 40px;
    position: relative
}

.fn__tabs a:after {
    content: '';
    opacity: 0;
    position: absolute;
    left: 50%;
    bottom: -1px;
    height: 2px;
    right: 50%;
    transition: .3s
}

.fn__tabs a.active:after {
    left: 0;
    right: 0;
    opacity: 1
}

.techwave_fn_feed .feed__filter {
    display: flex;
    justify-content: space-between;
    column-gap: 50px;
    margin-bottom: 30px;
    position: relative;
    -ms-align-items: center;
    align-items: center;
    flex-wrap: wrap
}

.techwave_fn_feed .filter__search a,
.techwave_fn_feed .filter__upscaled {
    margin: 5px 0
}

.techwave_fn_feed .filter__left {
    display: flex;
    -ms-align-items: center;
    align-items: center;
    margin: 5px 0;
    flex-wrap: wrap
}

.techwave_fn_feed .filter__search,
.techwave_fn_feed .filter__sorting {
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex
}

.techwave_fn_feed .filter__left>* {
    margin-right: 30px
}

.techwave_fn_feed .filter__left>:last-child {
    margin-right: 0
}

.techwave_fn_feed .filter__search {
    display: flex;
    flex-wrap: wrap
}

.techwave_fn_feed .filter__search input,
.techwave_fn_report .btns a {
    margin: 5px 10px 5px 0
}

.fn__selection_box .actions a,
.techwave_fn_feed .filter__sorting a {
    margin: 5px 0 5px 10px
}

.techwave_fn_feed .filter__sorting {
    display: flex;
    margin-left: -10px
}

.fn__selection_box {
    padding: 25px 0;
    margin-bottom: 30px;
    position: sticky;
    top: var(--techwave-header-height);
    z-index: 5;
    background: var(--techwave-site-bg-color)
}

.fn__checkbox .fn__svg,
.fn__checkbox input:checked~.checkmark,
.fn__selectable_item.selected,
.techwave_fn_img_lightbox .img_nav:hover,
a.fn__like.has__like {
    border-color: var(--main-color)
}

.fn__selection_box .desc {
    margin: 0;
    padding: 0
}

.fn__selection_box .selection_in,
.techwave_fn_image_generation_page .generation__sidebar .contrast_switcher,
.techwave_fn_image_generation_page .generation__sidebar .prompt_magic_switcher {
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
    justify-content: space-between;
    -ms-align-items: center;
    align-items: center
}

.fn__selection_box .actions,
.techwave_fn_report .btns {
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex
}

.fn__gallery_items,
.fn__grid_items ul,
.techwave_fn_feed .feed__more {
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex
}

.techwave_fn_feed .feed__results {
    margin-bottom: 60px;
    position: relative
}

.techwave_fn_feed .feed__results.loading .fn__gallery_items {
    opacity: 0;
    visibility: hidden
}

.techwave_fn_feed .feed__results.loading .fn__preloader {
    opacity: 1;
    visibility: visible
}

.techwave_fn_feed .feed__more {
    display: flex;
    justify-content: center
}

.fn__gallery_items,
.fn__grid_items ul {
    margin: 0 0 0 -20px;
    padding: 0;
    list-style-type: none;
    display: flex;
    flex-wrap: wrap
}

.fn__gallery_items .item.select__ready .item__info,
.tab__item,
.techwave_fn_aichatbot_page .chat__item,
.techwave_fn_pricing .pricing__tab,
.tooltipster-sidetip.tooltipster-techwave .tooltipster-arrow-uncropped {
    display: none
}

.fn__gallery_items .info__header,
.fn__selectable_item,
.fn__selectable_item .icon {
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex
}

.fn__gallery_items .item.select__ready .fn__selectable_item,
.techwave_fn_img_lightbox.opened {
    opacity: 1;
    visibility: visible;
    pointer-events: all
}

.fn__selectable_item {
    opacity: 0;
    visibility: hidden;
    pointer-events: none;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    display: flex;
    -ms-align-items: center;
    align-items: center;
    justify-content: center;
    z-index: 3;
    color: var(--techwave-hover-color);
    border: 2px solid transparent;
    border-radius: 5px;
    cursor: pointer
}

.fn__checkbox,
.fn__follow {
    font-family: var(--techwave-heading-font-family);
    color: var(--techwave-body-color);
    font-weight: 400
}

.fn__chat_link.opened .trigger span:after,
.fn__icon_button .dots:after {
    background-color: var(--techwave-heading-color)
}

.fn__selectable_item.selected:after {
    opacity: .1
}

.fn__selectable_item:after {
    background-color: var(--techwave-site-bg-color);
    opacity: .6;
    position: absolute;
    top: -2px;
    left: -2px;
    right: -2px;
    bottom: -2px;
    content: ''
}

.fn__selectable_item .icon {
    width: 50px;
    height: 50px;
    background-color: var(--techwave-some-a-bg-color);
    border-radius: 100%;
    display: flex;
    justify-content: center;
    -ms-align-items: center;
    align-items: center
}

.fn__selectable_item .fn__svg {
    position: relative;
    z-index: 3
}

.fn__gallery_item {
    margin: 0 0 20px;
    padding: 0 0 0 20px;
    width: 25%
}

.fn__gallery_items .item {
    position: relative;
    width: 100%;
    overflow: hidden;
    cursor: pointer
}

.fn__gallery_items .img img {
    border-radius: 5px;
    width: 100%;
    height: 100%
}

.fn__gallery_items .item:hover .item__info {
    opacity: 1;
    visibility: visible;
    transform: translateY(0)
}

.fn__gallery_items .item__info {
    opacity: 0;
    visibility: hidden;
    transform: translateY(20px);
    position: absolute;
    bottom: 10px;
    left: 10px;
    right: 10px;
    border-radius: 5px;
    background-color: var(--techwave-some-r-bg-color);
    padding: 20px 15px 19px;
    transition: .3s
}

.fn__gallery_items .info__header {
    display: flex;
    justify-content: space-between;
    margin-bottom: 14px;
    -ms-align-items: center;
    align-items: center;
    column-gap: 15px
}

.fn__gallery_items .user__info {
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
    -ms-align-items: center;
    align-items: center;
    max-width: 60%
}

.fn__gallery_items .author_name {
    margin: 0;
    padding: 0;
    color: var(--techwave-heading-color);
    font-family: var(--techwave-heading-font-family);
    font-size: 14px;
    overflow: hidden
}

.fn__gallery_items .user__info img {
    width: 20px;
    height: 20px;
    object-fit: cover;
    border-radius: 100%;
    margin-right: 7px
}

.fn__gallery_items .item__info .desc {
    margin: 0;
    padding: 0;
    font-size: 14px;
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    line-clamp: 3;
    -webkit-box-orient: vertical
}

a.fn__like {
    text-decoration: none;
    font-size: 14px;
    overflow: hidden;
    color: var(--techwave-heading-color);
    font-family: var(--techwave-heading-font-family);
    position: relative;
    z-index: 25;
    padding: 0 42px 0 18px;
    height: 40px;
    border: 2px solid var(--techwave-some-a-bg-color);
    border-radius: 20px;
    line-height: 36px
}

a.fn__like .count {
    position: relative;
    top: 1px
}

a.fn__like .fn__svg {
    position: absolute;
    width: 18px;
    height: 18px;
    right: 18px;
    top: 50%;
    margin-top: -9px;
    opacity: 0
}

a.fn__like .empty__like {
    opacity: 1
}

a.fn__like.has__like .empty__like {
    opacity: 0
}

a.fn__like.has__like .full__like {
    opacity: 1
}

a.fn__like:hover {
    opacity: .8
}

a.fn__like.no_border {
    border: none;
    padding: 0 24px 0 0;
    line-height: 16px;
    border-radius: 0;
    height: 16px
}

a.fn__like.no_border .fn__svg {
    right: 0
}

.fn__checkbox {
    margin: 0;
    padding: 0 0 0 27px;
    position: relative;
    min-height: 20px;
    line-height: 20px;
    font-size: 16px;
    border: none;
    outline: 0;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    -o-user-select: none;
    user-select: none
}

.fn__follow,
.fn__model .model_subtitle {
    letter-spacing: .5px;
    font-size: 11px;
    text-transform: uppercase
}

.fn__chat_link,
.fn__toggle {
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    -o-user-select: none
}

.fn__checkbox .fn__svg {
    opacity: 0;
    width: 12px;
    height: 12px;
    position: absolute;
    left: 4px;
    top: 50%;
    margin-top: -6px
}

.fn__follow:hover,
.fn__icon_button:hover {
    opacity: .8
}

.fn__checkbox input {
    position: absolute;
    opacity: 0;
    cursor: pointer;
    height: 0;
    width: 0
}

.fn__checkbox input:checked~.fn__svg {
    opacity: 1
}

.fn__checkbox .checkmark {
    width: 20px;
    height: 20px;
    display: block;
    position: absolute;
    top: 50%;
    margin-top: -10px;
    left: 0;
    border: 2px solid var(--techwave-border-color);
    border-radius: 3px
}

.techwave_fn_img_lightbox,
.techwave_fn_img_lightbox .lightbox__tlbar,
.techwave_fn_img_lightbox .lightbox__top {
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex
}

.techwave_fn_img_lightbox {
    opacity: 0;
    visibility: hidden;
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 105;
    background-color: var(--techwave-site-bg-color);
    display: flex;
    -webkit-flex-direction: column;
    -moz-flex-direction: column;
    -ms-flex-direction: column;
    -o-flex-direction: column;
    flex-direction: column;
    overflow-y: auto;
    pointer-events: none;
    transition: .3s
}

.fn__follow,
.fn__icon_button {
    background-color: var(--techwave-some-a-bg-color)
}

.techwave_fn_img_lightbox .lightbox__top {
    display: flex;
    border-bottom: 1px solid var(--techwave-border-color)
}

.techwave_fn_img_lightbox .lightbox__tl {
    width: 70%;
    width: calc(100% - 440px)
}

.techwave_fn_img_lightbox .lightbox__tr {
    width: 440px;
    border-left: 1px solid var(--techwave-border-color)
}

.techwave_fn_img_lightbox .lightbox__tlbar {
    display: flex;
    justify-content: space-between;
    padding: 20px;
    -ms-align-items: center;
    align-items: center
}

.techwave_fn_img_lightbox .lightbox__tlbar_left {
    flex: 3;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
    flex-wrap: wrap
}

.techwave_fn_img_lightbox .lightbox__tlbar_left .item {
    margin: 2.5px 5px 2.5px 0
}

.fn__prompt_details .prompt__popup li:last-child,
.techwave_fn_img_lightbox .item__details>:last-child {
    margin-bottom: 0
}

.techwave_fn_img_lightbox .lightbox__tlbar_center {
    flex: 2;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
    -ms-align-items: center;
    align-items: center;
    justify-content: center;
    column-gap: 5px
}

.techwave_fn_img_lightbox .lightbox__tlbar_right {
    flex: 3;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
    justify-content: flex-end
}

.techwave_fn_img_lightbox .img_nav {
    text-decoration: none;
    width: 40px;
    height: 40px;
    border: 2px solid var(--techwave-some-a-bg-color);
    border-radius: 100%;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
    -ms-align-items: center;
    align-items: center;
    justify-content: center;
    color: var(--techwave-heading-color)
}

.fn__follow,
.techwave_fn_img_lightbox .user__profile,
.techwave_fn_img_lightbox .user__profile .profile_link {
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex
}

.techwave_fn_img_lightbox .lightbox__tlimg {
    padding: 0 40px 60px;
    text-align: center
}

.techwave_fn_img_lightbox .user__profile {
    padding: 20px 70px 20px 20px;
    position: relative;
    position: sticky;
    top: 0;
    background-color: var(--techwave-site-bg-color);
    z-index: 2;
    border-bottom: 1px solid var(--techwave-border-color);
    display: flex;
    -ms-align-items: center;
    align-items: center;
    width: 100%
}

.techwave_fn_img_lightbox .user__profile .profile_link {
    display: flex;
    text-decoration: none;
    -ms-align-items: center;
    align-items: center;
    margin-right: 10px;
    max-width: 55%
}

.techwave_fn_img_lightbox .user__profile .profile_link .user_name {
    margin: 0;
    padding: 0;
    color: var(--techwave-heading-color);
    font-family: var(--techwave-heading-font-family);
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    font-size: 16px
}

.techwave_fn_img_lightbox .user__profile .profile_link img {
    min-width: 40px;
    width: 40px;
    height: 40px;
    border-radius: 100%;
    margin-right: 10px;
    object-fit: cover
}

.techwave_fn_img_lightbox .fn__closer {
    position: absolute;
    right: 20px;
    top: 50%;
    margin-top: -15px
}

.techwave_fn_aichatbot_page .chat__sidebar .sidebar_header,
.techwave_fn_img_lightbox .item__details {
    padding: 20px;
    border-bottom: 1px solid var(--techwave-border-color)
}

.techwave_fn_img_lightbox .item__details>* {
    margin-bottom: 10px
}

.techwave_fn_img_lightbox .lightbox__related {
    padding: 36px 40px 20px
}

.fn__model .model_subtitle,
.fn__model .model_title {
    padding: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.techwave_fn_img_lightbox .lightbox__related .fn__title_holder {
    margin-bottom: 33px
}

.fn__follow {
    padding: 0 10px;
    position: relative;
    display: flex;
    height: 24px;
    white-space: nowrap;
    max-width: 100%;
    text-decoration: none;
    border-radius: 12px;
    line-height: 24px
}

.fn__icon_button,
.fn__model {
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex
}

.fn__follow.has__follow {
    background-color: #f1416c;
    color: #fff
}

.fn__icon_button {
    width: 30px;
    height: 30px;
    border-radius: 5px;
    display: flex;
    -ms-align-items: center;
    align-items: center;
    justify-content: center;
    color: var(--techwave-heading-color)
}

.fn__model,
.fn__prompt_details,
.techwave_fn_report .report__content,
.techwave_fn_sign .form__content {
    background-color: var(--techwave-some-r-bg-color)
}

.fn__icon_button .dots {
    display: block;
    position: relative;
    width: 15px;
    height: 3px;
    border-left: 3px solid var(--techwave-heading-color);
    border-right: 3px solid var(--techwave-heading-color)
}

.fn__icon_button .dots:after {
    width: 3px;
    top: 0;
    bottom: 0;
    left: 3px;
    content: '';
    position: absolute
}

.filter__select .item__popup ul,
.fn__backto a,
.fn__prompt_details .prompt__popup ul,
.techwave_fn_notifications_list .notification__item:hover,
.techwave_fn_pricing .pricing__toggle .bg {
    background-color: var(--techwave-some-a-bg-color)
}

.fn__icon_button .fn__svg {
    width: 12px;
    height: 12px
}

.fn__model {
    position: relative;
    border: 1px solid var(--techwave-border-color);
    border-radius: 5px;
    padding: 10px 70px 10px 20px;
    display: flex;
    -ms-align-items: center;
    align-items: center
}

.fn__details_list ul,
.fn__preloader,
.techwave_fn_report {
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex
}

.fn__model .fn__icon_button {
    position: absolute;
    right: 20px;
    top: 50%;
    margin-top: -15px
}

.fn__model .model_img img {
    width: 60px;
    height: 60px;
    object-fit: cover;
    border-radius: 5px;
    margin-right: 15px
}

.fn__model .model_subtitle {
    margin: 0 0 5px;
    font-weight: 500;
    color: var(--techwave-body-color);
    font-family: var(--techwave-heading-font-family)
}

.fn__model .model_title,
.fn__prompt_details .prompt__popup a,
.fn__prompt_details .prompt__popup li,
.fn__prompt_details .prompt__text {
    font-weight: 400;
    color: var(--techwave-heading-color);
    font-family: var(--techwave-heading-font-family)
}

.fn__model .model_title {
    margin: 0;
    letter-spacing: 0;
    font-size: 16px
}

.fn__prompt_details {
    position: relative;
    border: 1px solid var(--techwave-border-color);
    border-radius: 5px
}

.techwave_fn_report,
.techwave_fn_sign {
    background-color: var(--techwave-site-bg-color)
}

.fn__prompt_details .prompt__content {
    padding: 0 20px 15px
}

.fn__prompt_details .prompt__content p {
    margin: 0;
    font-size: 16px;
    line-height: 20px
}

.fn__prompt_details .prompt__text {
    margin: 0;
    padding: 0;
    font-size: 14px;
    line-height: 20px;
    text-transform: uppercase
}

.fn__prompt_details .prompt__options:hover .prompt__popup {
    opacity: 1;
    visibility: visible;
    transform: translateY(0)
}

.fn__prompt_details .prompt__popup {
    right: 0;
    position: absolute;
    top: 100%;
    padding-top: 5px;
    opacity: 0;
    visibility: hidden;
    transform: translateY(20px);
    transition: .3s
}

.fn__prompt_details .prompt__popup ul {
    width: 180px;
    list-style-type: none;
    border-radius: 5px;
    margin: 0;
    padding: 15px 20px
}

.fn__prompt_details .prompt__popup a {
    font-size: 16px;
    text-decoration: none;
    overflow: hidden
}

.fn__prompt_details .prompt__popup li {
    margin: 0 0 3px;
    font-size: 16px
}

.fn__prompt_details .prompt__options {
    position: absolute;
    top: 50%;
    right: 20px;
    margin-top: -15px
}

.fn__prompt_details .prompt__header {
    position: relative;
    padding: 15px 70px 10px 20px
}

.fn__details_list {
    padding: 27px 30px 3px
}

.fn__details_list ul {
    margin: 0 0 0 -30px;
    padding: 0;
    list-style-type: none;
    display: flex;
    flex-wrap: wrap
}

.fn__details_list li {
    padding-left: 30px;
    margin-bottom: 20px;
    width: 50%
}

.fn__details_list .sub_title {
    margin: 0 0 1px;
    padding: 0;
    font-weight: 500;
    letter-spacing: .5px;
    font-size: 11px;
    text-transform: uppercase;
    color: var(--techwave-body-color);
    font-family: var(--techwave-heading-font-family);
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}

.fn__details_list .title,
.fn__preloader .text,
.techwave_fn_font .title,
.techwave_fn_report .subtitle,
.techwave_fn_report .title {
    font-family: var(--techwave-heading-font-family);
    color: var(--techwave-heading-color)
}

.fn__details_list .title {
    margin: 0;
    padding: 0;
    font-weight: 400;
    letter-spacing: 0;
    font-size: 16px
}

.fn__grid_items li {
    padding-left: 20px;
    margin-bottom: 20px;
    width: 16.6666%
}

.fn__grid_items img {
    border-radius: 5px;
    display: block;
    width: 100%;
    height: 100%;
    aspect-ratio: 1/1;
    object-fit: cover;
    transition: .3s
}

.fn__grid_items img:hover {
    -webkit-filter: brightness(.5);
    filter: brightness(.5)
}

.techwave_fn_report {
    pointer-events: none;
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 110;
    opacity: 0;
    visibility: hidden;
    display: flex;
    -ms-align-items: center;
    align-items: center;
    justify-content: center;
    overflow-y: auto;
    padding: 40px
}

.techwave_fn_font.opened,
.techwave_fn_report.opened {
    pointer-events: all;
    opacity: 1;
    visibility: visible
}

.techwave_fn_report .report__closer {
    z-index: 1;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0
}

.techwave_fn_report .report__content {
    width: 600px;
    max-width: 100%;
    border-radius: 5px;
    padding: 30px 30px 25px;
    position: relative;
    border: 1px solid var(--techwave-border-color);
    z-index: 3
}

.techwave_fn_report .fn__closer {
    position: absolute;
    right: 30px;
    top: 30px;
    z-index: 2
}

.techwave_fn_font .title,
.techwave_fn_report .title {
    text-align: center;
    margin: 0 0 4px;
    padding: 0;
    font-weight: 500;
    font-size: 24px;
    letter-spacing: 0
}

.techwave_fn_report .subtitle {
    display: block;
    margin: 0;
    padding: 0;
    font-size: 16px;
    font-weight: 400;
    line-height: 40px
}

.techwave_fn_report .reason_field {
    display: block;
    width: 100%;
    margin-bottom: 15px;
    height: 50px;
    border-radius: 5px
}

.techwave_fn_report .btns .cancel {
    opacity: .6
}

.fn__preloader {
    opacity: 0;
    visibility: hidden;
    position: absolute;
    display: flex;
    -webkit-flex-direction: column;
    -moz-flex-direction: column;
    -ms-flex-direction: column;
    -o-flex-direction: column;
    flex-direction: column;
    -ms-align-items: center;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 150px;
    border: 2px solid var(--techwave-border-color);
    top: 0;
    left: 0;
    z-index: 1
}

.fn__preloader .text {
    display: block;
    font-size: 18px;
    letter-spacing: .25px;
    text-transform: uppercase;
    font-weight: 600
}

.fn__lined_text .text,
.techwave_fn_sign .form__title,
.techwave_fn_sign .pass_lab a,
.techwave_fn_sign .sign__desc p {
    font-family: var(--techwave-body-font-family)
}

.fn__preloader .icon {
    width: 60px;
    height: 60px;
    display: block;
    border: 4px solid transparent;
    border-top-color: var(--techwave-hover-color);
    border-right-color: var(--techwave-hover-color);
    border-bottom-color: var(--techwave-hover-color);
    border-radius: 100%;
    animation: 1s linear infinite techwave_spin;
    margin-bottom: 15px
}

.fn__preloader.loading {
    opacity: 1;
    visibility: visible
}

@keyframes techwave_spin {
    0% {
        -webkit-transform: rotate(0);
        -ms-transform: rotate(0);
        transform: rotate(0)
    }

    100% {
        -webkit-transform: rotate(360deg);
        -ms-transform: rotate(360deg);
        transform: rotate(360deg)
    }
}

.techwave_fn_sign {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 110;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
    -ms-align-items: center;
    align-items: center;
    justify-content: center;
    overflow-y: auto;
    padding: 50px 40px
}

.techwave_fn_sign .logo {
    background-image: none, url(../img/logo-desktop-full.png);
    background-size: 141px;
    background-position: center top;
    background-repeat: no-repeat;
    color: #3c434a;
    height: 17px;
    font-size: 20px;
    font-weight: 400;
    line-height: 1.3;
    margin: 0 auto 50px;
    padding: 0;
    text-decoration: none;
    width: 141px;
    text-indent: -9999px;
    outline: 0;
    overflow: hidden;
    display: block
}

.fn__lined_text,
.techwave_fn_sign .pass_lab {
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex
}

.techwave_fn_sign .sign__desc p {
    margin: 25px 0 0;
    text-align: center;
    font-size: 14px;
    line-height: 18px;
    letter-spacing: 0;
    color: var(--techwave-body-color)
}

.techwave_fn_sign .sign__desc p a {
    text-decoration: none;
    color: var(--techwave-heading-color)
}

.techwave_fn_sign .pass_lab a:hover,
.techwave_fn_sign .sign__desc p a:hover {
    text-decoration: underline
}

.techwave_fn_sign .sign__content {
    width: 500px;
    max-width: 100%
}

.techwave_fn_sign .form__content {
    width: 100%;
    border-radius: 5px;
    padding: 36px 50px 40px;
    position: relative;
    border: 1px solid var(--techwave-border-color)
}

.techwave_fn_sign .pass_lab {
    display: flex;
    -ms-align-items: center;
    align-items: center;
    justify-content: space-between
}

.techwave_fn_sign .pass_lab a {
    font-size: 16px;
    text-decoration: none;
    color: var(--main-color);
    line-height: 40px
}

.techwave_fn_sign .form__title {
    text-align: center;
    font-size: 24px;
    margin: 0 0 3px;
    font-weight: 500;
    color: var(--techwave-heading-color);
    line-height: 1
}

.techwave_fn_sign label,
.techwave_fn_user_settings .input_label {
    display: block;
    font-size: 16px;
    font-weight: 400;
    font-family: var(--techwave-body-font-family);
    color: var(--techwave-heading-color);
    line-height: 40px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}

.techwave_fn_sign input[type=password],
.techwave_fn_sign input[type=text] {
    display: block;
    width: 100%;
    border-radius: 5px;
    height: 60px;
    min-width: 100%
}

.techwave_fn_sign .fn__lined_text,
.techwave_fn_sign .form__submit {
    margin-bottom: 14px
}

.fn__lined_text {
    display: flex;
    -ms-align-items: center;
    align-items: center;
    width: 100%
}

.fn__backto,
.techwave_fn_notifications_list .notification__item {
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex
}

.fn__lined_text .line {
    width: 50%;
    height: 1px;
    background-color: var(--techwave-border-color)
}

.fn__backto a,
.techwave_fn_pricing .popular {
    height: 30px;
    line-height: 30px;
    letter-spacing: 0
}

.fn__lined_text .text {
    white-space: nowrap;
    font-size: 14px;
    text-transform: uppercase;
    margin: 0;
    color: var(--techwave-body-color);
    padding: 0 10px
}

.filter__select .item__popup a,
.filter__select .item__popup li,
.fn__backto a,
.techwave_fn_notifications_list .item__title {
    font-family: var(--techwave-heading-font-family);
    color: var(--techwave-heading-color);
    font-weight: 400
}

.techwave_fn_sign .form__alternative a {
    width: 100%
}

.techwave_fn_font select,
.techwave_fn_image_generation_page .generation__sidebar .prompt_magic_switcher,
.techwave_fn_sign .form__pass {
    margin-bottom: 30px
}

.filter__select .item__popup {
    opacity: 0;
    visibility: hidden;
    transform: translateY(20px);
    position: absolute;
    right: 0;
    top: 100%;
    width: 140px;
    margin: 0;
    padding: 5px 0 0;
    transition: .3s
}

.filter__select:hover .item__popup {
    opacity: 1;
    visibility: visible;
    transform: translateY(0)
}

.filter__select .item__popup ul {
    list-style-type: none;
    border-radius: 5px;
    margin: 0;
    padding: 15px 20px
}

.filter__select .item__popup li:last-child,
.techwave_fn_notifications_list .notification__item:last-child,
.techwave_fn_user_settings .settings_right .item:last-child {
    margin-bottom: 0
}

.filter__select .item__popup li {
    margin: 0 0 3px;
    font-size: 16px
}

.filter__select .item__popup a {
    font-size: 16px;
    text-decoration: none;
    overflow: hidden
}

.fn__backto a:hover,
.techwave_fn_pricing .pricing__toggle a:hover {
    color: var(--main-color)
}

.filter__select .item__popup a:hover {
    color: var(--main-color);
    opacity: .9
}

.techwave_fn_notifications_list .notification__item {
    padding: 24px 30px;
    border-radius: 5px;
    border: 1px solid var(--techwave-border-color);
    display: flex;
    column-gap: 20px;
    justify-content: space-between;
    -ms-align-items: center;
    align-items: center;
    background-color: var(--techwave-some-r-bg-color);
    margin-bottom: 10px;
    position: relative;
    transition: .3s
}

.techwave_fn_notifications_list .item__title {
    font-size: 20px;
    margin: 0;
    padding: 0
}

@media (max-width: 768px) {
    .techwave_fn_notifications_list .item__title {
        font-size: 16px;
    }
}

.fn__backto {
    display: flex;
    -ms-align-items: center;
    align-items: center;
    justify-content: center
}

.fn__backto a {
    text-decoration: none;
    position: relative;
    padding-left: 30px;
    padding-right: 13px;
    border-radius: 5px;
    font-size: 16px;
    display: block
}

.techwave_fn_pricing .pricing__header .price,
.techwave_fn_pricing .pricing__header .title,
.techwave_fn_pricing .pricing__toggle a {
    color: var(--techwave-heading-color);
    font-family: var(--techwave-heading-font-family)
}

.fn__backto a .text {
    position: relative;
    top: 1px
}

.fn__backto a .fn__svg {
    transform: rotate(180deg);
    width: 12px;
    height: 12px;
    left: 10px;
    top: 50%;
    margin-top: -6px;
    position: absolute
}

.techwave_fn_pricing .pricing__footer a,
.techwave_fn_pricing .pricing__header .purchase a {
    width: 100%
}

.techwave_fn_pricing_page {
    padding: 93px 0 100px
}

.techwave_fn_pricing_page .techwave_fn_pricing {
    margin-bottom: 111px
}

.techwave_fn_pricing .pricing__tab.active {
    display: block
}

.techwave_fn_pricing .item_row,
.techwave_fn_pricing .pricing__toggle,
.techwave_fn_pricing .pricing__toggle .toggle_in {
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex
}

.techwave_fn_pricing .pricing__toggle {
    display: flex;
    -ms-align-items: center;
    align-items: center;
    justify-content: center;
    margin-bottom: 40px
}

.techwave_fn_pricing .pricing__toggle .bg {
    position: absolute;
    height: 40px;
    top: 9px;
    left: 50%;
    border-radius: 20px;
    z-index: 1;
    transition: .3s;
    width: 0
}

.techwave_fn_pricing .pricing__toggle .toggle_in {
    border: 1px solid var(--techwave-border-color);
    border-radius: 60px;
    padding: 9px;
    display: flex;
    position: relative
}

.techwave_fn_pricing .pricing__toggle a {
    text-decoration: none;
    height: 40px;
    line-height: 40px;
    padding: 0 35px;
    font-size: 14px;
    margin: 0;
    font-weight: 500;
    text-transform: uppercase;
    position: relative;
    z-index: 2
}

.techwave_fn_pricing .pricing__content {
    border: 1px solid var(--techwave-border-color);
    border-radius: 5px;
    background-color: var(--techwave-some-r-bg-color)
}

.techwave_fn_pricing .popular {
    position: absolute;
    top: 0;
    margin-top: -16px;
    background-color: var(--main-color);
    border-radius: 15px;
    font-weight: 500;
    color: #fff;
    text-transform: uppercase;
    font-family: var(--techwave-heading-font-family);
    padding: 0 18px;
    font-size: 14px;
    left: 50%;
    transform: translateX(-50%);
    text-align: center;
    z-index: 3
}

.techwave_fn_pricing .popular * {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    max-width: 100%;
    display: block
}

.techwave_fn_pricing .popular:after {
    content: '';
    left: 50%;
    margin-left: -6px;
    top: 100%;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 4px 6px 0;
    border-color: var(--main-color) transparent transparent;
    position: absolute
}

.fn__mobile_pricing .pricing__item_footer,
.techwave_fn_pricing .pricing__footer {
    border-top: 1px solid var(--techwave-border-color)
}

.techwave_fn_pricing .item_row {
    margin-left: -1px;
    display: flex;
    text-align: center
}

.techwave_fn_pricing .item_row .item_col:first-child {
    width: 31%;
    max-width: 31%;
    text-align: left;
    justify-content: flex-start
}

.techwave_fn_pricing .item_row .item_col {
    width: 23%;
    max-width: 23%;
    border-left: 1px solid var(--techwave-border-color);
    position: relative
}

.techwave_fn_pricing .pricing__header .title {
    margin: 0 0 10px;
    padding: 0;
    font-size: 24px;
    letter-spacing: 0
}

.techwave_fn_pricing .pricing__header .price {
    margin: 0 0 11px;
    padding: 0;
    font-size: 14px;
    font-weight: 500
}

.techwave_fn_pricing .pricing__header .price span {
    font-size: 36px;
    font-weight: 500
}

.techwave_fn_pricing .pricing__header .desc {
    margin: 0 0 24px;
    padding: 0;
    font-size: 14px;
    letter-spacing: 0;
    line-height: 20px;
    font-weight: 400;
    color: var(--techwave-body-color);
    font-family: var(--techwave-heading-font-family)
}

.techwave_fn_pricing .pricing__header .desc span {
    color: var(--techwave-heading-color)
}

.techwave_fn_pricing .pricing__header .purchase {
    padding: 0;
    margin: 0
}

.techwave_fn_pricing .pricing__header .item_col {
    padding: 35px 30px 40px
}

.techwave_fn_pricing .pricing__heading {
    background-color: var(--techwave-some-a-bg-color);
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
    margin: 0 -1px
}

.techwave_fn_pricing .pricing__heading .item.wide {
    width: 69%;
    max-width: 69%
}

.techwave_fn_pricing .pricing__heading .item {
    height: 54px;
    position: relative;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
    -ms-align-items: center;
    align-items: center;
    padding: 0 30px;
    width: 31%;
    max-width: 31%
}

.fn__mobile_pricing .pricing__item__heading,
.techwave_fn_pricing .pricing__fields .item_col {
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    -ms-align-items: center
}

.techwave_fn_pricing .pricing__heading .title {
    font-size: 14px;
    margin: 0;
    padding: 0;
    font-weight: 500;
    letter-spacing: .5px;
    text-transform: uppercase;
    color: var(--techwave-heading-color);
    font-family: var(--techwave-heading-font-family)
}

.techwave_fn_pricing .pricing__heading .item_col:first-child {
    padding: 0 40px
}

.techwave_fn_pricing .pricing__heading .item.wide:after {
    content: '';
    left: 30px;
    right: 30px;
    position: absolute;
    height: 4px;
    border-radius: 5px;
    top: 50%;
    margin-top: -2px;
    background-color: var(--techwave-site-bg-color)
}

.techwave_fn_pricing .pricing__fields .item_row:first-child .item_col {
    padding-top: 35px
}

.techwave_fn_pricing .pricing__fields .item_row:last-child .item_col {
    padding-bottom: 24px
}

.techwave_fn_pricing .pricing__fields .item_col {
    padding: 9px 30px;
    line-height: 24px;
    display: flex;
    align-items: center;
    justify-content: center
}

.techwave_fn_pricing .pricing__fields .heading_text,
.techwave_fn_pricing .pricing__fields .option_text {
    font-size: 16px;
    margin: 0;
    padding: 0;
    letter-spacing: .5px;
    font-weight: 400;
    color: var(--techwave-heading-color);
    font-family: var(--techwave-heading-font-family)
}

.techwave_fn_pricing .pricing__footer .item_col {
    padding: 40px 30px
}

.fn__mobile_pricing {
    display: none;
    flex-wrap: wrap;
    margin-left: -20px;
    text-align: center
}

.fn__mobile_pricing .pricing__item {
    width: 33.3333%;
    padding-left: 20px;
    margin-bottom: 20px
}

.fn__mobile_pricing .pricing__item_holder {
    width: 100%;
    background-color: var(--techwave-some-r-bg-color);
    border: 1px solid var(--techwave-border-color);
    border-radius: 5px;
    position: relative
}

.fn__mobile_pricing .pricing__item__header {
    padding: 35px 10px 40px;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
    -webkit-flex-direction: column;
    -moz-flex-direction: column;
    -ms-flex-direction: column;
    -o-flex-direction: column;
    flex-direction: column;
    justify-content: center;
    -ms-align-items: center;
    align-items: center
}

.fn__mobile_pricing .pricing__item__header .title {
    margin: 0 0 10px;
    padding: 0;
    font-size: 24px;
    letter-spacing: 0;
    color: var(--techwave-heading-color);
    font-family: var(--techwave-heading-font-family)
}

.fn__mobile_pricing .pricing__item__header .price {
    margin: 0 0 11px;
    padding: 0;
    color: var(--techwave-heading-color);
    font-family: var(--techwave-heading-font-family);
    font-size: 14px;
    font-weight: 500
}

.fn__mobile_pricing .pricing__item__header .price span {
    font-size: 36px;
    font-weight: 500
}

.fn__mobile_pricing .pricing__item__header .desc {
    margin: 0 0 24px;
    padding: 0;
    font-size: 14px;
    letter-spacing: 0;
    line-height: 20px;
    font-weight: 400;
    color: var(--techwave-body-color);
    font-family: var(--techwave-heading-font-family)
}

.fn__mobile_pricing .pricing__item__header .desc span {
    color: var(--techwave-heading-color)
}

.fn__mobile_pricing .pricing__item__header .purchase {
    padding: 0;
    margin: 0
}

.fn__mobile_pricing .pricing__item__header .purchase a {
    width: 100%
}

.fn__mobile_pricing .pricing__item__heading {
    background-color: var(--techwave-some-a-bg-color);
    padding: 0 10px;
    text-align: center;
    height: 40px;
    display: flex;
    align-items: center;
    justify-content: center
}

.fn__upload,
.techwave_fn_user_billing .billing__plan,
.techwave_fn_user_profile .user__plan,
.techwave_fn_user_profile .user__profile {
    background-color: var(--techwave-some-r-bg-color)
}

.fn__mobile_pricing .pricing__item_footer,
.fn__mobile_pricing .pricing__item_list_item {
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    -ms-align-items: center
}

.fn__mobile_pricing .pricing__item__heading .title {
    font-size: 14px;
    margin: 0;
    padding: 0;
    font-weight: 500;
    letter-spacing: .5px;
    text-transform: uppercase;
    color: var(--techwave-heading-color);
    font-family: var(--techwave-heading-font-family)
}

.fn__mobile_pricing .pricing__item_list .desc,
.fn__mobile_pricing .pricing__item_list .title {
    margin: 0;
    font-weight: 400;
    letter-spacing: .5px;
    font-family: var(--techwave-heading-font-family);
    padding: 0
}

.fn__mobile_pricing .pricing__item_list {
    padding: 10px 0
}

.fn__mobile_pricing .pricing__item_list_item {
    padding: 7px 10px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    column-gap: 20px
}

.fn__mobile_pricing .pricing__item_list .title {
    font-size: 14px;
    color: var(--techwave-body-color);
    text-align: left
}

.fn__mobile_pricing .pricing__item_list .desc {
    font-size: 16px;
    color: var(--techwave-heading-color);
    text-align: right;
    white-space: nowrap
}

.fn__mobile_pricing .pricing__item_footer {
    padding: 30px 10px;
    display: flex;
    align-items: center;
    justify-content: center
}

.techwave_fn_user_profile .user__profile {
    border-radius: 5px;
    border: 1px solid var(--techwave-border-color);
    position: relative;
    padding: 30px;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
    -ms-align-items: center;
    align-items: center;
    margin-bottom: 10px
}

.techwave_fn_user_profile .user__profile .user_edit {
    position: absolute;
    top: 30px;
    right: 30px
}

.techwave_fn_user_profile .user__profile .user_edit .fn__svg {
    width: 16px;
    height: 16px
}

.techwave_fn_user_profile .user__profile .user_avatar {
    width: 200px;
    min-width: 200px;
    margin-right: 30px
}

.techwave_fn_user_profile .user__profile .user_avatar img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    aspect-ratio: 1/1;
    border-radius: 5px
}

.fn__generation_list,
.fn__model_items,
.techwave_fn_user_profile .user__profile .user_details ul {
    margin: 0 0 0 -20px;
    padding: 0;
    list-style-type: none;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
    flex-wrap: wrap
}

.techwave_fn_user_profile .user__profile .user_details li {
    margin: 11px 0;
    padding: 0 0 0 20px;
    width: 50%
}

.techwave_fn_user_profile .user__profile .subtitle {
    margin: 0 0 7px;
    padding: 0;
    font-weight: 500;
    letter-spacing: .5px;
    font-size: 11px;
    text-transform: uppercase;
    color: var(--techwave-body-color);
    font-family: var(--techwave-heading-font-family);
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}

.techwave_fn_user_profile .user__profile .title {
    margin: 0;
    padding: 0;
    font-weight: 400;
    letter-spacing: 0;
    font-size: 16px;
    color: var(--techwave-heading-color);
    font-family: var(--techwave-heading-font-family)
}

.techwave_fn_user_profile .user__plan {
    border-radius: 5px;
    border: 1px solid var(--techwave-border-color);
    position: relative;
    padding: 38px 30px 33px;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
    -ms-align-items: center;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 38px;
    column-gap: 30px
}

.fn__options_list ul,
.fn__upload .upload_content,
.techwave_fn_user_settings .user__settings {
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex
}

.techwave_fn_user_profile .user__plan .subtitle {
    margin: 0 0 4px;
    padding: 0;
    font-weight: 500;
    letter-spacing: .5px;
    font-size: 11px;
    text-transform: uppercase;
    color: var(--techwave-body-color);
    font-family: var(--techwave-heading-font-family);
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}

.techwave_fn_user_profile .user__plan .info {
    margin: 0;
    padding: 0;
    font-weight: 400;
    letter-spacing: 0;
    font-size: 16px;
    color: var(--techwave-body-color);
    font-family: var(--techwave-heading-font-family)
}

.techwave_fn_user_profile .user__plan .info span {
    color: var(--techwave-heading-color)
}

.techwave_fn_user_profile .user__interests .title {
    margin: 0 0 14px;
    padding: 0;
    font-weight: 400;
    letter-spacing: 0;
    font-size: 16px;
    color: var(--techwave-heading-color);
    font-family: var(--techwave-heading-font-family)
}

.fn__chat_link .options__list button:hover,
.techwave_fn_user_billing .payment__methods .ready .edit_wrapper .edit__popup a:hover {
    color: var(--main-color)
}

.fn__options_list ul {
    display: flex;
    flex-wrap: wrap;
    margin: 0 0 0 -10px;
    padding: 0;
    list-style-type: none
}

.fn__options_list li {
    padding-left: 10px;
    margin-bottom: 10px
}

.techwave_fn_user_settings .user__settings {
    display: flex;
    column-gap: 40px
}

@media (max-width: 768px) {
    .techwave_fn_user_settings .user__settings {
        flex-direction: column;
        align-items: flex-start;
    }
}

.techwave_fn_user_settings .settings_left {
    width: 300px;
    max-width: 50%
}

@media (max-width: 768px) {
    .techwave_fn_user_settings .settings_left {
        margin-bottom: 24px;
        width: 100%;
        max-width: 100%;
    }
}

.techwave_fn_user_settings .settings_right {
    flex: auto;
    max-width: 50%
}

@media (max-width: 768px) {
    .techwave_fn_user_settings .settings_right {
        width: 100%;
        max-width: 100%!important;
    }
}

.fn__chat_comment,
.fn__icon_options,
.fn__select_model,
.techwave_fn_models .models__results,
.techwave_fn_user_billing .payment__methods .ready .edit_wrapper,
.techwave_fn_user_settings .input_item {
    position: relative
}

.techwave_fn_user_settings .input_item .email {
    margin: -15px 0 0;
    padding: 0;
    position: absolute;
    top: 50%;
    border-radius: 5px;
    display: block;
    width: 30px;
    height: 30px;
    background-color: var(--techwave-some-a-bg-color);
    left: 12px;
    color: var(--main-color);
    line-height: 30px;
    text-align: center;
    font-size: 16px;
    font-family: var(--techwave-body-font-family);
    pointer-events: none
}

.fn_contact_form .input_list input[type=email],
.fn_contact_form .input_list input[type=text],
.techwave_fn_user_settings .input {
    display: block;
    width: 100%;
    border-radius: 5px;
    height: 60px
}

.techwave_fn_user_settings .settings_right .fn__checkbox {
    margin: 30px 0;
    display: block;
    width: fit-content;
    max-width: 100%
}

.techwave_fn_user_settings #username {
    padding-left: 50px
}

.fn__upload {
    cursor: pointer;
    text-align: center;
    width: 100%;
    aspect-ratio: 1/1;
    border: 2px dashed var(--techwave-border-color);
    border-radius: 5px;
    padding: 46px;
    transition: .3s;
    position: relative;
    display: block;
    overflow: hidden
}

.fn__upload .upload_content {
    width: 100%;
    display: flex;
    -webkit-flex-direction: column;
    -moz-flex-direction: column;
    -ms-flex-direction: column;
    -o-flex-direction: column;
    flex-direction: column;
    justify-content: center;
    -ms-align-items: center;
    align-items: center;
    min-height: 100%
}

.fn__upload.has_img {
    border-color: var(--main-color)
}

.fn__upload.has_img .upload_content {
    opacity: 0
}

.fn__upload .upload_preview {
    opacity: 0;
    visibility: hidden;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    -ms-align-items: center;
    align-items: center;
    justify-content: center
}

.fn__upload.has_img .upload_preview {
    opacity: 1;
    visibility: visible
}

.fn__upload:hover {
    opacity: .8
}

.fn__upload .preview_img {
    object-fit: cover
}

.fn__upload .preview_img[src="#"] {
    opacity: 0
}

.fn__upload input[type=file] {
    z-index: 2;
    position: absolute;
    top: 0;
    left: 0;
    opacity: 0;
    width: 100%;
    height: 100%;
    display: block;
    cursor: pointer
}

.fn__upload .upload_content .fn__svg {
    width: 70px;
    height: auto;
    color: var(--techwave-heading-color);
    margin-bottom: 15px
}

.fn__upload .upload_content .fn__lined_text,
.techwave_fn_image_generation_page .generation__sidebar .guidance_scale .title {
    margin-bottom: 4px
}

.fn__upload .upload_content .title,
.techwave_fn_user_billing .payment__methods .ready .title {
    margin: 0 0 3px;
    padding: 0;
    font-weight: 400;
    letter-spacing: 0;
    font-size: 16px;
    color: var(--techwave-heading-color);
    font-family: var(--techwave-heading-font-family)
}

.fn__upload .upload_content .desc {
    margin: 0;
    padding: 6px 0 0;
    font-size: 12px;
    color: var(--techwave-body-color);
    font-family: var(--techwave-heading-font-family)
}

.techwave_fn_user_billing .billing__plan .desc,
.techwave_fn_user_billing .billing__plan .title {
    letter-spacing: 0;
    font-size: 16px;
    font-family: var(--techwave-heading-font-family);
    padding: 0;
    font-weight: 400
}

.fn__upload .fn__closer {
    position: absolute;
    right: 10px;
    top: 10px;
    z-index: 3
}

.techwave_fn_user_billing .billing__plan {
    border-radius: 5px;
    border: 1px solid var(--techwave-border-color);
    position: relative;
    padding: 28px 30px 23px;
    margin-bottom: 10px
}

.techwave_fn_user_billing .billing__plan .title {
    margin: 0 0 4px;
    color: var(--techwave-heading-color)
}

.techwave_fn_user_billing .billing__plan .desc {
    margin: 0;
    color: var(--techwave-body-color)
}

.fn__chatbot .author,
.techwave_fn_user_billing .billing__plan .plan {
    position: absolute;
    left: 30px;
    top: -10px;
    display: block;
    height: 20px;
    padding: 0 15px;
    background-color: var(--main-color);
    color: #fff;
    font-family: var(--techwave-heading-font-family);
    font-weight: 500;
    font-size: 11px;
    letter-spacing: .5px;
    text-transform: uppercase;
    line-height: 20px;
    border-radius: 10px
}

.techwave_fn_user_billing .billing__plan .plan * {
    position: relative;
    top: 1px
}

.techwave_fn_user_billing .billing__activation {
    margin-bottom: 39px
}

.techwave_fn_user_billing .billing__activation .activation_status .title {
    margin: 0 0 5px;
    padding: 0;
    font-weight: 400;
    letter-spacing: 0;
    font-size: 16px;
    color: var(--techwave-heading-color);
    font-family: var(--techwave-heading-font-family)
}

.techwave_fn_user_billing .billing__activation .activation_status .desc,
.techwave_fn_user_billing .payment__methods .ready .subtitle {
    margin: 0;
    padding: 0;
    font-weight: 400;
    letter-spacing: 0;
    font-size: 16px;
    color: var(--techwave-body-color);
    font-family: var(--techwave-heading-font-family)
}

.techwave_fn_user_billing .billing__activation .status_right .info,
.techwave_fn_user_billing .payment__methods .new .text,
.techwave_fn_user_billing .payment__methods .ready .primary {
    font-weight: 500;
    letter-spacing: .5px;
    font-family: var(--techwave-heading-font-family);
    text-transform: uppercase
}

.techwave_fn_user_billing .billing__activation .activation_status {
    border-radius: 5px;
    background-color: var(--techwave-some-r-bg-color);
    border: 1px solid var(--techwave-border-color);
    position: relative;
    padding: 28px 30px 23px;
    margin-bottom: 15px;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
    justify-content: space-between;
    column-gap: 30px
}

.techwave_fn_user_billing .billing__activation .status_right {
    width: 150px;
    max-width: 50%;
    text-align: right
}

.techwave_fn_user_billing .billing__activation .status_right .info {
    display: block;
    font-size: 11px;
    color: var(--techwave-body-color);
    line-height: 1;
    margin-bottom: 6px
}

.techwave_fn_user_billing .billing__activation .status_right .progress {
    display: block;
    width: 100%;
    height: 4px;
    background-color: var(--techwave-some-a-bg-color);
    border-radius: 4px;
    position: relative
}

.techwave_fn_user_billing .billing__activation .status_right .progress.active:after {
    width: var(--quicksheet-progress)
}

.techwave_fn_user_billing .billing__activation .status_right .progress:after {
    right: 0;
    top: 0;
    position: absolute;
    bottom: 0;
    background-color: var(--main-color);
    border-radius: 4px;
    width: 0;
    transition: .3s;
    content: ''
}

.techwave_fn_user_billing .billing__activation .activation_actions {
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
    flex-wrap: wrap
}

.techwave_fn_user_billing .billing__activation .activation_actions a {
    margin: 5px 10px 5px 0
}

.fn__chat_link .options__list button:last-child,
.techwave_fn_user_billing .payment__methods .ready .edit_wrapper .edit__popup li:last-child {
    margin-bottom: 0
}

.techwave_fn_user_billing .payment__methods .title {
    margin: 0 0 22px;
    padding: 0;
    font-size: 22px;
    line-height: 1.364;
    font-weight: 600;
    color: var(--techwave-heading-color);
    font-family: var(--techwave-heading-font-family)
}

.techwave_fn_user_billing .payment__methods .payment__list {
    margin: 0 0 0 -20px;
    list-style-type: none;
    padding: 0;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
    flex-wrap: wrap
}

.techwave_fn_user_billing .payment__methods .payment__list_item {
    margin: 0 0 20px;
    padding: 0 0 0 20px;
    width: 50%
}

.techwave_fn_user_billing .payment__methods .ready .item {
    border-radius: 5px;
    background-color: var(--techwave-some-r-bg-color);
    border: 1px solid var(--techwave-border-color);
    position: relative
}

.techwave_fn_user_billing .payment__methods .ready .item_header {
    padding: 17px 15px 13px;
    border-bottom: 1px solid var(--techwave-border-color)
}

.techwave_fn_user_billing .payment__methods .ready .action {
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
    width: 100%;
    justify-content: space-between;
    height: 40px;
    padding: 0 15px;
    -ms-align-items: center;
    align-items: center
}

.techwave_fn_user_billing .payment__methods .ready .edit_wrapper .options {
    width: 30px;
    height: 30px;
    border-radius: 30px;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
    -ms-align-items: center;
    align-items: center;
    justify-content: center
}

.techwave_fn_user_billing .payment__methods .ready .edit_wrapper .dots {
    display: block;
    position: relative;
    width: 15px;
    height: 3px;
    border-left: 3px solid var(--techwave-heading-color);
    border-right: 3px solid var(--techwave-heading-color)
}

.techwave_fn_user_billing .payment__methods .ready .edit_wrapper .dots:after {
    width: 3px;
    top: 0;
    bottom: 0;
    left: 3px;
    content: '';
    position: absolute;
    background-color: var(--techwave-heading-color)
}

.techwave_fn_user_billing .payment__methods .ready .edit_wrapper:hover .edit__popup {
    opacity: 1;
    visibility: visible;
    transform: translateY(0)
}

.techwave_fn_user_billing .payment__methods .ready .edit_wrapper .edit__popup {
    position: absolute;
    left: 100%;
    bottom: 0;
    width: 140px;
    opacity: 0;
    visibility: hidden;
    transition: .3s;
    transform: translateY(-20px)
}

.techwave_fn_user_billing .payment__methods .ready .edit_wrapper .edit__popup a {
    font-size: 16px;
    font-weight: 400;
    color: var(--techwave-heading-color);
    font-family: var(--techwave-heading-font-family);
    text-decoration: none;
    overflow: hidden
}

.techwave_fn_user_billing .payment__methods .ready .edit_wrapper .edit__popup ul {
    list-style-type: none;
    background-color: var(--techwave-some-a-bg-color);
    border-radius: 5px;
    margin: 0;
    padding: 15px 20px
}

.techwave_fn_user_billing .payment__methods .ready .edit_wrapper .edit__popup li {
    margin: 0 0 3px;
    font-size: 16px;
    font-weight: 400;
    color: var(--techwave-heading-color);
    font-family: var(--techwave-heading-font-family)
}

.techwave_fn_user_billing .payment__methods .ready .primary {
    display: block;
    height: 20px;
    padding: 0 15px;
    background-color: var(--main-color);
    color: #fff;
    font-size: 11px;
    line-height: 20px;
    border-radius: 15px
}

.techwave_fn_user_billing .payment__methods .ready .primary span {
    position: relative;
    top: 1px
}

.techwave_fn_user_billing .payment__methods .new .item {
    border-radius: 5px;
    background-color: var(--techwave-some-r-bg-color);
    border: 1px solid var(--techwave-border-color);
    position: relative;
    padding: 30px 15px 27px;
    text-align: center;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
    -webkit-flex-direction: column;
    -moz-flex-direction: column;
    -ms-flex-direction: column;
    -o-flex-direction: column;
    flex-direction: column;
    -ms-align-items: center;
    align-items: center;
    justify-content: center
}

.techwave_fn_user_billing .payment__methods .new .item a {
    z-index: 2
}

.techwave_fn_user_billing .payment__methods .new .add {
    height: 40px;
    width: 40px;
    position: relative;
    margin-bottom: 9px
}

.techwave_fn_user_billing .payment__methods .new .add:after {
    width: 2px;
    height: 40px;
    position: absolute;
    content: '';
    left: 50%;
    margin-left: -1px;
    background-color: var(--techwave-border-color);
    top: 50%;
    margin-top: -20px
}

.techwave_fn_user_billing .payment__methods .new .add:before {
    width: 40px;
    height: 2px;
    position: absolute;
    content: '';
    top: 50%;
    left: 50%;
    margin-left: -20px;
    margin-top: -1px;
    background-color: var(--techwave-border-color)
}

.techwave_fn_user_billing .payment__methods .new .text {
    font-size: 14px;
    line-height: 1;
    color: var(--techwave-heading-color)
}

.techwave_fn_aichatbot_page .chat__page {
    width: 100%;
    padding-top: 38px;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
    -webkit-flex-direction: column;
    -moz-flex-direction: column;
    -ms-flex-direction: column;
    -o-flex-direction: column;
    flex-direction: column;
    position: relative;
    z-index: 3
}

.techwave_fn_aichatbot_page .chat__sidebar,
.techwave_fn_doc_page .docsidebar,
.techwave_fn_image_generation_page .generation__sidebar {
    width: 300px;
    min-width: 300px;
    border-left: 1px solid var(--techwave-border-color);
    background-color: var(--techwave-header-bg-color);
    top: var(--techwave-header-height);
    position: fixed;
    z-index: 1;
    right: 0;
    bottom: 0;
    transform: translateX(105%);
    transition: .2s
}

.techwave_fn_wrapper.fn__has_sidebar .techwave_fn_aichatbot_page .chat__sidebar,
.techwave_fn_wrapper.fn__has_sidebar .techwave_fn_doc_page .docsidebar,
.techwave_fn_wrapper.fn__has_sidebar .techwave_fn_image_generation_page .generation__sidebar {
    transform: translateX(0)
}

.techwave_fn_aichatbot_page .chat__sidebar .sidebar_content,
.techwave_fn_doc_page .docsidebar,
.techwave_fn_image_generation_page .generation__sidebar .sidebar_details {
    padding: 20px
}

.techwave_fn_aichatbot_page .chat__sidebar .sidebar_content ul,
.techwave_fn_doc_page .docsidebar ul {
    margin: 0;
    padding: 0;
    list-style-type: none
}

.fn__chat_link {
    text-decoration: none;
    display: block;
    height: 40px;
    line-height: 40px;
    padding: 0 40px 0 20px;
    border: 1px solid var(--techwave-border-color);
    border-radius: 5px;
    font-size: 16px;
    font-weight: 400;
    letter-spacing: 0;
    font-family: var(--techwave-heading-font-family);
    color: var(--techwave-body-color);
    position: relative;
    cursor: pointer;
    user-select: none
}

.fn__chat_link:hover {
    border-color: var(--techwave-body-color)
}

.fn__chat_link a:hover,
.fn__chat_link.active {
    border-color: var(--main-color)
}

.fn__chat_link.active {
    color: var(--techwave-heading-color)
}

.fn__chat_link .text {
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden
}

.fn__chat_link .options {
    position: absolute;
    right: 0;
    top: 0;
    bottom: 0;
    display: block
}

.fn__chat_link .options__list,
.fn__chat_link .trigger {
    margin: 0;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex
}

.fn__chat_link.opened .trigger span {
    border-left-color: var(--techwave-heading-color);
    border-right-color: var(--techwave-heading-color)
}

.fn__chat_link.opened .trigger {
    background-color: var(--techwave-some-a-bg-color)
}

.fn__chat_link .trigger {
    background-color: transparent;
    padding: 0;
    outline: 0;
    border: none;
    width: 38px;
    height: 38px;
    display: flex;
    -ms-align-items: center;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    border-radius: 0 4px 4px 0
}

.fn__chat_link .options__list,
.fn__chat_link .trigger:hover,
.techwave_fn_doc_page .docsidebar .current>a,
.techwave_fn_doc_page .docsidebar li:hover>a {
    background-color: var(--techwave-some-a-bg-color)
}

.fn__chat_link .trigger span {
    display: block;
    position: relative;
    width: 15px;
    height: 3px;
    border-left: 3px solid var(--techwave-body-color);
    border-right: 3px solid var(--techwave-body-color)
}

.fn__chat_link .trigger span:after {
    width: 3px;
    top: 0;
    bottom: 0;
    left: 3px;
    content: '';
    position: absolute;
    background-color: var(--techwave-body-color)
}

.fn__chat_link.opened {
    z-index: 10
}

.fn__chat_link.opened .options__popup {
    opacity: 1;
    visibility: visible;
    transform: translateY(0)
}

.fn__chat_link .options__popup {
    position: absolute;
    top: 100%;
    right: -1px;
    width: 140px;
    transition: .3s;
    padding-top: 6px;
    opacity: 0;
    visibility: hidden;
    transform: translateY(20px)
}

.fn__chat_link .options__list {
    list-style-type: none;
    border-radius: 5px;
    padding: 15px 20px;
    display: flex;
    -webkit-flex-direction: column;
    -moz-flex-direction: column;
    -ms-flex-direction: column;
    -o-flex-direction: column;
    flex-direction: column
}

.fn__chat_link .save_options,
.fn__chat_link .save_options button {
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    -ms-align-items: center
}

.fn__chat_link .options__list button {
    background-color: transparent;
    outline: 0;
    border: none;
    padding: 0;
    margin: 0 0 3px;
    text-align: left;
    cursor: pointer;
    font-size: 16px;
    font-weight: 400;
    color: var(--techwave-heading-color);
    font-family: var(--techwave-heading-font-family);
    text-decoration: none;
    overflow: hidden;
    transition: .3s
}

.fn__chat_link.live_edit .save_options,
.fn__chat_link.live_edit input,
.techwave_fn_models .loading .fn__preloader {
    opacity: 1;
    visibility: visible
}

.fn__chat_comment .new__chat,
.fn__chat_link input,
.fn__chat_link.live_edit .options,
.fn__chat_link.live_edit .text,
.techwave_fn_models .loading .tab__item {
    opacity: 0;
    visibility: hidden
}

.fn__chat_link input {
    position: absolute;
    height: 24px;
    left: 12px;
    right: 63px;
    margin: -11px 0 0;
    padding: 0 7px;
    top: 50%;
    font-size: 16px;
    font-weight: 400;
    letter-spacing: 0;
    font-family: var(--techwave-heading-font-family);
    color: var(--techwave-body-color);
    background-color: transparent;
    outline: 0;
    min-width: inherit;
    border: 1px solid var(--techwave-border-color);
    border-radius: 5px
}

.fn__chat_link .save_options {
    position: absolute;
    right: 0;
    top: 0;
    bottom: 0;
    display: flex;
    align-items: center;
    opacity: 0;
    visibility: hidden
}

.fn__chat_link .save_options button {
    width: 24px;
    height: 24px;
    border: none;
    cursor: pointer;
    outline: 0;
    border-radius: 5px;
    background-color: var(--techwave-some-a-bg-color);
    margin-right: 5px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: var(--techwave-heading-color)
}

.fn__chat_link .save_options button:hover {
    background-color: var(--main-color);
    color: #fff
}

.fn__chat_link .save_options .fn__svg {
    width: 10px;
    height: 10px
}

.techwave_fn_aichatbot_page .chat__comment {
    margin-top: auto;
    position: sticky;
    bottom: 0;
    padding: 20px 0;
    background-color: var(--techwave-site-bg-color)
}

.fn__chat_comment .new__chat {
    position: absolute;
    width: 500px;
    max-width: 100%;
    bottom: 100%;
    margin-bottom: 53px;
    left: 50%;
    background-color: var(--techwave-some-r-bg-color);
    border: 1px solid var(--techwave-border-color);
    border-radius: 5px;
    padding: 35px 40px 33px;
    text-align: center;
    transform: translateY(-20px) translateX(-50%) translateZ(0);
    pointer-events: none;
    transition: .3s
}

.fn__chat_comment.neww .new__chat {
    transform: translateY(0) translateX(-50%) translateZ(0);
    opacity: 1;
    visibility: visible
}

.fn__generation_list .fn__gl__item:hover .all_options,
.fn__icon_options:hover .fn__icon_popup {
    transform: translateY(0);
    opacity: 1;
    visibility: visible;
    pointer-events: all
}

.fn__chat_comment .new__chat:after {
    position: absolute;
    left: 50%;
    margin-left: -19px;
    top: 100%;
    margin-top: -1px;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 14px 19px 0;
    border-color: var(--techwave-some-r-bg-color) transparent transparent transparent;
    content: '';
    filter: drop-shadow(0px 1px var(--techwave-border-color))
}

.fn__chat_comment .new__chat * {
    margin: 0;
    padding: 0;
    font-size: 16px;
    line-height: 1.5;
    letter-spacing: .5px;
    font-weight: 500;
    text-transform: uppercase;
    color: var(--techwave-body-color);
    font-family: var(--techwave-heading-font-family)
}

.fn__chat_comment textarea,
.fn__chatbot .chat,
.fn__icon_options .fn__icon_popup a,
.fn__icon_options .fn__icon_popup li,
.techwave_fn_doc_page .docsidebar a,
.techwave_fn_image_generation_page .generation_header .info,
.techwave_fn_image_generation_page .header_bottom textarea {
    font-weight: 400;
    font-family: var(--techwave-heading-font-family)
}

.fn__hidden_textarea {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    max-height: inherit;
    opacity: 0;
    pointer-events: none;
    overflow-y: scroll
}

.fn__chat_comment textarea {
    border: 2px solid var(--techwave-border-color);
    background-color: transparent;
    border-radius: 5px;
    outline: 0;
    display: block;
    width: 100%;
    padding: 18px 72px 16px 20px;
    font-size: 16px;
    line-height: 22px;
    max-height: 170px;
    resize: none;
    overflow-y: hidden;
    color: var(--techwave-heading-color)
}

.fn__chat_comment button,
.fn__new_chat_link {
    color: var(--techwave-heading-color);
    background-color: var(--techwave-some-a-bg-color)
}

#fn__chat_textarea::-webkit-scrollbar {
    width: 0
}

.fn__chat_comment textarea:focus,
.techwave_fn_image_generation_page .header_bottom textarea:focus {
    border-color: var(--main-color)
}

.fn__chat_comment button {
    position: absolute;
    width: 60px;
    height: 44px;
    bottom: 8px;
    right: 8px;
    padding: 0;
    margin: 0;
    border-radius: 5px;
    outline: 0;
    cursor: pointer;
    border: none;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
    -ms-align-items: center;
    align-items: center;
    justify-content: center;
    transition: .3s
}

.fn__model_item.new .item .add:after,
.fn__model_item.new .item .add:before,
.fn__quantity a {
    background-color: var(--techwave-border-color)
}

.fn__chat_comment button.disabled {
    cursor: not-allowed;
    opacity: .5
}

.fn__chat_comment button:hover,
.fn__new_chat_link:hover {
    opacity: .8
}

.fn__chat_comment .fn__svg {
    width: 21px;
    height: 21px
}

.fn__new_chat_link {
    text-decoration: none;
    display: block;
    width: 100%;
    height: 40px;
    line-height: 40px;
    padding: 0 10px 0 44px;
    position: relative;
    font-weight: 500;
    text-transform: uppercase;
    font-size: 14px;
    font-family: var(--techwave-heading-font-family);
    border-radius: 5px
}

.fn__new_chat_link .text {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    position: relative;
    top: 1px
}

.fn__new_chat_link .icon {
    position: absolute;
    width: 24px;
    height: 24px;
    display: block;
    border-radius: 100%;
    background-color: #454449;
    left: 10px;
    top: 50%;
    margin-top: -12px
}

.fn__new_chat_link .icon:before {
    content: '';
    position: absolute;
    width: 2px;
    height: 8px;
    background-color: #b3aac7;
    top: 50%;
    left: 50%;
    margin: -4px 0 0 -1px
}

.fn__new_chat_link .icon:after {
    content: '';
    position: absolute;
    width: 8px;
    height: 2px;
    background-color: #b3aac7;
    top: 50%;
    left: 50%;
    margin: -1px 0 0 -4px
}

.fn__chatbot .chat>:last-child:not(ul),
.fn__chatbot .chat__box:last-child,
.fn__icon_options .fn__icon_popup li:last-child,
.fn__select_model .all_models li:last-child {
    margin-bottom: 0
}

.fn_contact_form .input_list input,
.fn_contact_form .input_list textarea,
.techwave_fn_aichatbot_page .chat__item.active {
    display: block
}

.fn__chatbot .chat__box {
    position: relative;
    margin-bottom: 20px
}

.fn__chatbot .author * {
    position: relative;
    top: 1px
}

.fn__chatbot .chat {
    padding: 30px;
    border-radius: 5px;
    font-size: 16px;
    line-height: 1.375
}

.fn__chatbot .chat a {
    text-decoration: underline;
    color: var(--main-color)
}

.fn__chatbot .chat a:hover {
    text-decoration: none
}

.fn__chatbot .your__chat .chat {
    background-color: var(--techwave-some-a-bg-color);
    color: var(--techwave-heading-color)
}

.fn__chatbot .bot__chat .author {
    background-color: var(--techwave-some-a-bg-color);
    color: var(--techwave-body-color)
}

.fn__chatbot .bot__chat .chat {
    background-color: var(--techwave-some-r-bg-color);
    border: 1px solid var(--techwave-border-color)
}

.techwave_fn_doc_page .doccontent * {
    margin-bottom: 20px
}

.techwave_fn_doc_page .docsidebar li {
    position: relative;
    margin-bottom: 4px
}

.techwave_fn_doc_page .docsidebar a {
    border-radius: 5px;
    color: var(--techwave-heading-color);
    text-decoration: none;
    min-height: 36px;
    padding: 5px 20px;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
    -ms-align-items: center;
    align-items: center;
    position: relative
}

.techwave_fn_image_generation_page .generation__page {
    position: relative;
    z-index: 2
}

.techwave_fn_image_generation_page .generation_more {
    padding: 60px 40px;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
    -ms-align-items: center;
    align-items: center;
    justify-content: center
}

.techwave_fn_image_generation_page .generation_more .techwave_fn_button {
    padding: 0 57px
}

.techwave_fn_image_generation_page .generation_header {
    padding: 40px;
}

.techwave_fn_image_generation_page .generation_header .header_top {
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
    justify-content: space-between;
    column-gap: 20px;
    -ms-align-items: center;
    align-items: center;
    margin-bottom: 25px
}

.techwave_fn_image_generation_page .generation_header .setup {
    -ms-align-items: center;
    align-items: center;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
    column-gap: 15px
}

.techwave_fn_image_generation_page .generation_header .info {
    margin: 0;
    padding: 0;
    font-size: 12px;
    letter-spacing: 0;
    color: var(--techwave-body-color)
}

.fn__generation_item .item_header .prompt_title,
.fn__icon_options .fn__icon_popup a,
.fn__icon_options .fn__icon_popup li,
.fn__select_model .all_models a,
.fn__select_model .all_models li,
.techwave_fn_image_generation_page .header_bottom textarea {
    font-size: 16px;
    color: var(--techwave-heading-color)
}

.techwave_fn_image_generation_page .sidebar__trigger {
    min-width: 50px;
    width: 50px;
    height: 50px;
    text-decoration: none;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
    -ms-align-items: center;
    align-items: center;
    justify-content: center;
    background-color: var(--techwave-some-a-bg-color);
    border-radius: 100%;
    color: var(--techwave-heading-color);
    position: relative
}

.techwave_fn_image_generation_page .sidebar__trigger .fn__svg {
    width: 24px;
    height: 24px;
    transition: .3s
}

.techwave_fn_image_generation_page .header_bottom textarea {
    border: 2px solid var(--techwave-border-color);
    background-color: transparent;
    border-radius: 5px;
    outline: 0;
    display: block;
    width: 100%;
    padding: 18px 20px 16px;
    line-height: 22px;
    max-height: 170px;
    resize: none;
    overflow-y: hidden
}

.fn__icon_options .fn__icon_popup ul,
.fn__select_model .all_models ul {
    background-color: var(--techwave-some-a-bg-color);
    padding: 15px 20px;
    list-style-type: none
}

.techwave_fn_image_generation_page .include_area {
    margin-bottom: 10px;
    position: relative
}

.techwave_fn_image_generation_page .exclude_area {
    position: relative;
    overflow: hidden
}

.techwave_fn_image_generation_page .generate_section {
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
    -ms-align-items: center;
    align-items: center;
    justify-content: flex-end
}

.techwave_fn_image_generation_page .generate_section #generate_it {
    margin: 10px 0 10px 20px
}

.techwave_fn_image_generation_page .generation__sidebar .sidebar_details .title {
    margin: 0;
    padding: 0;
    font-size: 16px;
    font-weight: 400;
    color: var(--techwave-heading-color);
    font-family: var(--techwave-heading-font-family);
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
    -ms-align-items: center;
    align-items: center
}

.techwave_fn_image_generation_page .generation__sidebar .sidebar_details .title .fn__tooltip {
    margin-left: 8px
}

.techwave_fn_image_generation_page .generation__sidebar .sidebar_details .title .fn__svg {
    display: block;
    width: 14px;
    height: 14px;
    color: var(--techwave-body-color)
}

.techwave_fn_image_generation_page .generation__sidebar .sidebar_model {
    padding: 30px 20px;
    border-bottom: 1px solid var(--techwave-border-color);
    position: relative;
    z-index: 5
}

.techwave_fn_image_generation_page .generation__sidebar .number_of_images {
    margin-bottom: 29px
}

.techwave_fn_image_generation_page .generation__sidebar .number_of_images .title {
    margin-bottom: 9px
}

.techwave_fn_image_generation_page .generation__sidebar .img_sizes .title {
    margin-bottom: 10px
}

.techwave_fn_image_generation_page .generation__sidebar .guidance_scale {
    margin-bottom: 23px
}

.fn__icon_options.align_right .fn__icon_popup {
    left: auto;
    right: 0
}

.fn__icon_options .fn__icon_popup {
    opacity: 0;
    visibility: hidden;
    transform: translateY(20px);
    position: absolute;
    left: 0;
    top: 100%;
    width: 240px;
    margin: 0;
    padding: 5px 0 0;
    transition: .3s;
    pointer-events: none
}

.fn__icon_options.medium_size .fn__icon_button {
    width: 40px;
    height: 40px
}

.fn__icon_options.medium_size .fn__icon_button .fn__svg {
    width: 16px;
    height: 16px
}

.fn__icon_options .fn__icon_popup ul {
    border-radius: 5px;
    margin: 0
}

.fn__icon_options .fn__icon_popup li {
    margin: 0 0 3px
}

.fn__icon_options .fn__icon_popup a {
    text-decoration: none;
    overflow: hidden
}

.fn__icon_options .fn__icon_popup a:hover {
    color: var(--main-color);
    opacity: .9
}

.fn__icon_options .fn__icon_popup .high_priorety a {
    color: #f1416c
}

.fn__generation_item {
    padding: 31px 40px 10px;
    border-bottom: 1px solid var(--techwave-border-color);
    position: relative
}

.fn__generation_item:hover {
    z-index: 10
}

.fn__generation_item .item_header {
    padding: 0 0 20px;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
    justify-content: space-between;
    column-gap: 20px;
    -ms-align-items: center;
    align-items: center;
    width: 100%;
    position: relative;
    z-index: 1
}

.fn__generation_item .item_header .item_options,
.fn__generation_list .all_options,
.fn__toggle {
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex
}

.fn__generation_item .item_header .item_options {
    width: auto;
    -webkit-box-pack: end;
    justify-content: flex-end;
    display: flex;
    column-gap: 5px
}

.fn__generation_item .item_header .negative_prompt_title,
.fn__generation_item .item_header .prompt_title {
    padding: 0;
    line-height: 22px;
    align-self: flex-end;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    --chakra-line-clamp: 1;
    letter-spacing: 0;
    margin: 0;
    font-weight: 400;
    font-family: var(--techwave-heading-font-family);
    overflow: hidden;
    -webkit-box-orient: vertical
}

.fn__generation_item .item_header .title_holder,
.techwave_fn_font .techwave_fn_button {
    width: 100%
}

.fn__select_model .all_models a.selected,
.fn__select_model .subtitle {
    color: var(--techwave-body-color)
}

.fn__generation_item .item_header .negative_prompt_title {
    font-size: 14px;
    color: var(--techwave-body-color)
}

.fn__generation_list .fn__gl_item {
    margin: 0 0 20px;
    padding: 0 0 0 20px;
    width: 25%
}

.fn__generation_list .fn__gl__item {
    width: 100%;
    position: relative
}

.fn__generation_list .fn__gl__item:before {
    content: "";
    height: 0;
    display: block;
    padding-bottom: 100%
}

.fn__generation_list .abs_item {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0
}

.fn__bookmark,
.fn__generation_list .all_options {
    left: 10px;
    opacity: 0;
    visibility: hidden;
    pointer-events: none
}

.fn__generation_list .abs_item img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    border-radius: 5px
}

.fn__generation_list .all_options {
    display: flex;
    position: absolute;
    bottom: 5px;
    right: 10px;
    flex-wrap: wrap;
    transform: translateY(20px);
    transition: .3s
}

.fn__generation_list .all_options .fn__icon_options {
    margin: 0 5px 5px 0
}

.fn__toggle {
    display: flex;
    -ms-align-items: center;
    align-items: center;
    column-gap: 7px;
    cursor: pointer;
    user-select: none;
    font-size: 16px;
    font-weight: 400;
    letter-spacing: 0;
    font-family: var(--techwave-heading-font-family)
}

.fn__range,
.fn__select_model .model_open,
.fn_contact_form .input_list ul {
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex
}

.fn__toggle .t_in {
    position: relative;
    width: 34px;
    height: 20px
}

.fn__toggle .t_content:before,
.fn_contact_form .empty_notice:before,
.fn_contact_form .returnmessage:before {
    right: 0;
    bottom: 0;
    top: 0;
    left: 0;
    position: absolute;
    color: var(--main-color1);
    content: '';
    opacity: .1;
    border-radius: 20px;
    box-shadow: 0 5px 15px
}

.fn__toggle .t_content:after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    border-radius: 20px;
    border: 2px solid transparent;
    -webkit-mask: linear-gradient(#fff 0 0) padding-box, linear-gradient(#fff 0 0);
    -webkit-mask-composite: destination-out;
    -webkit-mask-composite: source-out;
    mask-composite: exclude;
    -webkit-animation: 4s infinite alternate animatedgradient;
    animation: 4s infinite alternate animatedgradient;
    background: #454449
}

.fn__range .slider:after,
.fn__toggle .t_slider,
.fn__toggle input:checked+.t_slider {
    background-color: var(--main-color)
}

.fn__toggle input {
    opacity: 0;
    width: 0;
    height: 0
}

.fn__toggle .t_slider {
    position: absolute;
    cursor: pointer;
    width: 12px;
    height: 12px;
    left: 4px;
    top: 50%;
    margin-top: -6px;
    border-radius: 100%;
    -webkit-transition: .4s;
    transition: .4s;
    background-color: #454449
}

.fn__bookmark,
.fn__model_item .item,
.techwave_fn_font .font__dialog {
    background-color: var(--techwave-some-r-bg-color)
}

.fn__toggle input:checked+.t_slider {
    -webkit-transform: translateX(14px);
    -ms-transform: translateX(14px);
    transform: translateX(14px)
}

.fn__toggle input:checked~.t_content:after {
    background: -moz-linear-gradient(270deg, var(--main-color1), var(--main-color2), var(--main-color1), var(--main-color2)) border-box;
    background: -webkit-linear-gradient(270deg, var(--main-color1), var(--main-color2), var(--main-color1), var(--main-color2)) border-box;
    background: linear-gradient(270deg, var(--main-color1), var(--main-color2), var(--main-color1), var(--main-color2)) border-box
}

.fn__toggle .t_in {
    border-radius: 34px
}

.fn__toggle .t_in:before {
    border-radius: 50%
}

.fn__select_model .all_models {
    position: absolute;
    width: 100%;
    left: 0;
    top: 100%;
    right: 0;
    padding-top: 5px;
    opacity: 0;
    visibility: hidden;
    transform: translateY(20px);
    transition: .3s;
    pointer-events: none
}

.fn__select_model.opened .all_models {
    opacity: 1;
    visibility: visible;
    pointer-events: all;
    transform: translateY(0)
}

.fn__select_model .all_models ul {
    border-radius: 5px;
    margin: 0
}

.fn__quantity a.increase:before,
.fn__quantity a:after {
    background-color: var(--techwave-heading-color);
    left: 50%;
    top: 50%;
    content: ''
}

.fn__select_model .all_models li {
    margin: 0 0 3px;
    font-weight: 400;
    font-family: var(--techwave-heading-font-family)
}

.fn__select_model .all_models a {
    font-weight: 400;
    font-family: var(--techwave-heading-font-family);
    text-decoration: none;
    overflow: hidden
}

.fn__select_model .all_models a:hover {
    color: var(--main-color);
    opacity: .9
}

.fn__select_model .model_open {
    text-decoration: none;
    display: flex;
    -ms-align-items: center;
    align-items: center;
    padding-right: 50px;
    position: relative;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    -o-user-select: none;
    user-select: none
}

.fn__select_model .fn__icon_button {
    position: absolute;
    top: 50%;
    margin-top: -15px;
    right: 0
}

.fn__select_model .user_img {
    margin-right: 15px;
    width: 40px;
    height: 40px;
    border-radius: 5px;
    object-fit: cover
}

.fn__select_model .subtitle,
.fn__select_model .title {
    margin: 0;
    padding: 0;
    font-family: var(--techwave-heading-font-family)
}

.fn__select_model .subtitle {
    font-weight: 500;
    text-transform: uppercase;
    letter-spacing: .5px;
    font-size: 11px
}

.fn__model_item .item__info .title,
.fn__model_item.new .item .text,
.fn__quantity input,
.fn__range .value,
.fn__select_model .title {
    color: var(--techwave-heading-color)
}

.fn__select_model .title {
    font-weight: 400;
    letter-spacing: 0;
    font-size: 16px
}

.fn__quantity {
    width: 120px;
    height: 40px;
    position: relative
}

.fn__quantity a {
    display: block;
    position: absolute;
    width: 24px;
    height: 24px;
    text-decoration: none;
    border-radius: 100%;
    top: 50%;
    margin-top: -12px
}

.fn__quantity a:after {
    position: absolute;
    width: 8px;
    height: 2px;
    margin: -1px 0 0 -4px
}

.fn__quantity a.increase:before {
    position: absolute;
    width: 2px;
    height: 8px;
    margin: -4px 0 0 -1px
}

.fn__quantity .decrease {
    left: 8px
}

.fn__quantity .increase {
    right: 8px
}

.fn__quantity input {
    width: 100%;
    max-width: 100%;
    min-width: 100%;
    border-radius: 20px;
    height: 40px;
    display: block;
    text-align: center;
    font-size: 16px;
    font-weight: 400;
    padding: 0 34px;
    border: 2px solid var(--techwave-border-color)
}

.fn__range .slider,
.fn__range input {
    display: block;
    height: 4px;
    border-radius: 5px
}

.fn__quantity input::-webkit-inner-spin-button,
.fn__quantity input::-webkit-outer-spin-button {
    -webkit-appearance: none;
    margin: 0
}

.fn__quantity input[type=number] {
    -moz-appearance: textfield
}

.fn__range {
    position: relative;
    display: flex;
    -ms-align-items: center;
    align-items: center
}

.fn__range .range_in {
    position: relative;
    width: 100%
}

.fn__range .slider {
    width: 0;
    position: absolute;
    left: 0;
    top: 50%;
    margin-top: -2px;
    pointer-events: none
}

.fn__range .slider:after {
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    position: absolute;
    content: '';
    border-radius: 5px 0 0 5px
}

.fn__range .slider:before {
    width: 14px;
    height: 14px;
    background: var(--techwave-heading-color);
    cursor: pointer;
    border-radius: 100%;
    position: absolute;
    display: block;
    right: 0;
    top: 50%;
    margin-top: -7px;
    content: '';
    z-index: 2
}

.fn__range .value {
    flex: auto;
    width: 40px;
    text-align: right;
    padding-left: 10px;
    font-family: var(--techwave-heading-font-family);
    font-size: 16px
}

.fn__range input {
    -webkit-appearance: none;
    width: 100%;
    margin: 0;
    outline: 0;
    border: none;
    background-color: var(--techwave-some-a-bg-color)
}

.fn__range input::-webkit-slider-thumb {
    -webkit-appearance: none;
    appearance: none;
    width: 14px;
    height: 14px;
    background: var(--techwave-heading-color);
    cursor: pointer;
    border-radius: 100%;
    opacity: 0
}

.fn__range input::-moz-range-thumb {
    width: 14px;
    height: 14px;
    background: var(--techwave-heading-color);
    cursor: pointer;
    border-radius: 100%;
    z-index: 3;
    opacity: 0
}

.techwave_fn_privacy_page .privacypage hr {
    margin: 30px 0
}

.techwave_fn_privacy_page .privacypage h4 {
    font-weight: 500;
    font-size: 22px
}

.fn_contact_form .input_list ul {
    margin: 0 0 0 -10px;
    padding: 0;
    display: flex;
    flex-wrap: wrap;
    list-style-type: none
}

.fn_contact_form .input_list li {
    margin: 0 0 10px;
    padding: 0 0 0 10px;
    width: 100%
}

.fn_contact_form .input_list li label {
    display: flex;
    justify-content: space-between;
    margin-bottom: 0.5rem;
    color: #000;
}

.fn_contact_form .input_list li label span {
    font-size: 15px;
    color: var(--main-color);
}

.fn_contact_form .input_list li:last-child {
    margin-top: 10px
}

.fn_contact_form .empty_notice,
.fn_contact_form .returnmessage {
    padding: 20px;
    width: 100%;
    display: none;
    color: var(--techwave-heading-color);
    margin-top: 20px;
    position: relative;
    pointer-events: none
}

.techwave_fn_contact_page .contactpage {
    padding: 40px;
    font-size: 18px;
    line-height: 24px
}

.techwave_fn_models_page .models__filter {
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
    justify-content: space-between;
    -ms-align-items: center;
    align-items: center;
    column-gap: 50px;
    margin-bottom: 1rem;
    margin-top: 1rem;
    position: relative;
    z-index: 10;
    flex-wrap: wrap
}

.marquee,
.techwave_fn_models_page .models__filter .filter__left {
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
    align-items: center;
    gap: 16px;
}

@media (max-width: 768px) {

    .marquee,
    .techwave_fn_models_page .models__filter .filter__left {
        flex-direction: column;
        align-items: flex-start;
    }
}

.techwave_fn_models_page .models__filter .filter__right {
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
    column-gap: 5px;
    margin: 5px 0
}

.techwave_fn_models_page .filter__search {
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
    -ms-align-items: center;
    align-items: center;
}

@media (max-width: 375px) {
    .techwave_fn_models_page .filter__search {
        flex-wrap: wrap;
    }
}

.techwave_fn_models_page .filter__search input {
    margin: 5px 10px 5px 0;
    border-radius: 999px;
    height: 40px;
    width: auto;
}

.techwave_fn_models_page .filter__search a {
    margin: 5px 0
}

.techwave_fn_models_page .models__more {
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
    justify-content: center;
    margin-top: 40px;
    margin-bottom: 20px
}

.tab__item.active {
    display: block
}

.fn__model_item .item__author,
.fn__model_item.new .item,
.techwave_fn_font {
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex
}

.fn__model_item {
    margin: 0 0 20px;
    padding: 0 0 0 20px;
    width: 20%
}

.fn__model_item .item {
    border: 1px solid var(--techwave-border-color);
    border-radius: 5px;
    position: relative;
    min-height: 100%
}

.fn__model_item.new .item a {
    z-index: 3
}

.fn__model_item.new .item {
    padding: 30px 15px 27px;
    text-align: center;
    display: flex;
    -webkit-flex-direction: column;
    -moz-flex-direction: column;
    -ms-flex-direction: column;
    -o-flex-direction: column;
    flex-direction: column;
    -ms-align-items: center;
    align-items: center;
    justify-content: center
}

.fn__model_item.new .item .add {
    height: 80px;
    width: 80px;
    position: relative;
    margin-bottom: 29px
}

.fn__model_item.new .item .add:after {
    width: 2px;
    height: 80px;
    position: absolute;
    content: '';
    left: 50%;
    margin-left: -1px;
    top: 50%;
    margin-top: -40px
}

.fn__model_item.new .item:hover {
    border-color: var(--main-color)
}

.fn__model_item.new .item .add:before {
    width: 80px;
    height: 2px;
    position: absolute;
    content: '';
    top: 50%;
    left: 50%;
    margin-left: -40px;
    margin-top: -1px
}

.fn__model_item.new .item .text {
    font-weight: 500;
    font-size: 14px;
    line-height: 1;
    text-transform: uppercase;
    letter-spacing: .5px;
    font-family: var(--techwave-heading-font-family)
}

.fn__model_item .item:hover .fn__bookmark {
    opacity: 1;
    visibility: visible;
    pointer-events: all
}

.fn__model_item .img:before {
    height: 0;
    content: '';
    padding-bottom: 100%;
    display: block
}

.fn__model_item .img {
    position: relative;
    margin: -1px -1px 0
}

.fn__model_item .img img {
    position: absolute;
    width: 100%;
    height: 100%;
    object-fit: cover;
    top: 0;
    left: 0;
    border-radius: 5px 5px 0 0
}

.fn__model_item .item__info {
    padding: 18px 15px 14px
}

.fn__model_item .item__info .title {
    margin: 0 0 5px;
    padding: 0;
    font-size: 16px;
    font-weight: 400;
    font-family: var(--techwave-heading-font-family)
}

.fn__model_item .item__info .desc {
    margin: 0;
    padding: 0;
    font-size: 14px;
    font-weight: 400;
    color: var(--techwave-body-color);
    font-family: var(--techwave-body-font-family);
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    line-clamp: 3;
    -webkit-box-orient: vertical
}

.fn__bookmark,
.fn__model_item .author_name,
.techwave_fn_font label {
    color: var(--techwave-heading-color)
}

.fn__model_item .item__author {
    height: 41px;
    border-top: 1px solid var(--techwave-border-color);
    padding: 10px 15px;
    display: flex;
    -ms-align-items: center;
    align-items: center
}

.fn__model_item .item__author img {
    margin-right: 7px;
    width: 20px;
    height: 20px;
    display: block;
    border-radius: 100%;
    object-fit: cover
}

.fn__model_item .author_name {
    margin: 0;
    padding: 0;
    font-size: 14px;
    font-weight: 400;
    font-family: var(--techwave-heading-font-family)
}

.TickerNews .item,
.techwave_fn_intro .or h1 {
    font-size: 150px;
    font-family: sans-serif;
    text-transform: uppercase
}

.fn__bookmark {
    width: 40px;
    height: 40px;
    border-radius: 100%;
    text-decoration: none;
    position: absolute;
    top: 10px;
    z-index: 3
}

.fn__bookmark.has__bookmark .hasbook {
    opacity: 1
}

.fn__bookmark.has__bookmark .hasntbook {
    opacity: 0
}

.fn__bookmark .fn__svg {
    width: 16px;
    height: 16px;
    position: absolute;
    top: 50%;
    left: 50%;
    margin: -8px 0 0 -8px
}

.fn__bookmark .hasbook {
    opacity: 0;
    color: var(--main-color)
}

.TickerNews .item,
.techwave_fn_intro .or h1 span {
    color: var(--techwave-site-bg-color);
    -webkit-text-stroke: 1px var(--main-color);
    text-stroke: 1px var(--main-color);
    letter-spacing: -6px
}

.font__trigger {
    width: 11px;
    height: 60px;
    position: fixed;
    right: 300px;
    margin-right: 14px;
    top: 50%;
    margin-top: -30px;
    z-index: 15;
    cursor: pointer
}

.font__trigger:after {
    content: '';
    position: absolute;
    left: -10px;
    right: -10px;
    bottom: -10px;
    top: -10px
}

.font__trigger:hover span,
.font__trigger:hover span:after,
.font__trigger:hover span:before {
    background-color: var(--main-color)
}

.font__trigger span,
.font__trigger span:after,
.font__trigger span:before {
    width: 1px;
    background-color: var(--techwave-border-color);
    position: absolute;
    transition: .2s
}

.font__trigger span {
    display: block;
    top: 0;
    bottom: 0;
    left: 5px
}

.font__trigger span:after,
.font__trigger span:before {
    top: 50%;
    margin-top: -20px;
    height: 40px;
    content: ''
}

.font__trigger span:before {
    right: 100%;
    margin-right: 5px
}

.font__trigger span:after {
    left: 100%;
    margin-left: 5px
}

.techwave_fn_font {
    pointer-events: none;
    opacity: 0;
    visibility: hidden;
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 110;
    background-color: var(--techwave-site-bg-color);
    display: flex;
    -ms-align-items: center;
    align-items: center;
    justify-content: center;
    overflow-y: auto;
    padding: 40px
}

.TickerNews .js-marquee-wrapper,
.fn__center_title .lines,
.techwave_fn_intro {
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex
}

.TickerNews,
.TickerNews .ti_wrapper,
.txt_unlim {
    overflow: hidden;
    width: 100%
}

.techwave_fn_font .font__closer_link {
    position: fixed;
    right: 35px;
    top: 35px;
    z-index: 2
}

.techwave_fn_font .font__closer {
    z-index: 1;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0
}

.techwave_fn_font .font__dialog {
    width: 500px;
    max-width: 100%;
    border-radius: 5px;
    padding: 35px 50px 40px;
    position: relative;
    border: 1px solid var(--techwave-border-color);
    z-index: 3
}

.techwave_fn_font label {
    display: block;
    font-size: 16px;
    font-weight: 400;
    line-height: 40px;
    font-family: var(--techwave-heading-font-family)
}

.tooltipster-sidetip.tooltipster-techwave .tooltipster-box {
    border: 1px solid var(--techwave-border-color);
    background: var(--techwave-some-r-bg-color)
}

.tooltipster-sidetip.tooltipster-techwave .tooltipster-content {
    color: var(--techwave-heading-color);
    font-size: 14px
}

.tooltipster-sidetip.tooltipster-techwave.tooltipster-bottom .tooltipster-arrow:after {
    content: '';
    position: absolute;
    top: 5px;
    left: 3px;
    width: 14px;
    height: 14px;
    transform: rotate(45deg);
    border: 1px solid var(--techwave-border-color);
    background-color: var(--techwave-some-r-bg-color)
}

.tooltipster-sidetip.tooltipster-techwave.tooltipster-left .tooltipster-arrow:after,
.tooltipster-sidetip.tooltipster-techwave.tooltipster-right .tooltipster-arrow:after {
    top: 3px;
    width: 14px;
    height: 14px;
    transform: rotate(45deg);
    border: 1px solid var(--techwave-border-color);
    background-color: var(--techwave-some-r-bg-color);
    content: '';
    position: absolute
}

.tooltipster-sidetip.tooltipster-techwave.tooltipster-bottom .tooltipster-arrow {
    background-color: transparent;
    top: -1px
}

.tooltipster-sidetip.tooltipster-techwave.tooltipster-right .tooltipster-arrow {
    left: -1px;
    background-color: transparent
}

.tooltipster-sidetip.tooltipster-techwave.tooltipster-right .tooltipster-arrow:after {
    left: 5px
}

.tooltipster-sidetip.tooltipster-techwave.tooltipster-left .tooltipster-arrow {
    right: -1px;
    background-color: transparent
}

.tooltipster-sidetip.tooltipster-techwave.tooltipster-left .tooltipster-arrow:after {
    right: 5px
}

.techwave_fn_intro {
    padding: 150px 20px 100px;
    display: flex;
    -webkit-flex-direction: column;
    -moz-flex-direction: column;
    -ms-flex-direction: column;
    -o-flex-direction: column;
    flex-direction: column;
    -ms-align-items: center;
    align-items: center
}

.techwave_fn_intro .first {
    text-align: center;
    margin-bottom: 54px
}

.techwave_fn_intro .txt {
    opacity: 0;
    position: absolute;
    pointer-events: none
}

.techwave_fn_intro .mac {
    margin: 0 -20px 86px
}

.techwave_fn_intro .mac img {
    width: 100%;
    height: 100%;
    object-fit: cover
}

.techwave_fn_intro .livechat {
    padding: 24px;
    position: relative;
    border: 2px dashed #252525;
    border-radius: 30px;
    width: 825px;
    max-width: 100%;
    margin: 41px auto 133px
}

.techwave_fn_intro .livechat .chat__comment {
    margin-top: 20px
}

.techwave_fn_intro .livechat .chat_decor {
    position: absolute;
    right: 47px;
    z-index: 5;
    top: 100%;
    margin-top: -25px
}

.techwave_fn_intro .or {
    padding-top: 87px;
    padding-bottom: 55px;
    text-align: center
}

.techwave_fn_intro .or h1 {
    font-size: calc(50px + 5.211vw);
    font-weight: 700
}

.fn__center_title {
    text-align: center;
    max-width: 700px
}

.fn__center_title h3.big {
    font-size: 60px;
    margin-top: -6px;
    margin-bottom: 18px
}

.fn__center_title p {
    margin: 0
}

.fn__center_title h3 {
    font-size: 32px;
    line-height: 1.2;
    margin: 0;
    font-weight: 300;
    text-transform: uppercase;
    letter-spacing: .5px;
    text-shadow: 0 0 15px rgba(124, 95, 227, .35)
}

.fn__center_title .lines {
    position: relative;
    display: flex;
    height: 18px;
    margin-bottom: 34px;
    -ms-align-items: center;
    align-items: center;
    justify-content: center
}

.fn__center_title .lines span {
    position: relative
}

.fn__center_title .lines .l,
.fn__center_title .lines .r {
    width: 100px;
    height: 2px;
    display: block;
    background-color: var(--main-color)
}

.fn__center_title .lines span:after {
    right: 0;
    bottom: 0;
    top: 0;
    left: 0;
    position: absolute;
    color: var(--main-color1);
    content: '';
    opacity: .35;
    box-shadow: 0 0 10px
}

.fn__center_title .lines .c:after {
    border-radius: 6px;
    left: -2px;
    right: -2px;
    top: -2px;
    bottom: -2px
}

.fn__center_title .lines .c {
    width: 120px;
    height: 18px;
    display: block;
    border: 2px solid var(--main-color);
    margin: 0 10px;
    border-radius: 6px
}

.TickerNews .js-marquee-wrapper {
    display: flex;
    flex-wrap: nowrap
}

.TickerNews .js-marquee,
.techwave_fn_intro .templates div div,
.techwave_fn_intro .templates ul {
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex
}

.TickerNews .ti_wrapper {
    position: relative
}

.TickerNews .ti_slide {
    position: relative;
    left: 0;
    top: 0
}

.TickerNews .marquee {
    overflow: hidden
}

.TickerNews .ti_content {
    position: relative;
    float: left
}

.TickerNews .js-marquee {
    float: left;
    display: flex;
    flex-wrap: nowrap
}

.TickerNews .item {
    float: left;
    position: relative;
    white-space: nowrap;
    font-size: calc(50px + 5.211vw);
    font-weight: 900
}

.techwave_fn_intro .templates {
    width: 1650px;
    max-width: 100%
}

.techwave_fn_intro .templates ul {
    margin: 0 0 0 -50px;
    list-style-type: none;
    display: flex;
    flex-wrap: wrap
}

.techwave_fn_intro .templates li {
    margin: 0 0 50px;
    padding: 0 0 0 50px;
    width: 50%
}

.techwave_fn_intro .templates .top {
    display: block;
    width: 100%;
    text-decoration: none;
    border: 1px solid var(--techwave-border-color);
    border-radius: 5px;
    transition: .4s;
    position: relative
}

.techwave_fn_intro .templates .top:after {
    content: '';
    position: absolute;
    top: 100%;
    left: 0;
    right: 0;
    height: 20px;
    transform: translateY(-20px);
    transition: .4s
}

.techwave_fn_intro .templates .top img {
    display: block;
    border-radius: 4px
}

.techwave_fn_intro .templates .top:hover:after {
    transform: translateY(0)
}

.techwave_fn_intro .templates .top:hover {
    transform: translateY(-20px)
}

.techwave_fn_intro .templates div div {
    display: flex;
    -ms-align-items: center;
    align-items: center;
    justify-content: center;
    padding-top: 30px
}

.techwave_fn_intro .templates .techwave_fn_button {
    padding: 0 52px
}

#img_gen {
    padding-top: 48px;
    margin-bottom: 91px
}

#demos {
    padding-top: 100px;
    margin-bottom: 73px
}

@media(max-width:1400px) {
    .fn__model_item {
        width: 25%
    }
}

@media(max-width:1367px) {
    .techwave_fn_interactive_list li {
        width: 100%;
        max-width: 100%
    }
}

@media(max-width:1200px) {
    .fn__model_item {
        width: 33.3333%
    }
}

@media(max-width:1040px) {
    :root {
        --techwave-header-height: 80px
    }

    .container {
        padding: 0 20px
    }

    .techwave_fn_image_generation_page .sidebar__trigger,
    .techwave_fn_leftpanel .desktop_closer,
    .techwave_fn_pricing .pricing__content {
        display: none
    }

    .fn__mobile_pricing,
    .techwave_fn_leftpanel .mobile_closer {
        display: -webkit-flex;
        display: -moz-flex;
        display: -ms-flex;
        display: -o-flex;
        display: flex
    }

    .font__trigger {
        right: 0
    }

    .techwave_fn_accordion .acc__title {
        font-size: 18px
    }

    .fn__generation_item,
    .techwave_fn_accordion .acc__content,
    .techwave_fn_accordion .acc__header,
    .techwave_fn_changelog .item__content,
    .techwave_fn_changelog .item__header,
    .techwave_fn_footer,
    .techwave_fn_image_generation_page .generation_header,
    .techwave_fn_img_lightbox .lightbox__related,
    .techwave_fn_img_lightbox .lightbox__tlimg,
    .techwave_fn_interactive_list.modern a,
    .techwave_fn_pricing .pricing__fields .item_col,
    .techwave_fn_pricing .pricing__footer .item_col,
    .techwave_fn_pricing .pricing__header .item_col,
    .techwave_fn_pricing .pricing__heading .item,
    .techwave_fn_sign,
    .techwave_fn_sign .form__content {
        padding-left: 20px;
        padding-right: 20px
    }

    .techwave_fn_aichatbot_page,
    .techwave_fn_doc_page,
    .techwave_fn_image_generation_page {
        display: -webkit-flex;
        display: -moz-flex;
        display: -ms-flex;
        display: -o-flex;
        display: flex;
        -webkit-flex-direction: column-reverse;
        -moz-flex-direction: column-reverse;
        -ms-flex-direction: column-reverse;
        -o-flex-direction: column-reverse;
        flex-direction: column-reverse;
        min-height: inherit
    }

    .techwave_fn_wrapper.fn__has_sidebar .techwave_fn_content {
        margin-right: 0
    }

    .techwave_fn_aichatbot_page .chat__sidebar,
    .techwave_fn_image_generation_page .generation__sidebar,
    .techwave_fn_wrapper.fn__has_sidebar .techwave_fn_doc_page .docsidebar {
        position: relative;
        width: 100%;
        height: auto;
        left: auto;
        right: auto;
        top: auto;
        min-width: 100%;
        border-left: none;
        border-bottom: 1px solid var(--techwave-border-color)
    }

    .techwave_fn_searchbar {
        left: 0;
        padding: 0 20px
    }

    .techwave_fn_searchbar .search__icon {
        left: 20px
    }

    .techwave_fn_searchbar .search__closer {
        right: 20px
    }

    .techwave_fn_searchbar .search__input {
        padding-left: 25px;
        padding-right: 30px
    }

    .fn__grid_items li {
        width: 25%
    }

    .fn__gallery_item {
        width: 33.3333%
    }

    .techwave_fn_header {
        padding: 0 20px 0 60px;
        left: 0
    }

    .techwave_fn_leftpanel .mobile_extra_closer {
        position: absolute;
        left: 100%;
        width: calc(100vw - var(--techwave-left-panel-width));
        top: 0;
        bottom: 0;
        background-color: var(--techwave-some-r-bg-color);
        opacity: 0;
        pointer-events: none;
        margin-left: 1px
    }

    .section_home {
        -webkit-flex-direction: column;
        -moz-flex-direction: column;
        -ms-flex-direction: column;
        -o-flex-direction: column;
        flex-direction: column
    }

    .section_home .section_left {
        width: 100%;
        border-right: none;
        border-bottom: 1px solid var(--techwave-border-color);
        padding: 73px 20px 60px
    }

    .section_home .section_right {
        width: 100%;
        padding: 70px 20px
    }

    .section_home .company_info {
        max-width: 100%
    }

    .section_home .chart_holder {
        max-width: 100%
    }

    .chart_body {
        flex-direction: column;
        align-items: stretch
    }

    .chart_canvas_wrap {
        flex: 0 0 auto;
        width: 180px;
        height: 180px;
        margin: 0 auto
    }

    .section_overview {
        padding: 0 20px 60px
    }

    .chart_line_wrap {
        height: 260px
    }

    .techwave_fn_content {
        margin-left: 0
    }

    .techwave_fn_leftpanel {
        transform: translateX(-100%)
    }

    .techwave_fn_leftpanel .fn__icon_button {
        right: -51px;
        width: 40px;
        height: 40px;
        transform: rotate(180deg);
        margin-top: -20px
    }

    .mobile-panel-opened .techwave_fn_leftpanel .fn__icon_button {
        transform: rotate(0)
    }

    .mobile-panel-opened .techwave_fn_leftpanel .mobile_extra_closer {
        opacity: .9;
        pointer-events: all
    }

    .mobile-panel-opened .techwave_fn_content,
    .mobile-panel-opened .techwave_fn_header {
        transform: translateX(300px)
    }

    .mobile-panel-opened .techwave_fn_leftpanel {
        transform: translateX(0)
    }
}

@media(max-width:900px) {
    .techwave_fn_pricing .item_row .item_col {
        width: 25% !important;
        max-width: 25% !important
    }

    .techwave_fn_pricing .pricing__header .price span {
        font-size: 20px
    }

    .techwave_fn_pricing .pricing__fields .item_col,
    .techwave_fn_pricing .pricing__footer .item_col,
    .techwave_fn_pricing .pricing__header .item_col,
    .techwave_fn_pricing .pricing__heading .item {
        padding-left: 10px;
        padding-right: 10px
    }

    .techwave_fn_img_lightbox .lightbox__top {
        -webkit-flex-direction: column;
        -moz-flex-direction: column;
        -ms-flex-direction: column;
        -o-flex-direction: column;
        flex-direction: column
    }

    .techwave_fn_img_lightbox .lightbox__tl {
        width: 100%
    }

    .techwave_fn_img_lightbox .lightbox__tr {
        width: 100%;
        border-left: none;
        border-top: 1px solid var(--techwave-border-color)
    }
}

@media(max-width:768px) {
    .fn__mobile_pricing .pricing__item {
        width: 100%
    }

    .fn__gallery_item,
    .fn__generation_list .fn__gl_item,
    .fn__grid_items li,
    .fn__model_item {
        width: 50%
    }

    .fn__gallery_items .item__info {
        opacity: 1;
        visibility: visible;
        transform: translateY(0)
    }

    .techwave_fn_footer_content {
        flex-wrap: wrap
    }

    .techwave_fn_header .header__left {
        display: none
    }

    .techwave_fn_header {
        justify-content: flex-end
    }
}

@media(max-width:480px) {
    .container {
        padding: 0 10px
    }

    .fn__generation_item,
    .techwave_fn_accordion .acc__content,
    .techwave_fn_accordion .acc__header,
    .techwave_fn_changelog .item__content,
    .techwave_fn_changelog .item__header,
    .techwave_fn_image_generation_page .generation_header,
    .techwave_fn_sign,
    .techwave_fn_sign .form__content {
        padding-left: 10px;
        padding-right: 10px
    }

    .fn__details_list li,
    .fn__gallery_item,
    .fn__generation_list .fn__gl_item,
    .fn__model_item {
        width: 100%
    }

    .fn__grid_items ul {
        margin-left: -10px
    }

    .fn__grid_items li {
        padding-left: 10px;
        margin-bottom: 10px
    }

    .fn__nav_bar .user_opener {
        width: 50px;
        height: 50px
    }

    .techwave_fn_header {
        padding-right: 10px
    }

    .fn__nav_bar .item_opener .dark_mode {
        margin: -9px 0 0 -9px
    }

    .fn__nav_bar .bar__item {
        margin-right: 5px
    }

    .fn__nav_bar .bar__item_user {
        margin-left: 5px
    }

    .fn__nav_bar .item_opener {
        width: 40px;
        height: 40px
    }

    .fn__nav_bar .item_opener .fn__svg {
        width: 18px;
        height: 18px
    }
}

.section_home .company_info .fn__members {
    display: flex;
    justify-content: space-between;
    gap: 16px;
    flex-wrap: wrap;
    align-items: center;
}

/* Estimates List Page */
.techwave_fn_estimates_page {
    padding: 40px;
    min-height: calc(100vh - var(--techwave-header-height) - 71px)
}

.estimates_page_inner {
    margin: 0 auto;
    margin-left: 0;
}

.estimates_card {
    background-color: var(--techwave-some-r-bg-color);
    border: 1px solid var(--techwave-border-color);
    border-radius: 0;
    box-shadow: 0 8px 32px rgba(0, 0, 0, .06);
    overflow: hidden
}

.estimates_card_header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 20px;
    padding: 28px 32px;
    border-bottom: 1px solid var(--techwave-border-color)
}

.estimates_card_title {
    margin: 0;
    padding: 0;
    font-family: var(--techwave-heading-font-family);
    font-size: 24px;
    font-weight: 600;
    color: var(--main-color);
}

.search-button {
    display: flex;
    align-items: center;
    gap: 10px;
}

.search-button .search-button__input {
    position: relative;
}

.search-button .search-button__input input {
    width: 100%;
    outline: none;
    border: 1px solid var(--techwave-border-color);
}

.search-button .search-button__input svg {
    position: absolute;
    right: 1rem;
    top: 50%;
    transform: translateY(-50%);
}

.estimates_btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 8px 22px;
    border-radius: 8px;
    font-size: 16px;
    font-weight: 400;
    text-decoration: none;
    transition: background-color .2s ease, transform .2s ease;
    white-space: nowrap
}

.estimates_btn--primary {
    background-color: var(--main-color);
    color: #fff
}

.estimates_btn--primary:hover {
    background-color: var(--main-color1);
    color: #fff;
    transform: translateY(-1px)
}

.estimates_btn--danger {
    background-color: #ef4444;
    color: #fff;
    border: none;
    cursor: pointer
}

.estimates_btn--danger:hover:not(:disabled) {
    background-color: #dc2626;
    color: #fff;
    transform: translateY(-1px)
}

.estimates_btn--danger:disabled {
    opacity: 0;
    cursor: not-allowed;
    transform: none
}

.estimates_table_wrap {
    overflow-x: auto;
    -webkit-overflow-scrolling: touch
}

.estimates_table {
    width: 100%;
    border-collapse: collapse;
    min-width: 960px;
    margin: 0;
    border: 0;
}

.estimates_table thead tr {
    background: var(--main-color);
}

.estimates_table thead th {
    padding: 16px;
    text-align: left;
    font-size: 16px;
    font-weight: 500;
    letter-spacing: .02em;
    color: var(--techwave-site-bg-color);
    background-color: var(--main-color);
    border-bottom: 1px solid var(--techwave-border-color);
    white-space: nowrap
}

.estimates_table tbody td {
    padding: 12px 16px;
    font-size: 15px;
    line-height: 1.45;
    color: var(--techwave-heading-color);
    border-bottom: 1px solid var(--techwave-border-color);
    vertical-align: middle
}

.estimates_table tbody tr {
    transition: background-color .15s ease
}

.estimates_table tbody tr:hover {
    background-color: rgba(11, 91, 215, .04)
}

.estimates_table tbody tr.is_selected {
    background-color: rgba(11, 91, 215, .08)
}

.estimates_table tbody tr.is_selected:hover {
    background-color: rgba(11, 91, 215, .12)
}

.estimates_table__check_col {
    min-width: 200px
}

.estimates_table__check_label {
    display: inline-flex;
    align-items: center;
    gap: 12px;
    margin: 0;
    cursor: pointer;
    user-select: none
}

.estimates_table__check_label span {
    line-height: 1.45
}

.estimates_table .form-check-input {
    width: 18px;
    height: 18px;
    margin: 0;
    flex-shrink: 0;
    accent-color: var(--main-color);
    cursor: pointer
}

.estimates_table tbody tr:last-child td {
    border-bottom: none
}

.status_badge {
    display: inline-flex;
    align-items: center;
    padding: 5px 14px;
    border-radius: 999px;
    font-size: 12px;
    font-weight: 600;
    line-height: 1;
    white-space: nowrap
}

.status_badge--completed {
    background-color: rgba(69, 197, 105, .15);
    color: #2ea855
}

[data-techwave-skin=light] .status_badge--completed {
    background-color: #dcfce7;
    color: #166534
}

.status_badge--draft {
    background-color: rgba(240, 160, 80, .15);
    color: #e08a2e
}

[data-techwave-skin=light] .status_badge--draft {
    background-color: #ffedd5;
    color: #c2410c
}

.estimates_table thead th:last-child,
.estimates_table tbody td:last-child {
    min-width: 180px
}

.action_btns {
    display: flex;
    align-items: center;
    gap: 8px
}

.action_btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 36px;
    height: 36px;
    padding: 0;
    border: 1px solid var(--techwave-border-color);
    border-radius: 8px;
    background-color: transparent;
    color: currentColor;
    cursor: pointer;
    text-decoration: none;
    transition: background-color .15s ease, border-color .15s ease, color .15s ease, transform .15s ease
}

.action_btn .fn__svg {
    width: 16px;
    height: 16px;
    fill: var(--techwave-button-bg-color);
}

.action_btn:hover {
    background-color: rgba(11, 91, 215, .08);
    border-color: var(--main-color);
    color: var(--main-color);
    transform: translateY(-1px)
}

.action_btn--delete:hover {
    background-color: rgba(239, 68, 68, .08);
    border-color: #ef4444;
    color: #ef4444
}

/* Estimates Pagination */
.estimates_pagination {
    display: flex;
    flex-direction: column;
    gap: 20px;
    padding: 22px 28px;
    border-top: 1px solid var(--techwave-border-color);
    background: linear-gradient(180deg, rgba(11, 91, 215, .03) 0%, transparent 100%)
}

.estimates_pagination__meta {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 16px;
    flex-wrap: wrap
}

.estimates_pagination__summary {
    margin: 0;
    font-size: 14px;
    color: var(--techwave-body-color);
    line-height: 1.5
}

.estimates_pagination__highlight {
    display: inline-flex;
    align-items: center;
    padding: 2px 8px;
    margin: 0 2px;
    border-radius: 6px;
    background-color: rgba(11, 91, 215, .1);
    color: var(--main-color);
    font-weight: 500;
    font-size: 13px
}

[data-techwave-skin=light] .estimates_pagination__highlight {
    background-color: rgba(11, 91, 215, .08)
}

.estimates_pagination__perpage {
    display: flex;
    align-items: center;
    gap: 10px
}

.estimates_pagination__perpage_label {
    color: var(--techwave-body-color);
    white-space: nowrap;
    font-size: 15px;
}

.estimates_pagination__select_wrap {
    position: relative
}

.estimates_pagination__select_wrap::after {
    content: "";
    position: absolute;
    top: 50%;
    right: 12px;
    width: 8px;
    height: 8px;
    border-right: 2px solid var(--techwave-body-color);
    border-bottom: 2px solid var(--techwave-body-color);
    transform: translateY(-65%) rotate(45deg);
    pointer-events: none
}

.estimates_pagination__select {
    appearance: none;
    min-width: 72px;
    padding: 8px 25px 8px 12px;
    border: 1px solid var(--techwave-border-color);
    border-radius: 8px;
    background-color: var(--techwave-some-a-bg-color);
    color: var(--techwave-heading-color);
    font-size: 13px;
    font-weight: 500;
    cursor: pointer;
    transition: border-color .2s ease, box-shadow .2s ease;
    height: auto;
    line-height: 1.4;
}

.estimates_pagination__select:hover,
.estimates_pagination__select:focus {
    outline: none;
    border-color: var(--main-color);
    box-shadow: 0 0 0 3px rgba(11, 91, 215, .12)
}

.estimates_pagination__controls {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 12px;
    flex-wrap: wrap
}

.estimates_pagination__nav_btn {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    padding: 16px 16px;
    border: 1px solid var(--techwave-border-color);
    border-radius: 10px;
    background-color: var(--techwave-some-a-bg-color);
    color: var(--techwave-heading-color);
    font-size: 15px;
    font-weight: 600;
    cursor: pointer;
    transition: background-color .2s ease, border-color .2s ease, color .2s ease, transform .2s ease, box-shadow .2s ease
}

.estimates_pagination__nav_btn:hover:not(:disabled) {
    border-color: var(--main-color);
    color: var(--main-color);
    background-color: rgba(11, 91, 215, .08);
    transform: translateY(-1px);
    box-shadow: 0 6px 18px rgba(11, 91, 215, .12)
}

.estimates_pagination__nav_btn:disabled {
    opacity: .45;
    cursor: not-allowed
}

.estimates_pagination__pages {
    display: flex;
    align-items: center;
    gap: 6px;
    margin: 0;
    padding: 6px;
    list-style: none;
    border: 1px solid var(--techwave-border-color);
    border-radius: 12px;
    background-color: var(--techwave-some-a-bg-color)
}

.estimates_pagination__pages li {
    margin: 0;
}

.estimates_pagination__page {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 38px;
    height: 38px;
    padding: 0 10px;
    border: none;
    border-radius: 8px;
    background: transparent;
    color: var(--techwave-heading-color);
    font-size: 14px;
    font-weight: 600;
    cursor: pointer;
    transition: background-color .2s ease, color .2s ease, transform .2s ease, box-shadow .2s ease
}

.estimates_pagination__page:hover:not(.is_active) {
    background-color: rgba(11, 91, 215, .1);
    color: var(--main-color)
}

.estimates_pagination__page.is_active {
    background: linear-gradient(135deg, var(--main-color) 0%, var(--main-color2) 100%);
    color: #fff;
    box-shadow: 0 8px 20px rgba(11, 91, 215, .28);
    transform: translateY(-1px)
}

.estimates_pagination__ellipsis {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 28px;
    height: 38px;
    color: var(--techwave-body-color);
    font-size: 16px;
    font-weight: 600;
    letter-spacing: .08em;
    user-select: none
}

/* Payment Modal */
body.payment_modal_open {
    overflow: hidden
}

.payment_modal {
    position: fixed;
    inset: 0;
    z-index: 9999;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 20px;
    opacity: 0;
    visibility: hidden;
    transition: opacity .25s ease, visibility .25s ease
}

.payment_modal.is_open {
    opacity: 1;
    visibility: visible
}

.payment_modal__overlay {
    position: absolute;
    inset: 0;
    background-color: rgba(0, 0, 0, .55);
    cursor: pointer
}

.payment_modal__dialog {
    position: relative;
    width: 100%;
    max-width: 420px;
    background-color: #fff;
    border-radius: 0;
    overflow: hidden;
    box-shadow: 0 24px 64px rgba(0, 0, 0, .25);
    transform: translateY(16px) scale(.98);
    transition: transform .25s ease
}

[data-techwave-skin=dark] .payment_modal__dialog {
    background-color: var(--techwave-some-r-bg-color);
    border: 1px solid var(--techwave-border-color)
}

.payment_modal.is_open .payment_modal__dialog {
    transform: translateY(0) scale(1)
}

.payment_modal__header {
    padding: 22px 24px;
    background: linear-gradient(135deg, var(--main-color) 0%, var(--main-color2) 100%);
    text-align: center
}

.payment_modal__title {
    margin: 0;
    padding: 0;
    font-size: 20px;
    font-weight: 600;
    color: #fff;
    line-height: 1.3
}

.payment_modal__body {
    padding: 36px 24px 28px;
    text-align: center
}

.payment_modal__amount {
    margin: 0;
    font-size: 42px;
    font-weight: 700;
    color: var(--techwave-heading-color);
    letter-spacing: -.02em
}

.payment_modal__action {
    padding: 24px 28px;
    text-align: center;
    background-color: var(--techwave-some-a-bg-color)
}

.payment_modal__pay_btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 180px;
    padding: 12px 28px;
    border: none;
    border-radius: 6px;
    background-color: #45c569;
    color: #fff;
    font-weight: 500;
    cursor: pointer;
    transition: background-color .2s ease, transform .2s ease
}

.payment_modal__pay_btn:hover {
    background-color: #3ab85d;
    transform: translateY(-1px)
}

.payment_modal__footer {
    display: flex;
    justify-content: flex-end;
    padding: 16px 20px;
    border-top: 1px solid var(--techwave-border-color);
    position: absolute;
    right: 0;
    top: 0;
    border: none;
    padding: 6px 10px;
}

.payment_modal__close_btn {
    padding: 8px 22px;
    border: none;
    border-radius: 999px;
    background-color: #e74c3c;
    color: #fff;
    font-size: 14px;
    font-weight: 600;
    cursor: pointer;
    transition: background-color .2s ease;
    padding: 0;
    background: transparent;
}

.payment_modal__close_btn svg {
    width: 12px;
    height: 12px;
}

.payment_modal__close_btn:hover {
    background-color: #cf4436;
    background: transparent;
}

@media (max-width: 1040px) {
    .techwave_fn_estimates_page {
        padding: 24px 20px
    }

    .estimates_card_header {
        flex-direction: column;
        align-items: flex-start;
        padding: 24px 20px
    }

    .estimates_btn--primary {
        width: 100%
    }

    .estimates_pagination {
        padding: 20px
    }

    .estimates_pagination__meta {
        flex-direction: column;
        align-items: flex-start
    }
}

@media (max-width: 768px) {
    .estimates_table {
        min-width: 0
    }

    .estimates_table thead {
        display: none
    }

    .estimates_table tbody tr {
        display: block;
        padding: 16px 20px;
        border-bottom: 1px solid var(--techwave-border-color)
    }

    .estimates_table tbody td {
        display: flex;
        align-items: center;
        justify-content: space-between;
        gap: 16px;
        padding: 8px 0;
        border-bottom: none;
        text-align: right;
        border: none;
        border-bottom: 1px solid var(--techwave-border-color);
    }

    .estimates_table tbody td::before {
        content: attr(data-label);
        font-size: 15px;
        font-weight: 600;
        color: var(--techwave-body-color);
        text-align: left;
        flex-shrink: 0
    }

    .estimates_table tbody td[data-label="Actions"] {
        justify-content: flex-end;
        padding-top: 12px;
        border-bottom:none;
    }

    .estimates_table tbody td[data-label="Actions"]::before {
        display: none
    }

    .estimates_pagination__controls {
        width: 100%;
        justify-content: space-between
    }

    .estimates_pagination__nav_btn span {
        display: none
    }

    .estimates_pagination__nav_btn {
        padding: 9px 12px
    }

    .estimates_pagination__pages {
        flex: 1;
        justify-content: center
    }
}

.p-0 {
    padding: 0 !important;
}

.px-3 {
    padding-left: 1.5rem !important;
    padding-right: 1.5rem !important;
}

.btn-container {
    margin-top: 1.5rem;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
}

/* New Estimate Wizard */
.container-custom {
    margin: 0 auto;
    width: 100%
}

.estimate_wizard .contactpage {
    padding-top: 0
}

.estimate_stepper {
    margin-bottom: 32px;
    /* padding: 24px 20px; */
    /* background-color: var(--techwave-some-r-bg-color); */
    /* border: 1px solid var(--techwave-border-color); */
    border-radius: 12px
}

.estimate_stepper__list {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 0;
    margin: 0;
    padding: 0;
    list-style: none
}

.estimate_stepper__item {
    position: relative;
    flex: 1;
    display: flex;
    flex-direction: column;
    align-items: center;
    min-width: 0;
    text-align: center
}

.estimate_stepper__item:not(:last-child) .estimate_stepper__track {
    position: absolute;
    top: 23px;
    left: calc(50% + 20px);
    width: calc(100% - 40px);
    height: 2px;
    background-color: var(--techwave-border-color);
    border-radius: 999px;
    z-index: 0
}

.estimate_stepper__item.is_complete:not(:last-child) .estimate_stepper__track {
    background: linear-gradient(90deg, var(--main-color) 0%, var(--main-color2) 100%)
}

.estimate_stepper__circle {
    position: relative;
    z-index: 1;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 46px;
    height: 46px;
    border-radius: 50%;
    border: 1px solid var(--techwave-border-color);
    background-color: var(--techwave-site-bg-color);
    color: var(--techwave-body-color);
    font-size: 14px;
    font-weight: 700;
    transition: all .25s ease
}

.estimate_stepper__check {
    display: none
}

.estimate_stepper__item.is_active .estimate_stepper__circle,
.estimate_stepper__item.is_complete .estimate_stepper__circle {
    border-color: var(--main-color);
    background: linear-gradient(135deg, var(--main-color) 0%, var(--main-color2) 100%);
    color: #fff;
    box-shadow: 0 8px 18px rgba(11, 91, 215, .25)
}

.estimate_stepper__item.is_complete .estimate_stepper__number {
    display: none
}

.estimate_stepper__item.is_complete .estimate_stepper__check {
    display: block
}

.estimate_stepper__label {
    display: block;
    margin-top: 10px;
    padding: 0 4px;
    font-size: 12px;
    font-weight: 500;
    color: var(--techwave-body-color);
    line-height: 1.3
}

.estimate_stepper__item.is_active .estimate_stepper__label,
.estimate_stepper__item.is_complete .estimate_stepper__label {
    color: var(--techwave-heading-color);
    font-weight: 700
}

.estimate_step_panel {
    display: none
}

.estimate_step_panel.is_active {
    display: block;
    animation: estimateStepFade .28s ease
}

@keyframes estimateStepFade {
    from {
        opacity: 0;
        transform: translateY(8px)
    }

    to {
        opacity: 1;
        transform: translateY(0)
    }
}

.estimate_form_card {
    /* background-color: var(--techwave-site-bg-color); */
    /* border: 1px solid var(--techwave-border-color); */
    border-radius: 0;
    overflow: hidden;
    /* box-shadow: 0 10px 30px rgba(0, 0, 0, .05); */
}

.estimate_form_card__header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 16px;
    padding: 22px 0;
    border-bottom: 1px solid var(--techwave-border-color);
    margin-bottom: 2rem;
}

.estimate_form_card__header--split {
    flex-wrap: wrap
}

.estimate_form_card__title {
    margin: 0;
    font-size: 22px;
    font-weight: 600;
    color: var(--techwave-heading-color)
}

.estimate_form_card__back {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border: solid var(--techwave-border-color);
    color: var(--techwave-heading-color);
    cursor: pointer;
    transition: border-color .2s ease, color .2s ease, transform .2s ease;
    background: transparent;
    border: 0;
    padding: 0;
}

.estimate_form_card__back:hover {
    border-color: var(--main-color);
    color: var(--main-color);
    transform: translateX(-2px)
}

.estimate_form_card__body {
    /* padding: 28px; */
}

.estimate_form_card__footer {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 12px;
    padding: 22px 28px 28px;
    /* border-top: 1px solid var(--techwave-border-color); */
    /* background: linear-gradient(180deg, transparent 0%, rgba(11, 91, 215, .03) 100%); */
}

.estimate_form_card__footer--center {
    justify-content: center
}

.estimate_field {
    margin-bottom: 18px
}

.estimate_field__label {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    margin-bottom: 8px;
    font-size: 15px;
    font-weight: 500;
    color: var(--techwave-heading-color)
}

.estimate_field__owner_toggle {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    font-size: 13px;
    font-weight: 600;
    color: var(--main-color)
}

.estimate_owner_radio {
    width: 18px;
    height: 18px;
    margin: 0;
    accent-color: var(--main-color);
    cursor: pointer
}

.estimate_field__input {
    display: block;
    width: 100%;
    height: 52px;
    padding: 0 16px;
    border: 1px solid var(--techwave-border-color);
    border-radius: 8px;
    background-color: var(--techwave-site-bg-color);
    color: var(--techwave-heading-color);
    font-size: 15px;
    transition: border-color .2s ease, box-shadow .2s ease;
    font-size: 16px;
    min-width: 220px;
    color: var(--techwave-heading-color);
    letter-spacing: .5px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
    font-family: var(--techwave-heading-font-family);
    line-height: 1.6;
    padding: 10px 20px;
    height: 40px;
    vertical-align: middle;
    border: 2px solid var(--techwave-border-color);
    -webkit-transition: all .3s ease;
    -moz-transition: all .3s ease;
    -ms-transition: all .3s ease;
    -o-transition: all .3s ease;
    transition: all .3s ease;
    background-color: transparent;
    border-radius: 20px;
    outline: none;
    display: block;
    width: 100%;
    border-radius: 0;
    height: 60px;
}

.estimate_field__input:focus {
    outline: none;
    border-color: var(--main-color);
    box-shadow: 0 0 0 3px rgba(11, 91, 215, .12)
}

.estimate_field__select {
    appearance: none;
    background-image: linear-gradient(45deg, transparent 50%, var(--techwave-body-color) 50%), linear-gradient(135deg, var(--techwave-body-color) 50%, transparent 50%);
    background-position: calc(100% - 18px) calc(50% - 2px), calc(100% - 12px) calc(50% - 2px);
    background-size: 6px 6px, 6px 6px;
    background-repeat: no-repeat;
    padding-right: 36px
}

.estimate_required {
    color: #ef4444
}

.estimate_btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 120px;
    padding: 11px 24px;
    border: none;
    border-radius: 8px;
    font-weight: 500;
    cursor: pointer;
    transition: background-color .2s ease, transform .2s ease, box-shadow .2s ease
}

.estimate_btn--primary {
    background: linear-gradient(135deg, var(--main-color) 0%, var(--main-color2) 100%);
    color: #fff;
    box-shadow: 0 8px 18px rgba(11, 91, 215, .22)
}

.estimate_btn--primary:hover {
    transform: translateY(-1px);
    box-shadow: 0 10px 22px rgba(11, 91, 215, .28)
}

.estimate_btn--secondary {
    background-color: var(--techwave-some-a-bg-color);
    color: var(--techwave-heading-color);
    border: 1px solid var(--techwave-border-color)
}

.estimate_btn--secondary:hover {
    border-color: var(--main-color);
    color: var(--main-color)
}

.estimate_btn--success {
    background-color: #45c569;
    color: #fff
}

.estimate_btn--danger {
    background-color: #ef4444;
    color: #fff
}

.estimate_btn--sm {
    min-width: auto;
    padding: 9px 18px;
    font-size: 14px
}

.estimate_vehicle_modes {
    display: flex;
    flex-wrap: wrap;
    gap: 12px;
    margin-bottom: 24px
}

.estimate_vehicle_mode {
    padding: 10px 30px;
    border: none;
    border-radius: 8px;
    font-size: 1rem;
    font-weight: 300;
    cursor: pointer;
    transition: transform .2s ease, box-shadow .2s ease
}

.estimate_vehicle_mode {
    background: linear-gradient(135deg, var(--main-color) 0%, var(--main-color2) 100%);
    color: #fff
}

.estimate_vehicle_mode.is_active {
    box-shadow: 0 8px 18px rgba(11, 91, 215, .25)
}

.estimate_vehicle_mode:not(.is_active) {
    background: var(--techwave-some-a-bg-color);
    color: var(--techwave-heading-color);
    border: 1px solid var(--techwave-border-color);
    box-shadow: none
}

.estimate_vehicle_panel {
    display: none
}

.estimate_vehicle_panel.is_active {
    display: block
}

.estimate_options_panel {
    padding-top: 18px !important
}

.estimate_options_panel__top {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 20px;
    margin-bottom: 24px;
    padding: 20px 22px;
    border: 1px solid var(--techwave-border-color);
    border-radius: 0;
    background: linear-gradient(135deg, rgba(11, 91, 215, .06) 0%, rgba(11, 91, 215, .02) 100%)
}

.estimate_options_panel__heading {
    margin: 0 0 6px;
    font-size: 18px;
    font-weight: 700;
    color: var(--techwave-heading-color)
}

.estimate_options_panel__text {
    margin: 0;
    max-width: 560px;
    font-size: 14px;
    line-height: 1.55;
    color: var(--techwave-body-color)
}

.estimate_options_panel__status {
    display: flex;
    flex-direction: column;
    align-items: flex-end;
    gap: 4px;
    flex-shrink: 0;
    padding: 10px 16px;
    border-radius: 12px;
    background-color: var(--techwave-site-bg-color);
    border: 1px solid var(--techwave-border-color);
    box-shadow: 0 8px 20px rgba(11, 91, 215, .08)
}

.estimate_options_panel__status_label {
    font-size: 11px;
    font-weight: 700;
    letter-spacing: .06em;
    text-transform: uppercase;
    color: var(--techwave-body-color)
}

.estimate_options_panel__status_value {
    font-size: 22px;
    font-weight: 800;
    line-height: 1;
    background: linear-gradient(135deg, var(--main-color) 0%, var(--main-color2) 100%);
    -webkit-background-clip: text;
    background-clip: text;
    color: transparent
}

.estimate_options_accordion {
    display: flex;
    flex-direction: column;
    gap: 12px
}

.estimate_options_group {
    border: 1px solid var(--techwave-border-color);
    border-radius: 0;
    overflow: hidden;
    background-color: var(--techwave-site-bg-color);
    box-shadow: 0 6px 18px rgba(0, 0, 0, .04);
    transition: border-color .25s ease, box-shadow .25s ease, transform .25s ease
}

.estimate_options_group.is_open {
    border-color: rgba(11, 91, 215, .35);
    box-shadow: 0 14px 32px rgba(11, 91, 215, .12);
    transform: translateY(-1px)
}

.estimate_options_group.has_selection:not(.is_open) .estimate_options_group__header {
    background: linear-gradient(135deg, rgba(11, 91, 215, .14) 0%, rgba(11, 91, 215, .06) 100%)
}

.estimate_options_group__header {
    display: grid;
    grid-template-columns: auto 1fr auto auto;
    align-items: center;
    gap: 14px;
    width: 100%;
    padding: 16px 18px;
    border: none;
    background: var(--techwave-header-bg-color);
    color: var(--techwave-heading-color);
    text-align: left;
    cursor: pointer;
    transition: background-color .2s ease
}

.estimate_options_group__header {}

.estimate_options_group.is_open .estimate_options_group__header {
    background: linear-gradient(135deg, var(--main-color) 0%, var(--main-color2) 100%);
    color: #fff
}

.estimate_options_group__icon {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 42px;
    height: 42px;
    border-radius: 12px;
    background: linear-gradient(135deg, var(--main-color) 0%, var(--main-color2) 100%);
    color: #fff;
    font-size: 16px;
    font-weight: 800;
    box-shadow: 0 8px 18px rgba(11, 91, 215, .22)
}

.estimate_options_group.is_open .estimate_options_group__icon {
    background: rgba(255, 255, 255, .18);
    box-shadow: none
}

.estimate_options_group__meta {
    display: flex;
    flex-direction: column;
    gap: 4px;
    min-width: 0
}

.estimate_options_group__title {
    font-size: 1.25rem;
    font-weight: 400;
    line-height: 1;
}

.estimate_options_group__selected {
    font-size: 13px;
    font-weight: 400;
    color: var(--techwave-body-color);
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    display: block;
    margin-top: -5px;
}

.estimate_options_group.is_open .estimate_options_group__selected {
    color: rgba(255, 255, 255, .82)
}

.estimate_options_group.has_selection:not(.is_open) .estimate_options_group__selected {
    color: var(--main-color);
    font-weight: 600
}

.estimate_options_group__count {
    padding: 6px 20px;
    border-radius: 8px;
    background-color: rgba(11, 91, 215, .1);
    color: var(--main-color);
    font-size: 12px;
    font-weight: 500;
    letter-spacing: .03em;
    text-transform: uppercase;
    white-space: nowrap
}

.estimate_options_group.is_open .estimate_options_group__count {
    background-color: rgba(255, 255, 255, .16);
    color: #fff
}

.estimate_options_group__chevron {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 34px;
    height: 34px;
    border-radius: 50%;
    background-color: var(--techwave-site-bg-color);
    color: var(--techwave-heading-color);
    transition: transform .25s ease, background-color .25s ease
}

.estimate_options_group.is_open .estimate_options_group__chevron {
    transform: rotate(180deg);
    background-color: rgba(255, 255, 255, .16);
    color: #fff
}

.estimate_options_group__body {
    padding: 14px 16px 18px;
    background-color: var(--techwave-site-bg-color);
    border-top: 1px solid var(--techwave-border-color)
}

.estimate_options_list {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 10px;
    margin: 0;
    padding: 0;
    list-style: none
}

.estimate_options_list li {
    margin: 0
}

.estimate_option_item {
    display: flex;
    align-items: center;
    gap: 12px;
    min-height: 52px;
    padding: 12px 14px;
    border: 1px solid var(--techwave-border-color);
    border-radius: 12px;
    background-color: var(--techwave-some-r-bg-color);
    cursor: pointer;
    transition: border-color .2s ease, background-color .2s ease, box-shadow .2s ease, transform .2s ease
}

label.estimate_option_item.part_details_types {
    padding: 0;
    min-height: auto;
    border-radius: 999px;
}

label.estimate_option_item.part_details_types:hover {
    transform: translateY(0px);
}

.estimate_option_item:hover {
    border-color: rgba(11, 91, 215, .35);
    background-color: rgba(11, 91, 215, .05);
    transform: translateY(-1px)
}

.estimate_option_item input {
    position: absolute;
    opacity: 0;
    pointer-events: none
}

.estimate_option_item__marker {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 22px;
    height: 22px;
    border: 2px solid var(--techwave-border-color);
    border-radius: 50%;
    flex-shrink: 0;
    position: relative;
    background-color: var(--techwave-site-bg-color);
    transition: border-color .2s ease, background-color .2s ease, box-shadow .2s ease
}

.estimate_option_item.part_details_types .estimate_option_item__marker {
    width: 34px;
    height: 34px;
    border-radius: 999px;
}

.estimate_option_item.part_details_types .estimate_option_item__marker svg {
    width: 16px;
    height: 16px;
}

.estimate_option_item__check {
    opacity: 0;
    transform: scale(.6);
    transition: opacity .2s ease, transform .2s ease;
    color: #fff
}

.estimate_option_item input:checked+.estimate_option_item__marker {
    border-color: var(--main-color);
    background: linear-gradient(135deg, var(--main-color) 0%, var(--main-color2) 100%);
    box-shadow: 0 6px 14px rgba(11, 91, 215, .28)
}

.estimate_option_item input:checked+.estimate_option_item__marker .estimate_option_item__check {
    opacity: 1;
    transform: scale(1)
}

.estimate_option_item input:checked~.estimate_option_item__text {
    color: var(--main-color);
    font-weight: 700
}

.estimate_option_item:has(input:checked) {
    border-color: rgba(11, 91, 215, .45);
    background: linear-gradient(135deg, rgba(11, 91, 215, .1) 0%, rgba(11, 91, 215, .04) 100%);
    box-shadow: 0 8px 18px rgba(11, 91, 215, .1)
}

.estimate_option_item__text {
    font-size: 14px;
    line-height: 1.4;
    color: var(--techwave-heading-color)
}

@media (max-width: 900px) {
    .estimate_options_list {
        grid-template-columns: 1fr
    }

    .estimate_options_panel__top {
        align-items: center;
    }

.estimate_options_panel__top .estimate_options_panel__intro {
    width: 100%;
}

    .estimate_options_panel__status {
        align-items: flex-start;
        flex-direction: row;
        justify-content: space-between;
    }

    .estimate_options_group__header {
        grid-template-columns: auto 1fr auto;
        grid-template-areas:
            "icon meta chevron"
            "icon count chevron";
        row-gap: 8px
    }

    .estimate_options_group__icon {
        grid-area: icon
    }

    .estimate_options_group__meta {
        grid-area: meta
    }

    .estimate_options_group__count {
        grid-area: count;
        justify-self: start
    }

    .estimate_options_group__chevron {
        grid-area: chevron
    }
}

.estimate_prelim_workspace {
    position: relative;
    padding-top: 6px !important
}

.estimate_prelim_view {
    display: none;
    animation: estimatePrelimFadeIn .32s ease
}

.estimate_prelim_view.is_active {
    display: block
}

@keyframes estimatePrelimFadeIn {
    from {
        opacity: 0;
        transform: translateY(10px)
    }

    to {
        opacity: 1;
        transform: translateY(0)
    }
}

.estimate_prelim_panel__top {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 20px;
    margin-bottom: 24px;
    padding: 20px 22px;
    border: 1px solid var(--techwave-border-color);
    border-radius: 0;
    background: linear-gradient(135deg, rgba(11, 91, 215, .07) 0%, rgba(11, 91, 215, .02) 100%)
}

.estimate_prelim_panel__heading {
    margin: 0 0 6px;
    font-size: 18px;
    font-weight: 700;
    color: var(--techwave-heading-color)
}

.estimate_prelim_panel__text {
    margin: 0;
    max-width: 560px;
    font-size: 14px;
    line-height: 1.55;
    color: var(--techwave-body-color)
}

.estimate_prelim_panel__status {
    display: flex;
    flex-direction: column;
    align-items: flex-end;
    gap: 4px;
    flex-shrink: 0;
    padding: 10px 16px;
    border-radius: 12px;
    background-color: var(--techwave-site-bg-color);
    border: 1px solid var(--techwave-border-color);
    box-shadow: 0 8px 20px rgba(11, 91, 215, .08)
}

.estimate_prelim_panel__status_label {
    font-size: 11px;
    font-weight: 700;
    letter-spacing: .06em;
    text-transform: uppercase;
    color: var(--techwave-body-color)
}

.estimate_prelim_panel__status_value {
    font-size: 22px;
    font-weight: 800;
    line-height: 1;
    background: linear-gradient(135deg, var(--main-color) 0%, var(--main-color2) 100%);
    -webkit-background-clip: text;
    background-clip: text;
    color: transparent
}

.estimate_prelim_layout {
    display: grid;
    grid-template-columns: minmax(240px, 300px) minmax(0, 1fr);
    gap: 20px;
    align-items: start
}

.estimate_prelim_aside {
    display: flex;
    flex-direction: column;
    gap: 14px;
    position: sticky;
    top: 20px
}

.estimate_prelim_vehicle_card {
    display: flex;
    align-items: flex-start;
    gap: 14px;
    padding: 18px;
    border: 1px solid rgba(11, 91, 215, .22);
    border-radius: 14px;
    background: linear-gradient(135deg, var(--main-color) 0%, var(--main-color2) 100%);
    color: #fff;
    box-shadow: 0 14px 30px rgba(11, 91, 215, .22);
}

.estimate_prelim_vehicle_card__icon {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 44px;
    height: 44px;
    border-radius: 12px;
    background: rgba(255, 255, 255, .16);
    flex-shrink: 0
}

.estimate_prelim_vehicle_card__label {
    display: block;
    font-size: 11px;
    font-weight: 700;
    letter-spacing: .06em;
    text-transform: uppercase;
    opacity: .88;
    margin-bottom: 6px
}

.estimate_prelim_vehicle_card__title {
    display: block;
    font-size: 17px;
    font-weight: 700;
    line-height: 1.35
}

.estimate_prelim_aside_actions {
    display: flex;
    gap: 10px;
    margin-bottom: 2rem;
    flex-direction: column;
}

.estimate_prelim_action {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    width: 100%;
    padding: 12px 16px;
    border: none;
    border-radius: 10px;
    font-weight: 400;
    cursor: pointer;
    transition: transform .2s ease, box-shadow .2s ease, background-color .2s ease
}

.estimate_prelim_action--success {
    background: linear-gradient(135deg, #28a745 0%, #20c05a 100%);
    color: #fff;
    box-shadow: 0 8px 18px rgba(40, 167, 69, .22)
}

.estimate_prelim_action--success:hover {
    transform: translateY(-1px);
    box-shadow: 0 10px 22px rgba(40, 167, 69, .28)
}

.estimate_prelim_action--ghost {
    background: var(--techwave-some-a-bg-color);
    color: var(--techwave-heading-color);
    border: 1px solid var(--techwave-border-color)
}

.estimate_prelim_action--ghost:hover {
    border-color: rgba(220, 53, 69, .45);
    color: #dc3545;
    background: rgba(220, 53, 69, .06)
}

.estimate_prelim_content {
    min-width: 0;
    padding: 18px;
    border: 1px solid var(--techwave-border-color);
    border-radius: 0;
    background: var(--techwave-site-bg-color);
    box-shadow: 0 8px 24px rgba(0, 0, 0, .04)
}

.estimate_prelim_mode_switch {
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    gap: 10px;
    margin-bottom: 22px;
    padding: 6px;
    border-radius: 12px;
    background: var(--techwave-some-a-bg-color);
    border: 1px solid var(--techwave-border-color)
}

@media (max-width: 1199px) {
    .estimate_prelim_mode_switch {
        flex-direction: row;
        justify-content: space-between;
    }
}

.estimate_prelim_mode {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    padding: 12px 14px;
    border: 1px solid transparent;
    border-radius: 10px;
    background: transparent;
    color: var(--techwave-heading-color);
    font-size: 15px;
    font-weight: 400;
    cursor: pointer;
    transition: background-color .2s ease, color .2s ease, box-shadow .2s ease, transform .2s ease
}

.estimate_prelim_mode__icon {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 34px;
    height: 34px;
    border-radius: 9px;
    background: rgba(11, 91, 215, .1);
    color: var(--main-color);
    transition: background-color .2s ease, color .2s ease
}

.estimate_prelim_mode.is_active {
    background: linear-gradient(135deg, var(--main-color) 0%, var(--main-color2) 100%);
    color: #fff;
    box-shadow: 0 8px 18px rgba(11, 91, 215, .24);
    transform: translateY(-1px)
}

.estimate_prelim_mode.is_active .estimate_prelim_mode__icon {
    background: rgba(255, 255, 255, .18);
    color: #fff
}

.estimate_prelim_mode:not(.is_active):hover {
    background: rgba(11, 91, 215, .06)
}

.estimate_prelim_section_head {
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
    gap: 16px;
    margin-bottom: 14px
}

.estimate_prelim_section_title {
    margin: 0 0 4px;
    font-size: 16px;
    font-weight: 700;
    color: var(--techwave-heading-color)
}

.estimate_prelim_section_text {
    margin: 0;
    font-size: 13px;
    color: var(--techwave-body-color)
}

.estimate_prelim_section_count {
    flex-shrink: 0;
    padding: 6px 12px;
    border-radius: 999px;
    background: rgba(11, 91, 215, .1);
    color: var(--main-color);
    font-size: 12px;
    font-weight: 700;
    letter-spacing: .03em
}

.estimate_prelim_categories {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 10px;
    margin: 0;
    padding: 0;
    list-style: none
}

.estimate_prelim_category {
    display: grid;
    grid-template-columns: auto 1fr auto;
    align-items: center;
    gap: 12px;
    width: 100%;
    padding: 14px 14px 14px 12px;
    border: 1px solid var(--techwave-border-color);
    border-radius: 12px;
    background: var(--techwave-some-r-bg-color);
    color: var(--techwave-heading-color);
    font-size: 13px;
    font-weight: 600;
    text-align: left;
    cursor: pointer;
    transition: border-color .2s ease, background-color .2s ease, transform .2s ease, box-shadow .2s ease;
    text-decoration: none;
}

.estimate_prelim_category__badge {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 38px;
    height: 38px;
    border-radius: 10px;
    background: linear-gradient(135deg, var(--main-color) 0%, var(--main-color2) 100%);
    color: #fff;
    font-size: 12px;
    font-weight: 800;
    letter-spacing: .04em
}

.estimate_prelim_category__text {
    line-height: 1.35
}

.estimate_prelim_category__arrow {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 28px;
    height: 28px;
    border-radius: 8px;
    background: rgba(11, 91, 215, .08);
    color: var(--main-color);
    transition: transform .2s ease, background-color .2s ease
}

.estimate_prelim_category:hover {
    border-color: rgba(11, 91, 215, .35);
    background: rgba(11, 91, 215, .05);
    transform: translateY(-2px);
    box-shadow: 0 10px 22px rgba(11, 91, 215, .1)
}

.estimate_prelim_category:hover .estimate_prelim_category__arrow {
    transform: translateX(2px);
    background: rgba(11, 91, 215, .14)
}

.estimate_prelim_subcard {
    /* border: 1px solid var(--techwave-border-color); */
    border-radius: 0;
    background: var(--techwave-site-bg-color);
    box-shadow: 0 14px 36px rgba(15, 23, 42, .08);
    overflow: hidden
}

.estimate_prelim_subcard__header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 16px;
    padding: 20px 22px;
    border-bottom: 1px solid var(--techwave-border-color);
    background: linear-gradient(180deg, rgba(11, 91, 215, .05) 0%, transparent 100%)
}

.estimate_prelim_subcard__heading {
    display: flex;
    align-items: center;
    gap: 14px;
    min-width: 0
}

.estimate_prelim_subcard__icon {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 46px;
    height: 46px;
    border-radius: 12px;
    flex-shrink: 0
}

.estimate_prelim_subcard__icon--manual {
    background: linear-gradient(135deg, rgba(11, 91, 215, .16) 0%, rgba(11, 91, 215, .08) 100%);
    color: var(--main-color)
}

.estimate_prelim_subcard__icon--stored {
    background: linear-gradient(135deg, rgba(23, 162, 184, .18) 0%, rgba(23, 162, 184, .08) 100%);
    color: #17a2b8
}

.estimate_prelim_subcard__title {
    margin: 0;
    font-size: 20px;
    font-weight: 700;
    color: var(--techwave-heading-color)
}

.estimate_prelim_subcard__subtitle {
    margin: 0;
    font-size: 13px;
    color: var(--techwave-body-color)
}

.estimate_prelim_subcard__back {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 42px;
    height: 42px;
    border: 1px solid var(--techwave-border-color);
    border-radius: 50%;
    background: var(--techwave-some-a-bg-color);
    color: var(--techwave-heading-color);
    cursor: pointer;
    transition: border-color .2s ease, background-color .2s ease, transform .2s ease
}

.estimate_prelim_subcard__back:hover {
    border-color: var(--main-color);
    background: rgba(11, 91, 215, .08);
    transform: translateX(-2px)
}

.estimate_prelim_subcard__body {
    padding: 22px
}

.estimate_prelim_manual_steps {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    margin-bottom: 18px
}

.estimate_prelim_manual_step {
    padding: 6px 12px;
    border-radius: 999px;
    background: var(--techwave-some-a-bg-color);
    border: 1px solid var(--techwave-border-color);
    color: var(--techwave-body-color);
    font-size: 12px;
    font-weight: 600
}

.estimate_prelim_manual_step.is_active {
    background: linear-gradient(135deg, rgba(11, 91, 215, .14) 0%, rgba(11, 91, 215, .06) 100%);
    border-color: rgba(11, 91, 215, .28);
    color: var(--main-color)
}

.estimate_prelim_field {
    margin-bottom: 6px
}

.estimate_prelim_ops_header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    margin: 22px 0 14px;
    padding: 14px 16px;
    border-radius: 0;
    background: var(--techwave-some-a-bg-color);
    border: 1px solid var(--techwave-border-color)
}

.estimate_prelim_ops_header__title {
    font-size: 15px;
    font-weight: 400;
    color: var(--techwave-heading-color)
}

.estimate_prelim_ops_header__hint {
    font-size: 12px;
    color: var(--techwave-body-color)
}

.estimate_prelim_ops {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 10px
}

.estimate_prelim_op {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 8px;
    /* min-height: 92px; */
    padding: 14px 14px 12px;
    border: 1px solid transparent;
    border-radius: 8px;
    background: linear-gradient(135deg, var(--main-color) 0%, var(--main-color2) 100%);
    color: #fff;
    text-align: left;
    cursor: pointer;
    transition: transform .2s ease, box-shadow .2s ease, opacity .2s ease
}

.estimate_prelim_op__index {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 30px;
    padding: 2px 8px;
    border-radius: 999px;
    background: rgba(255, 255, 255, .18);
    font-size: 11px;
    font-weight: 800;
    letter-spacing: .06em;
    display: none;
}

.estimate_prelim_op__label {
    font-size: 14px;
    font-weight: 600;
    line-height: 1.35
}

.estimate_prelim_op:hover {
    transform: translateY(-2px);
    box-shadow: 0 12px 24px rgba(11, 91, 215, .24)
}

.estimate_prelim_op.is_active {
    box-shadow: 0 0 0 3px rgba(11, 91, 215, .22), 0 12px 24px rgba(11, 91, 215, .28);
    transform: translateY(-1px)
}

.estimate_prelim_stored_vehicle {
    display: flex;
    align-items: center;
    gap: 14px;
    padding: 16px 18px;
    border-radius: 0;
    background: linear-gradient(135deg, var(--main-color) 0%, var(--main-color2) 100%);
    color: #fff;
    margin-bottom: 18px;
    box-shadow: 0 10px 24px rgba(11, 91, 215, .2)
}

.estimate_prelim_stored_vehicle__icon {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 42px;
    height: 42px;
    border-radius: 10px;
    background: rgba(255, 255, 255, .16);
    flex-shrink: 0
}

.estimate_prelim_stored_vehicle__label {
    display: block;
    font-size: 11px;
    font-weight: 700;
    letter-spacing: .06em;
    text-transform: uppercase;
    opacity: .88;
    margin-bottom: 4px
}

.estimate_prelim_stored_vehicle__title {
    font-size: 17px;
    font-weight: 700;
    line-height: 1.35
}

.estimate_prelim_stored_toolbar {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 14px;
    margin-bottom: 14px
}

.estimate_prelim_stored_toolbar__title {
    margin: 0 0 2px;
    font-size: 15px;
    font-weight: 700;
    color: var(--techwave-heading-color)
}

.estimate_prelim_stored_toolbar__count {
    font-size: 12px;
    color: var(--techwave-body-color)
}

.estimate_prelim_add_entry {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    padding: 10px 16px;
    border: none;
    border-radius: 10px;
    background: linear-gradient(135deg, #17a2b8 0%, #0d8fa3 100%);
    color: #fff;
    font-size: 13px;
    font-weight: 600;
    cursor: pointer;
    white-space: nowrap;
    transition: transform .2s ease, box-shadow .2s ease
}

.estimate_prelim_add_entry:hover {
    transform: translateY(-1px);
    box-shadow: 0 8px 18px rgba(23, 162, 184, .28)
}

.estimate_prelim_stored_list {
    display: flex;
    flex-direction: column;
    gap: 10px;
    margin: 0 0 24px;
    padding: 0;
    list-style: none
}

.estimate_prelim_stored_item {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    padding: 14px 16px;
    border: 1px solid var(--techwave-border-color);
    border-radius: 0;
    background: var(--techwave-some-a-bg-color);
    transition: border-color .2s ease, box-shadow .2s ease, background-color .2s ease
}

.estimate_prelim_stored_item:has(.estimate_prelim_stored_radio:checked) {
    border-color: rgba(11, 91, 215, .4);
    background: linear-gradient(135deg, rgba(11, 91, 215, .1) 0%, rgba(11, 91, 215, .04) 100%);
    box-shadow: 0 8px 20px rgba(11, 91, 215, .1)
}

.estimate_prelim_stored_item:hover {
    border-color: rgba(11, 91, 215, .28);
    box-shadow: 0 6px 16px rgba(15, 23, 42, .05)
}

.estimate_prelim_stored_select {
    display: flex;
    align-items: center;
    gap: 12px;
    flex: 1;
    min-width: 0;
    margin: 0;
    cursor: pointer
}

.estimate_prelim_stored_radio {
    position: absolute;
    opacity: 0;
    pointer-events: none
}

.estimate_prelim_stored_radio__marker {
    position: relative;
    flex-shrink: 0;
    width: 20px;
    height: 20px;
    border: 2px solid var(--techwave-border-color);
    border-radius: 50%;
    background: var(--techwave-site-bg-color);
    transition: border-color .2s ease, box-shadow .2s ease
}

.estimate_prelim_stored_radio__marker::after {
    content: "";
    position: absolute;
    top: 50%;
    left: 50%;
    width: 10px;
    height: 10px;
    border-radius: 50%;
    background: linear-gradient(135deg, var(--main-color) 0%, var(--main-color2) 100%);
    transform: translate(-50%, -50%) scale(0);
    transition: transform .2s ease
}

.estimate_prelim_stored_radio:checked+.estimate_prelim_stored_radio__marker {
    border-color: var(--main-color);
    box-shadow: 0 0 0 3px rgba(11, 91, 215, .12)
}

.estimate_prelim_stored_radio:checked+.estimate_prelim_stored_radio__marker::after {
    transform: translate(-50%, -50%) scale(1)
}

.estimate_prelim_stored_item__title {
    font-size: 14px;
    font-weight: 600;
    color: var(--techwave-heading-color);
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}

.estimate_prelim_stored_actions {
    display: flex;
    align-items: center;
    gap: 8px;
    flex-shrink: 0
}

.estimate_prelim_stored_btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 36px;
    height: 36px;
    border: none;
    border-radius: 10px;
    cursor: pointer;
    transition: transform .2s ease, opacity .2s ease
}

.estimate_prelim_stored_btn svg {
    fill: transparent
}

.estimate_prelim_stored_btn:hover {
    transform: translateY(-1px)
}

.estimate_prelim_stored_btn .fn__svg {
    width: 16px;
    height: 16px
}

.estimate_prelim_stored_btn--delete {
    background: linear-gradient(135deg, #dc3545 0%, #c82333 100%);
    color: #fff
}

.estimate_prelim_stored_btn--edit {
    background: linear-gradient(135deg, #28a745 0%, #20c05a 100%);
    color: #fff
}

.estimate_prelim_stored_footer {
    display: flex;
    justify-content: center;
    padding-top: 6px
}

.estimate_prelim_save_btn {
    min-width: 220px;
    box-shadow: 0 10px 22px rgba(11, 91, 215, .22)
}

@media (max-width: 1199px) {
    .estimate_prelim_layout {
        grid-template-columns: 1fr
    }

    .estimate_prelim_aside {
        position: static
    }
}

@media (max-width: 991px) {
    .estimate_prelim_categories {
        grid-template-columns: 1fr
    }

    .estimate_prelim_ops {
        grid-template-columns: repeat(2, minmax(0, 1fr))
    }
}

@media (max-width: 767px) {

    .estimate_prelim_panel__top,
    .estimate_prelim_stored_toolbar {
        flex-direction: column;
        align-items: stretch
    }

    .estimate_prelim_panel__status {
        align-items: flex-start
    }

    .estimate_prelim_mode_switch {
        grid-template-columns: 1fr
    }

    .estimate_prelim_ops {
        grid-template-columns: 1fr
    }

    .estimate_prelim_subcard__body,
    .estimate_prelim_content {
        padding: 16px
    }

    .estimate_prelim_section_head {
        flex-direction: column;
        align-items: flex-start
    }

    .estimate_prelim_stored_toolbar .estimate_prelim_add_entry {
        width: 100%
    }
}

.estimate_final_top_actions {
    display: flex;
    align-items: center;
    gap: 10px;
    margin-left: auto
}

.estimate_summary_block_container {
    height: 100%;
    padding-bottom: 1rem;
}

.estimate_company_card {
    position: relative;
    display: flex;
    flex-direction: column;
    height: 100%;
    border: 1px solid var(--techwave-border-color);
    border-radius: 0;
    overflow: hidden;
    background-color: #ffffff;
    box-shadow: 0 12px 32px rgba(11, 91, 215, .08);
}

[data-techwave-skin=dark] .estimate_company_card,
[data-techwave-skin=dark] .estimate_claim_card,
[data-techwave-skin=dark] .estimate_options_summary__group {
    background-color: #1a1a1a;
    border-color: #2a2a2a;
    box-shadow: 0 12px 32px rgba(255, 255, 255, .08);
}

.estimate_company_card__accent {
    height: 4px;
    background: linear-gradient(90deg, var(--main-color) 0%, var(--main-color2) 55%, #45c569 100%)
}

.estimate_company_card__header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    padding: 22px 24px 10px
}

.estimate_company_card__brand {
    margin: 0;
    font-size: 34px;
    font-weight: 800;
    letter-spacing: -.02em;
    line-height: 1;
    background: linear-gradient(135deg, var(--main-color) 0%, var(--main-color2) 100%);
    -webkit-background-clip: text;
    background-clip: text;
    color: transparent
}

.estimate_company_card__badge {
    display: inline-flex;
    align-items: center;
    padding: 6px 12px;
    border-radius: 999px;
    background-color: rgba(11, 91, 215, .1);
    color: var(--main-color);
    font-size: 11px;
    font-weight: 700;
    letter-spacing: .04em;
    text-transform: uppercase
}

.estimate_company_card__body {
    flex: 1;
    padding: 8px 24px 20px
}

.estimate_company_card__field {
    padding: 12px 0;
    border-bottom: 1px solid var(--techwave-border-color)
}

.estimate_company_card__field--full {
    padding-top: 4px
}

.estimate_company_card__row {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 0 28px
}

.estimate_company_card__label {
    display: block;
    margin-bottom: 6px;
    font-size: 12px;
    font-weight: 600;
    letter-spacing: .03em;
    text-transform: uppercase;
    color: var(--techwave-body-color)
}

.estimate_company_card__value {
    display: block;
    font-size: 16px;
    font-weight: 700;
    line-height: 1.45;
    color: var(--techwave-heading-color)
}

.estimate_company_card__value.is_empty {
    color: var(--techwave-body-color);
    font-weight: 500
}

.estimate_company_card__footer {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 16px;
    padding: 14px 24px;
    background: linear-gradient(135deg, #2f3440 0%, #1f2430 100%);
    color: #fff;
    font-size: 14px;
    font-weight: 700
}

.estimate_company_card__date {
    display: inline-flex;
    align-items: center;
    gap: 8px
}

.estimate_company_card__date::before {
    content: "";
    width: 8px;
    height: 8px;
    border-radius: 50%;
    background: linear-gradient(135deg, var(--main-color) 0%, var(--main-color2) 100%)
}

.estimate_company_card__type {
    padding: 4px 10px;
    border-radius: 6px;
    background-color: rgba(255, 255, 255, .12);
    font-size: 13px
}

[data-techwave-skin=light] .estimate_company_card {
    box-shadow: 0 10px 28px rgba(11, 91, 215, .1)
}

[data-techwave-skin=light] .estimate_company_card__footer {
    background: linear-gradient(135deg, var(--main-color) 0%, var(--main-color2) 100%)
}

.estimate_claim_card {
    position: relative;
    display: flex;
    flex-direction: column;
    height: 100%;
    border: 1px solid var(--techwave-border-color);
    border-radius: 0;
    overflow: hidden;
    background-color: #ffffff;
    box-shadow: 0 12px 32px rgba(11, 91, 215, .08)
}

.estimate_claim_card__accent {
    height: 4px;
    background: linear-gradient(90deg, var(--main-color2) 0%, var(--main-color) 50%, #17a2b8 100%)
}

.estimate_claim_card__header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    padding: 22px 24px 12px
}

.estimate_claim_card__title {
    margin: 0;
    font-size: 22px;
    font-weight: 700;
    color: var(--techwave-heading-color)
}

.estimate_claim_card__badge {
    display: inline-flex;
    align-items: center;
    padding: 6px 12px;
    border-radius: 999px;
    background-color: rgba(11, 91, 215, .1);
    color: var(--main-color);
    font-size: 11px;
    font-weight: 700;
    letter-spacing: .04em;
    text-transform: uppercase
}

.estimate_claim_card__body {
    flex: 1;
    padding: 4px 24px 24px
}

.estimate_claim_card__columns {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 0 28px
}

.estimate_claim_card__field {
    padding: 11px 0;
    border-bottom: 1px solid var(--techwave-border-color)
}

.estimate_claim_card__label {
    display: block;
    margin-bottom: 6px;
    font-size: 12px;
    font-weight: 600;
    letter-spacing: .03em;
    text-transform: uppercase;
    color: var(--techwave-body-color);
}

.estimate_claim_card__value {
    display: block;
    font-size: 16px;
    font-weight: 700;
    line-height: 1.45;
    color: var(--techwave-heading-color);
}

.estimate_claim_card__value.is_empty {
    color: var(--techwave-body-color);
}

[data-techwave-skin=light] .estimate_claim_card {
    box-shadow: 0 10px 28px rgba(11, 91, 215, .1)
}

.estimate_summary_meta {
    display: flex;
    gap: 24px;
    padding: 12px 16px;
    margin-bottom: 16px;
    background-color: #4a4a4a;
    color: #fff;
    font-weight: 600
}

.estimate_summary_block {
    margin-bottom: 16px;
    padding: 20px;
    background-color: var(--techwave-some-a-bg-color);
    border: 1px solid var(--techwave-border-color);
    border-radius: 0;
}

.estimate_summary_block--vehicle {
    width: 100%;
    margin-bottom: 20px;
    padding: 0;
    background: transparent;
    border: none;
    overflow: hidden
}

.estimate_summary_vehicle {
    width: 100%;
    padding: 24px 26px 26px;
    border-radius: 0;
    background: linear-gradient(135deg, var(--main-color) 0%, var(--main-color1) 48%, var(--main-color2) 100%);
    color: #fff;
    box-shadow: 0 18px 40px rgba(11, 91, 215, .28);
    position: relative;
    overflow: hidden
}

.estimate_summary_vehicle::before {
    content: "";
    position: absolute;
    top: -80px;
    right: -60px;
    width: 220px;
    height: 220px;
    border-radius: 50%;
    background: rgba(255, 255, 255, .08);
    pointer-events: none
}

.estimate_summary_vehicle::after {
    content: "";
    position: absolute;
    bottom: -100px;
    left: -40px;
    width: 260px;
    height: 260px;
    border-radius: 50%;
    background: rgba(255, 255, 255, .05);
    pointer-events: none
}

.estimate_summary_vehicle__head {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 20px;
    margin-bottom: 22px;
    position: relative;
    z-index: 1
}

.estimate_summary_vehicle__eyebrow {
    display: inline-flex;
    align-items: center;
    margin-bottom: 8px;
    padding: 5px 12px;
    border-radius: 999px;
    background: rgba(255, 255, 255, .14);
    font-size: 11px;
    font-weight: 700;
    letter-spacing: .06em;
    text-transform: uppercase
}

.estimate_summary_vehicle__title {
    margin: 0 0 8px;
    font-size: 28px;
    font-weight: 300;
    line-height: 1.1;
    color: #fff
}

.estimate_summary_vehicle__name {
    margin: 0;
    font-size: 22px;
    font-weight: 700;
    line-height: 1.35;
    color: #fff
}

.estimate_summary_vehicle__icon {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 58px;
    height: 58px;
    border-radius: 16px;
    background: rgba(255, 255, 255, .14);
    color: #fff;
    flex-shrink: 0;
    box-shadow: inset 0 0 0 1px rgba(255, 255, 255, .12)
}

.estimate_summary_vehicle__grid {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 18px 28px;
    position: relative;
    z-index: 1
}

.estimate_summary_vehicle__field {
    display: flex;
    flex-direction: column;
    gap: 8px;
    min-width: 0
}

.estimate_summary_vehicle__label {
    color: rgba(255, 255, 255, .82);
    display: block;
    margin-bottom: 6px;
    font-size: 12px;
    font-weight: 600;
    letter-spacing: .03em;
    text-transform: uppercase;
}

.estimate_summary_vehicle__line {
    display: block;
    width: 100%;
    height: 1px;
    background: rgba(255, 255, 255, .42)
}

.estimate_summary_vehicle__value {
    min-height: 24px;
    color: #fff;
    word-break: break-word;
    display: block;
    font-size: 16px;
    font-weight: 700;
    line-height: 1.45;
}

.estimate_summary_vehicle__value.is_empty {
    font-weight: 500;
    opacity: 1;
}

.estimate_summary_block--vehicle .estimate_summary_label {
    color: rgba(255, 255, 255, .85)
}

.estimate_summary_grid {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 16px 24px
}

.estimate_summary_label {
    display: block;
    margin-bottom: 4px;
    font-size: 12px;
    font-weight: 600;
    opacity: .85
}

.estimate_summary_notice {
    margin: 18px 0;
    padding: 14px 18px;
    background-color: #45c569;
    color: #fff;
    font-weight: 700;
    text-align: center;
    border-radius: 8px
}

.estimate_options_summary {
    margin-bottom: 22px;
    padding: 22px;
    border: 1px solid var(--techwave-border-color);
    border-radius: 0;
    background: var(--techwave-site-bg-color);
    box-shadow: 0 10px 28px rgba(0, 0, 0, .04)
}

.estimate_options_summary__top {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 20px;
    margin-bottom: 22px;
    padding: 18px 20px;
    border: 1px solid var(--techwave-border-color);
    border-radius: 0;
    background: linear-gradient(135deg, rgba(11, 91, 215, .06) 0%, rgba(11, 91, 215, .02) 100%)
}

.estimate_options_summary__title {
    margin: 0 0 6px;
    font-size: 18px;
    font-weight: 700;
    color: var(--techwave-heading-color)
}

.estimate_options_summary__text {
    margin: 0;
    max-width: 560px;
    font-size: 14px;
    line-height: 1.55;
    color: var(--techwave-body-color)
}

.estimate_options_summary__status {
    display: flex;
    flex-direction: column;
    align-items: flex-end;
    gap: 4px;
    flex-shrink: 0;
    padding: 10px 16px;
    border-radius: 12px;
    background-color: var(--techwave-site-bg-color);
    border: 1px solid var(--techwave-border-color);
    box-shadow: 0 8px 20px rgba(11, 91, 215, .08)
}

.estimate_options_summary__status_label {
    font-size: 11px;
    font-weight: 700;
    letter-spacing: .06em;
    text-transform: uppercase;
    color: var(--techwave-body-color)
}

.estimate_options_summary__status_value {
    font-size: 22px;
    font-weight: 800;
    line-height: 1;
    background: linear-gradient(135deg, var(--main-color) 0%, var(--main-color2) 100%);
    -webkit-background-clip: text;
    background-clip: text;
    color: transparent
}

.estimate_options_summary__columns {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 18px 22px
}

.estimate_options_summary__column {
    display: flex;
    flex-direction: column;
    gap: 14px;
    min-width: 0
}

.estimate_options_summary__group {
    padding: 16px 16px 14px;
    border: 1px solid var(--techwave-border-color);
    border-radius: 0;
    background: #ffffff;
    transition: border-color .2s ease, box-shadow .2s ease
}

.estimate_options_summary__group:hover {
    border-color: rgba(11, 91, 215, .28);
    box-shadow: 0 8px 20px rgba(11, 91, 215, .08)
}

.estimate_options_summary__group_head {
    display: grid;
    grid-template-columns: auto 1fr auto;
    align-items: center;
    gap: 10px;
    margin-bottom: 10px
}

.estimate_options_summary__group_icon {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 34px;
    height: 34px;
    border-radius: 10px;
    background: linear-gradient(135deg, var(--main-color) 0%, var(--main-color2) 100%);
    color: #fff;
    font-size: 13px;
    font-weight: 800
}

.estimate_options_summary__group_title {
    margin: 0;
    font-size: 1rem;
    font-weight: 400;
    color: var(--techwave-heading-color)
}

.estimate_options_summary__group_count {
    padding: 4px 12px;
    border-radius: 999px;
    background: rgba(11, 91, 215, .1);
    color: var(--main-color);
    font-size: 11px;
    font-weight: 700;
    display: flex;
    align-items: center;
    justify-content: center;
}

.estimate_options_summary__line {
    display: block;
    width: 100%;
    height: 1px;
    margin-bottom: 12px;
    background: var(--techwave-border-color)
}

.estimate_options_summary__list {
    display: flex;
    flex-direction: column;
    gap: 5px;
    margin: 0;
    padding: 0;
    list-style: none
}

.estimate_options_summary__item {
    display: flex;
    align-items: flex-start;
    gap: 10px;
    font-size: 16px;
    line-height: 1.45;
    color: var(--techwave-body-color);
    margin: 0;
}

.estimate_options_summary__dot {
    flex-shrink: 0;
    width: 7px;
    height: 7px;
    margin-top: 6px;
    border-radius: 50%;
    background: rgba(11, 91, 215, .35)
}

.estimate_options_summary__item.is_selected {
    color: var(--techwave-heading-color);
    font-weight: 600
}

.estimate_options_summary__item.is_selected .estimate_options_summary__dot {
    background: linear-gradient(135deg, var(--main-color) 0%, var(--main-color2) 100%);
    box-shadow: 0 0 0 3px rgba(11, 91, 215, .14)
}

.estimate_options_summary__item_text {
    min-width: 0
}

.estimate_summary_table_wrap {
    overflow-x: auto
}

.estimate_summary_table {
    width: 100%;
    border-collapse: collapse;
    min-width: 720px
}

.estimate_summary_table th,
.estimate_summary_table td {
    padding: 12px 14px;
    border-bottom: 1px solid var(--techwave-border-color);
    text-align: left;
    font-size: 14px
}

.estimate_summary_table thead th {
    background-color: var(--techwave-some-a-bg-color);
    font-weight: 600
}

.estimate_summary_table__empty {
    text-align: center;
    color: var(--techwave-body-color);
    padding: 28px !important
}

.estimate_summary_check {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    margin: 0;
    cursor: pointer
}

@media (max-width: 900px) {
    .estimate_stepper__label {
        font-size: 10px
    }

    .estimate_summary_grid {
        grid-template-columns: repeat(2, minmax(0, 1fr))
    }

    .estimate_summary_vehicle__grid {
        gap: 16px 20px
    }

    .estimate_company_card__row {
        grid-template-columns: 1fr
    }

    .estimate_claim_card__columns {
        grid-template-columns: 1fr
    }
}

@media (max-width: 640px) {
    .estimate_stepper {
        overflow-x: auto
    }

    .estimate_stepper__list {
        min-width: 680px
    }

    .estimate_form_card__body,
    .estimate_form_card__footer,
    .estimate_form_card__header {
        padding-left: 18px;
        padding-right: 18px
    }

    .estimate_form_card__footer {
        flex-direction: column
    }

    .estimate_btn {
        width: 100%
    }

    .estimate_summary_grid {
        grid-template-columns: 1fr
    }

    .estimate_summary_vehicle {
        padding: 20px 18px 22px
    }

    .estimate_summary_vehicle__head {
        flex-direction: column
    }

    .estimate_summary_vehicle__title {
        font-size: 24px
    }

    .estimate_summary_vehicle__name {
        font-size: 18px
    }

    .estimate_summary_vehicle__grid {
        grid-template-columns: 1fr
    }

    .estimate_options_summary__columns {
        grid-template-columns: 1fr
    }

    .estimate_options_summary__top {
        flex-direction: column;
        align-items: stretch
    }

    .estimate_options_summary__status {
        align-items: flex-start
    }

    .estimate_final_top_actions {
        width: 100%;
        justify-content: flex-end
    }
}


.estimate_step_panel .arrow {
    display: block;
    width: 50px;
    height: 14px;
    color: var(--techwave-heading-color);
    position: relative;
}

.estimate_step_panel .arrow:hover .fn__svg {
    left: 0;
    margin-left: 0;
}

.estimate_step_panel .arrow .fn__svg {
    width: 14px;
    height: 14px;
    display: block;
    position: absolute;
    top: 0;
    left: 50%;
    margin-left: -7px;
    transition: .3s;
    transform: rotate(180deg);
}

.estimate_step_panel .arrow:after {
    position: absolute;
    content: '';
    height: 2px;
    top: 50%;
    margin-top: -1px;
    background-color: var(--techwave-heading-color);
    transition: .3s;
    left: 100%;
    right: 0;
    margin-right: 0;
}

.estimate_step_panel .arrow:hover::after {
    right: 0;
    margin-left: 4px;
    left: 0;
}

.search_estimate_list {
    padding: 30px 40px 48px
}

.search_estimate_list__inner {
    margin: 0 auto
}

.search_estimate_list__head {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 16px;
    margin-bottom: 24px;
    padding: 18px 20px;
    border: 1px solid var(--techwave-border-color);
    border-radius: 0;
    background: linear-gradient(135deg, rgba(11, 91, 215, .06) 0%, rgba(11, 91, 215, .02) 100%)
}

.search_estimate_list__title {
    margin: 0;
    font-size: 20px;
    font-weight: 700;
    color: var(--techwave-heading-color)
}

.search_estimate_list__count {
    border-radius: 0;
    background: var(--techwave-site-bg-color);
    color: currentColor;
    font-size: 14px;
    font-weight: 500;
    letter-spacing: .04em;
    text-transform: uppercase
}

.search_estimate_card {
    position: relative;
    display: flex;
    flex-direction: column;
    height: 100%;
    border-radius: 0;
    overflow: hidden;
    background: var(--techwave-site-bg-color);
    border: 1px solid var(--techwave-border-color);
    box-shadow: 0 8px 24px rgba(15, 23, 42, .06);
    transition: border-color .25s ease, box-shadow .25s ease, transform .25s ease
}

.search_estimate_card__accent {
    position: absolute;
    top: 0;
    left: 0;
    width: 4px;
    height: 100%;
    /* background: linear-gradient(180deg, var(--main-color) 0%, var(--main-color2) 100%); */
    z-index: 2;
    transition: width .25s ease
}

.search_estimate_card:hover {
    transform: translateY(-3px);
    border-color: rgba(11, 91, 215, .35);
    box-shadow: 0 16px 36px rgba(11, 91, 215, .12)
}

.search_estimate_card:hover .search_estimate_card__accent {
    width: 6px
}

.search_estimate_card__header {
    position: relative;
    padding: 16px 16px 16px 20px;
    background: linear-gradient(135deg, var(--main-color) 0%, var(--main-color1) 50%, var(--main-color2) 100%);
    text-align: left;
    overflow: hidden
}

.search_estimate_card__header::before {
    content: "";
    position: absolute;
    top: -40px;
    right: -30px;
    width: 120px;
    height: 120px;
    background: rgba(255, 255, 255, .08);
    transform: rotate(45deg);
    pointer-events: none
}

.search_estimate_card__header_meta {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 10px;
    margin-bottom: 10px;
    position: relative;
    z-index: 1
}

.search_estimate_card__badge {
    display: inline-flex;
    align-items: center;
    padding: 4px 10px;
    border: 1px solid rgba(255, 255, 255, .28);
    border-radius: 0;
    background: rgba(255, 255, 255, .12);
    color: #fff;
    font-size: 10px;
    font-weight: 700;
    letter-spacing: .08em
}

.search_estimate_card__icon {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 32px;
    height: 32px;
    border-radius: 0;
    background: rgba(255, 255, 255, .14);
    color: #fff
}

.search_estimate_card__vehicle {
    margin: 0;
    position: relative;
    z-index: 1;
    font-size: 18px;
    font-weight: 500;
    line-height: 1.35;
    color: #fff
}

.search_estimate_card__body {
    flex: 1;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 6px;
    padding: 26px 18px 22px;
    background: var(--techwave-site-bg-color);
    text-align: center
}

.search_estimate_card__label {
    font-size: 12px;
    font-weight: 400;
    letter-spacing: .08em;
    text-transform: uppercase;
    color: var(--techwave-body-color)
}

.search_estimate_card__amount {
    font-size: 26px;
    font-weight: 800;
    line-height: 1.1;
    background: linear-gradient(135deg, var(--main-color) 0%, var(--main-color2) 100%);
    -webkit-background-clip: text;
    background-clip: text;
    color: transparent
}

.search_estimate_card__line {
    display: block;
    width: 56px;
    height: 2px;
    margin-top: 8px;
    background: linear-gradient(90deg, var(--main-color) 0%, var(--main-color2) 100%)
}

.search_estimate_card__footer {
    padding: 0;
    background: var(--techwave-some-a-bg-color);
    border-top: 1px solid var(--techwave-border-color)
}

.search_estimate_card__pay {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    width: 100%;
    padding: 14px 18px;
    border: none;
    border-radius: 0;
    background: linear-gradient(135deg, #28a745 0%, #20c05a 100%);
    color: #fff;
    font-weight: 400;
    cursor: pointer;
    transition: background .2s ease, color .2s ease
}

.search_estimate_card__pay svg {
    transition: transform .2s ease
}

.search_estimate_card__pay:hover {
    background: linear-gradient(135deg, #23963d 0%, #1cb352 100%);
    color: #fff
}

.search_estimate_card__pay:hover svg {
    transform: translateX(3px)
}

@media (max-width: 767px) {
    .search_estimate_list {
        padding: 0 20px 36px
    }

    .search_estimate_list__head {
        flex-direction: column;
        align-items: flex-start
    }

    .search_estimate_card__amount {
        font-size: 22px
    }
}

.labor_rates_page .generation__page {
    padding: 0 40px 48px
}

.labor_rates_header {
    padding: 40px 0 24px !important
}

.labor_rates_header .title {
    margin: 0;
    font-size: 28px;
    font-weight: 700;
    color: var(--techwave-heading-color)
}

.labor_rates_section_title {
    margin: 28px 0 16px;
    font-size: 22px;
    font-weight: 700;
    color: var(--main-color)
}

.labor_rates_panel {
    /* padding: 24px 28px; */
    /* border: 1px solid var(--techwave-border-color); */
    border-radius: 0;
    /* background: var(--techwave-site-bg-color); */
    /* box-shadow: 0 8px 24px rgba(15, 23, 42, .05); */
}

.labor_rates_panel--tax {
    margin-top: 20px
}

.labor_rates_row {
    display: grid;
    grid-template-columns: minmax(0, 1fr) 180px;
    gap: 20px 24px;
    padding: 16px 0;
    border-bottom: 1px solid var(--techwave-border-color)
}

.labor_rates_row:last-child {
    border-bottom: none;
    padding-bottom: 0
}

.labor_rates_row:first-child {
    padding-top: 0
}

.labor_rates_row--split {
    grid-template-columns: 1fr
}

.labor_rates_row__label {
    display: block;
    margin-bottom: 10px;
    font-size: 15px;
    font-weight: 700;
    color: var(--techwave-heading-color)
}

.labor_rates_row__inputs {
    display: flex;
    flex-direction: column;
    gap: 10px
}

.labor_rates_input {
    display: block;
    width: 100%;
    height: 48px;
    padding: 0 14px;
    border: 1px solid var(--techwave-border-color);
    border-radius: 0;
    background: var(--techwave-site-bg-color);
    color: var(--techwave-heading-color);
    font-size: 15px;
    outline: none;
    transition: border-color .2s ease, box-shadow .2s ease
}

.labor_rates_input:focus {
    border-color: var(--main-color);
    box-shadow: 0 0 0 3px rgba(11, 91, 215, .12)
}

.labor_rates_split {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 20px
}

.labor_rates_row__tax {
    display: flex;
    justify-content: flex-end
}

.labor_tax_toggle {
    display: flex;
    flex-direction: column;
    align-items: flex-end;
    gap: 10px;
    min-width: 150px
}

.labor_tax_toggle__label {
    font-size: 15px;
    font-weight: 700;
    color: var(--techwave-heading-color);
    white-space: nowrap
}

.labor_tax_toggle__switch {
    display: inline-block;
    margin: 0;
    cursor: pointer
}

.labor_tax_toggle__input {
    position: absolute;
    opacity: 0;
    pointer-events: none
}

.labor_tax_toggle__track {
    position: relative;
    display: block;
    width: 98px;
    height: 42px;
    border-radius: 999px;
    background: #ef4444;
    transition: background-color .25s ease
}

.labor_tax_toggle__knob {
    position: absolute;
    top: 5px;
    left: 5px;
    width: 32px;
    height: 32px;
    border-radius: 50%;
    background: #fff;
    box-shadow: 0 1px 4px rgba(15, 23, 42, .18);
    transition: left .25s ease, right .25s ease
}

.labor_tax_toggle__text {
    position: absolute;
    top: 50%;
    right: 16px;
    transform: translateY(-50%);
    color: #fff;
    font-size: 16px;
    font-weight: 600;
    line-height: 1;
    z-index: 1;
    pointer-events: none
}

.labor_tax_toggle__text::before {
    content: 'No'
}

.labor_tax_toggle__input:checked+.labor_tax_toggle__track {
    background: #22c55e
}

.labor_tax_toggle__input:checked+.labor_tax_toggle__track .labor_tax_toggle__knob {
    left: auto;
    right: 5px
}

.labor_tax_toggle__input:checked+.labor_tax_toggle__track .labor_tax_toggle__text {
    right: auto;
    left: 16px
}

.labor_tax_toggle__input:checked+.labor_tax_toggle__track .labor_tax_toggle__text::before {
    content: 'Yes'
}

.labor_tax_toggle__switch:hover .labor_tax_toggle__track {
    filter: brightness(1.03)
}

@media (max-width: 991px) {
    .labor_rates_row {
        grid-template-columns: 1fr
    }

    .labor_rates_row__tax,
    .labor_tax_toggle {
        align-items: flex-start
    }

    .labor_rates_split {
        grid-template-columns: 1fr
    }
}

@media (max-width: 767px) {
    .labor_rates_page .generation__page {
        padding: 0 20px 36px
    }

    .labor_rates_panel {
        padding: 18px 16px
    }
}

.profile_shop_info {
    margin-top: 0
}

.profile_shop_info .title {
    display: none
}

.profile_shop_card {
    position: relative;
    border: 1px solid var(--techwave-border-color);
    border-radius: 0;
    overflow: hidden;
    background: var(--techwave-site-bg-color);
    box-shadow: 0 12px 32px rgba(11, 91, 215, .08)
}

.profile_shop_card__accent {
    height: 4px;
    background: linear-gradient(90deg, var(--main-color) 0%, var(--main-color2) 55%, #45c569 100%)
}

.profile_shop_card__header {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 20px;
    padding: 22px 24px 18px;
    border-bottom: 1px solid var(--techwave-border-color);
    background: linear-gradient(135deg, rgba(11, 91, 215, .06) 0%, rgba(11, 91, 215, .02) 100%)
}

.profile_shop_card__eyebrow {
    display: inline-flex;
    align-items: center;
    margin-bottom: 8px;
    padding: 5px 12px;
    border-radius: 0;
    background: rgba(11, 91, 215, .1);
    color: var(--main-color);
    font-size: 11px;
    font-weight: 700;
    letter-spacing: .06em;
    text-transform: uppercase
}

.profile_shop_card__title {
    margin: 0 0 6px;
    font-size: 20px;
    font-weight: 700;
    color: var(--techwave-heading-color)
}

.profile_shop_card__text {
    margin: 0;
    max-width: 420px;
    font-size: 14px;
    line-height: 1.5;
    color: var(--techwave-body-color)
}

.profile_shop_card__brand_wrap {
    display: flex;
    flex-direction: column;
    align-items: flex-end;
    gap: 8px;
    flex-shrink: 0
}

.profile_shop_card__brand {
    font-size: 34px;
    font-weight: 800;
    line-height: 1;
    letter-spacing: -.02em;
    background: linear-gradient(135deg, var(--main-color) 0%, var(--main-color2) 100%);
    -webkit-background-clip: text;
    background-clip: text;
    color: transparent
}

.profile_shop_card__badge {
    display: inline-flex;
    align-items: center;
    padding: 5px 12px;
    border: 1px solid rgba(11, 91, 215, .22);
    border-radius: 0;
    background: var(--techwave-site-bg-color);
    color: var(--main-color);
    font-size: 11px;
    font-weight: 700;
    letter-spacing: .04em;
    text-transform: uppercase
}

.profile_shop_card__body {
    padding: 20px 24px 8px
}

.profile_shop_card__groups {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 18px
}

.profile_shop_card__group {
    padding: 16px 18px;
    border: 1px solid var(--techwave-border-color);
    border-radius: 0;
    background: var(--techwave-some-r-bg-color);
}

.profile_shop_card__group_head {
    display: flex;
    align-items: center;
    gap: 10px;
    margin-bottom: 14px;
    padding-bottom: 12px;
    border-bottom: 1px solid var(--techwave-border-color)
}

.profile_shop_card__group_icon {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 34px;
    height: 34px;
    border-radius: 0;
    background: linear-gradient(135deg, var(--main-color) 0%, var(--main-color2) 100%);
    color: #fff
}

.profile_shop_card__group_title {
    margin: 0;
    font-size: 16px;
    font-weight: 500;
    color: var(--techwave-heading-color)
}

.profile_shop_card__grid {
    display: grid;
    grid-template-columns: 1fr;
    gap: 12px
}

.profile_shop_card__field {
    display: flex;
    flex-direction: column;
    gap: 4px
}

.profile_shop_card__label {
    font-weight: 500;
    letter-spacing: .5px;
    font-size: 11px;
    text-transform: uppercase;
    color: var(--techwave-body-color);
    font-family: var(--techwave-heading-font-family);
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.profile_shop_card__value {
    font-weight: 700;
    line-height: 1.4;
    word-break: break-word;
    margin: 0;
    padding: 0;
    letter-spacing: 0;
    font-size: 16px;
    color: var(--techwave-heading-color);
    font-family: var(--techwave-heading-font-family);
}

.profile_shop_card__value.is_empty {
    font-weight: 500;
    color: var(--techwave-body-color)
}

.profile_shop_card__footer {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 16px;
    flex-wrap: wrap;
    padding: 16px 24px 20px;
    border-top: 1px solid var(--techwave-border-color);
    background: linear-gradient(180deg, transparent 0%, rgba(11, 91, 215, .03) 100%)
}

.profile_shop_card__footer_meta {
    display: flex;
    flex-wrap: wrap;
    gap: 8px
}

.profile_shop_card__footer_item {
    padding: 5px 10px;
    border: 1px solid var(--techwave-border-color);
    border-radius: 0;
    background: var(--techwave-site-bg-color);
    color: var(--techwave-heading-color);
    font-size: 12px;
    font-weight: 600
}

.profile_shop_card__edit {
    display: inline-flex;
    align-items: center;
    padding: 10px 18px;
    border: 1px solid rgba(11, 91, 215, .28);
    border-radius: 0;
    background: linear-gradient(135deg, var(--main-color) 0%, var(--main-color2) 100%);
    color: #fff;
    font-size: 13px;
    font-weight: 600;
    text-decoration: none;
    transition: box-shadow .2s ease, transform .2s ease
}

.profile_shop_card__edit:hover {
    color: #fff;
    transform: translateY(-1px);
    box-shadow: 0 8px 18px rgba(11, 91, 215, .24)
}

@media (max-width: 991px) {
    .profile_shop_card__groups {
        grid-template-columns: 1fr
    }

    .profile_shop_card__header {
        flex-direction: column
    }

    .profile_shop_card__brand_wrap {
        align-items: flex-start
    }
}

@media (max-width: 767px) {

    .profile_shop_card__header,
    .profile_shop_card__body,
    .profile_shop_card__footer {
        padding-left: 18px;
        padding-right: 18px
    }

    .profile_shop_card__footer {
        flex-direction: column;
        align-items: stretch
    }

    .profile_shop_card__edit {
        justify-content: center
    }
}

.qs_login_page {
    margin: 0;
    min-height: 100vh;
    background: #fff;
    font-family: var(--techwave-body-font-family, 'Heebo', sans-serif)
}

.qs_login_page .qs_login__panel--form {}

.qs_login {
    display: flex;
    min-height: 100vh;
    position: relative;
    overflow: hidden
}

.qs_login__panel {
    position: relative;
    z-index: 1
}

.qs_login__panel--form {
    flex: 0 0 46%;
    max-width: 560px;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 40px 48px
}

.qs_login__panel--info {
    flex: 1;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 0;
    color: #fff
}

.qs_login__panel_inner {
    width: 100%;
    max-width: 520px;
    border-radius: 0;
    background: rgb(255 255 255);
    border: 1px solid rgba(255, 255, 255, .18);
    backdrop-filter: blur(6px);
    padding: 24px;
}

.qs_login__panel_inner--info {
    max-width: 520px;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    min-height: calc(100vh - 50px);
    background: transparent;
    border: none;
    backdrop-filter: none;
    padding: 0;
}

.qs_login__divider {
    position: absolute;
    top: 0;
    bottom: 0;
    left: calc(46% - 60px);
    width: 120px;
    z-index: 2;
    color: var(--main-color);
    pointer-events: none
}

.qs_login__divider svg {
    width: 100%;
    height: 100%;
    display: block
}

.qs_login__logo {
    display: inline-block;
    margin-bottom: 36px
}

.qs_login__logo img {
    display: block;
    height: auto
}

.qs_login__welcome {
    margin-bottom: 28px
}

.qs_login__welcome_label {
    display: block;
    margin-bottom: 4px;
    font-size: 15px;
    font-weight: 500;
    color: #6b7280
}

.qs_login__welcome_title {
    margin: 0;
    font-size: 42px;
    font-weight: 800;
    line-height: 1.05;
    letter-spacing: -.02em;
    color: #1f2937
}

.qs_login__welcome_tagline {
    margin: 8px 0 0;
    font-size: 12px;
    font-weight: 700;
    letter-spacing: .14em;
    text-transform: uppercase;
    color: var(--main-color)
}

.qs_login__form {
    display: flex;
    flex-direction: column;
    gap: 14px
}

.qs_login__section_label {
    margin: 4px 0 0;
    font-size: 13px;
    font-weight: 600;
    color: #9ca3af
}

.qs_login__field {
    display: flex;
    flex-direction: column;
    gap: 6px
}

.qs_login__label {
    font-size: 20px;
    font-weight: 400;
    color: #000000;
}

.qs_login__input_wrap {
    position: relative
}

.qs_login__input,
.qs_login__select {
    display: block;
    width: 100%;
    height: 48px;
    padding: 0 14px;
    border: 1px solid #d7dce3;
    border-radius: 8px;
    background: #fff;
    color: #1f2937;
    font-size: 15px;
    outline: none;
    transition: border-color .2s ease, box-shadow .2s ease
}

.qs_login__select {
    appearance: none;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8' fill='none'%3E%3Cpath d='M1 1.5L6 6.5L11 1.5' stroke='%236B7280' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-position: right 14px center;
    padding-right: 38px
}

.qs_login__input:focus,
.qs_login__select:focus {
    border-color: var(--main-color);
    box-shadow: 0 0 0 3px rgba(11, 91, 215, .14)
}

.qs_login__input::placeholder {
    color: #b0b7c3
}

.qs_login__alert {
    padding: 12px 14px;
    border-radius: 8px;
    font-size: 14px;
    font-weight: 600;
    line-height: 1.4
}

.qs_login__alert--success {
    background: #28a745;
    color: #fff
}

.qs_login__form_row {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    flex-wrap: wrap;
    margin-top: 2px
}

.qs_login__remember {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    margin: 0;
    font-size: 14px;
    color: #9ca3af;
    cursor: pointer
}

.qs_login__remember input {
    position: absolute;
    opacity: 0;
    pointer-events: none
}

.qs_login__remember_marker {
    width: 18px;
    height: 18px;
    border: 2px solid #d7dce3;
    border-radius: 50%;
    background: #fff;
    position: relative;
    flex-shrink: 0;
    transition: border-color .2s ease, background-color .2s ease
}

.qs_login__remember input:checked+.qs_login__remember_marker {
    border-color: var(--main-color);
    background: var(--main-color)
}

.qs_login__remember input:checked+.qs_login__remember_marker::after {
    content: "";
    position: absolute;
    top: 50%;
    left: 50%;
    width: 6px;
    height: 6px;
    /* border-radius: 50%; */
    /* background: #fff; */
    transform: translate(-50%, -50%)
}

.qs_login__link {
    font-size: 14px;
    font-weight: 500;
    color: var(--main-color);
    text-decoration: none
}

.qs_login__link:hover {
    text-decoration: underline
}

.qs_login__link--bold {
    font-weight: 700
}

.qs_login__submit {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    width: 100%;
    height: 50px;
    margin-top: 6px;
    border: none;
    border-radius: 8px;
    background: linear-gradient(135deg, var(--main-color) 0%, var(--main-color2) 100%);
    color: #fff;
    font-size: 14px;
    font-weight: 700;
    letter-spacing: .08em;
    text-transform: uppercase;
    cursor: pointer;
    box-shadow: 0 10px 24px rgba(11, 91, 215, .28);
    transition: transform .2s ease, box-shadow .2s ease
}

.qs_login__submit:hover {
    transform: translateY(-1px);
    box-shadow: 0 14px 28px rgba(11, 91, 215, .34)
}

.qs_login__secondary_btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    width: 100%;
    height: 48px;
    border: 1px solid #d7dce3;
    border-radius: 8px;
    background: #f3f4f6;
    color: #4b5563;
    font-size: 13px;
    font-weight: 700;
    letter-spacing: .06em;
    text-transform: uppercase;
    text-decoration: none;
    transition: border-color .2s ease, background-color .2s ease
}

.qs_login__secondary_btn:hover {
    border-color: #c5ccd6;
    background: #eceff3;
    color: #374151
}

.qs_login__signup_text {
    margin: 4px 0 0;
    text-align: center;
    font-size: 14px;
    color: #9ca3af
}

.qs_login__footer_nav {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 12px;
    margin-top: 36px;
    font-size: 13px;
    color: #b0b7c3
}

.qs_login__footer_nav a {
    color: #9ca3af;
    text-decoration: none
}

.qs_login__footer_nav a:hover {
    color: var(--main-color)
}

.qs_login__app_download {
    margin-top: 28px;
    padding-top: 24px;
    border-top: 1px solid #eef1f5
}

.qs_login__app_download_label {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    margin: 0 0 14px;
    font-size: 13px;
    font-weight: 600;
    letter-spacing: .02em;
    color: #6b7280
}

.qs_login__app_stores {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 10px
}

.qs_login__store_btn {
    display: flex;
    align-items: center;
    gap: 10px;
    min-height: 52px;
    padding: 10px 12px;
    border-radius: 14px;
    border: 1px solid #1f2937;
    background: linear-gradient(145deg, #111827 0%, #0f172a 100%);
    color: #fff;
    text-decoration: none;
    box-shadow: 0 10px 24px rgba(15, 23, 42, .14);
    transition: transform .2s ease, box-shadow .2s ease, border-color .2s ease
}

.qs_login__store_btn:hover {
    transform: translateY(-2px);
    border-color: #374151;
    box-shadow: 0 14px 28px rgba(15, 23, 42, .22);
    color: #fff
}

.qs_login__store_btn:focus-visible {
    outline: 2px solid var(--main-color);
    outline-offset: 2px
}

.qs_login__store_btn--google {
    background: linear-gradient(145deg, #0f172a 0%, #111827 55%, #1e293b 100%)
}

.qs_login__store_icon {
    display: inline-flex;
    flex-shrink: 0;
    align-items: center;
    justify-content: center;
    width: 34px;
    height: 34px;
    border-radius: 10px;
    background: rgba(255, 255, 255, .08)
}

.qs_login__store_icon--google {
    width: 36px;
    height: 36px;
    background: transparent
}

.qs_login__store_icon--google svg {
    display: block;
    width: 24px;
    height: 24px
}

.qs_login__store_text {
    display: flex;
    flex-direction: column;
    min-width: 0;
    line-height: 1.1
}

.qs_login__store_eyebrow {
    font-size: 10px;
    font-weight: 500;
    letter-spacing: .01em;
    color: rgba(255, 255, 255, .72);
    text-transform: none
}

.qs_login__store_name {
    font-size: 14px;
    font-weight: 700;
    letter-spacing: -.01em
}

.qs_login__info_content {
    display: flex;
    flex-direction: column;
    height: 100%;
    justify-content: space-between;
    min-height: calc(100vh - 50px);
}

.qs_login__info_content img {
    display: block;
    width: 100%;
    height: auto;
    margin: 0 0 20px;
    border-radius: 12px;
}

.qs_login__video {
    position: relative;
    width: 100%;
    aspect-ratio: 16 / 9;
    border-radius: 12px;
    overflow: hidden;
    background: rgba(0, 0, 0, .25);
    box-shadow: 0 8px 24px rgba(0, 0, 0, .2)
}

.qs_login__video iframe {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    border: 0
}

.qs_login__play_wrap {
    margin-top: 28px
}

.qs_login__play_btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 88px;
    height: 88px;
    padding: 0;
    border: 0;
    border-radius: 50%;
    background: linear-gradient(135deg, rgb(255 255 255 / 60%) 0%, rgb(219 233 255 / 70%) 100%);
    color: var(--main-color);
    box-shadow: 0 14px 36px rgba(0, 0, 0, .22);
    cursor: pointer;
    transition: transform .2s ease, box-shadow .2s ease
}

.qs_login__play_btn:hover {
    transform: scale(1.05);
    box-shadow: 0 18px 40px rgba(0, 0, 0, .28);
    color: var(--main-color1)
}

.qs_login__play_btn svg {
    margin-left: 0;
    width: 60px;
    height: 60px;
}

.qs_login__play_label {
    margin: 10px 0 0;
    font-size: 1.25rem;
    font-weight: 300;
    color: rgba(255, 255, 255, .92)
}

body.qs_video_modal_open {
    overflow: hidden
}

.qs_video_modal {
    position: fixed;
    inset: 0;
    z-index: 10050;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: clamp(12px, 3vw, 28px);
    opacity: 0;
    visibility: hidden;
    pointer-events: none;
    transition: opacity .28s ease, visibility .28s ease
}

.qs_video_modal.is_open {
    opacity: 1;
    visibility: visible;
    pointer-events: auto
}

.qs_video_modal__overlay {
    position: absolute;
    inset: 0;
    background: rgba(8, 18, 38, .78);
    backdrop-filter: blur(4px);
    cursor: pointer
}

.qs_video_modal__dialog {
    position: relative;
    z-index: 1;
    display: flex;
    flex-direction: column;
    width: min(960px, 100%);
    max-height: calc(100vh - 32px);
    border-radius: 18px;
    overflow: hidden;
    background: #0b1220;
    box-shadow:
        0 28px 80px rgba(0, 0, 0, .45),
        0 0 0 1px rgba(255, 255, 255, .08);
    transform: translateY(18px) scale(.97);
    transition: transform .28s ease
}

.qs_video_modal.is_open .qs_video_modal__dialog {
    transform: translateY(0) scale(1)
}

.qs_video_modal__header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 16px;
    padding: 14px 18px;
    background: linear-gradient(180deg, #111827 0%, #0f172a 100%);
    border-bottom: 1px solid rgba(255, 255, 255, .08)
}

.qs_video_modal__title {
    margin: 0;
    font-size: 17px;
    font-weight: 700;
    letter-spacing: -.01em;
    color: #f8fafc
}

.qs_video_modal__close {
    display: inline-flex;
    flex-shrink: 0;
    align-items: center;
    justify-content: center;
    width: 38px;
    height: 38px;
    padding: 0;
    border: 1px solid rgba(255, 255, 255, .12);
    border-radius: 12px;
    background: rgba(255, 255, 255, .06);
    color: #e2e8f0;
    cursor: pointer;
    transition: background-color .2s ease, border-color .2s ease, color .2s ease, transform .2s ease
}

.qs_video_modal__close:hover {
    background: rgba(255, 255, 255, .12);
    border-color: rgba(255, 255, 255, .2);
    color: #fff;
    transform: scale(1.04)
}

.qs_video_modal__body {
    flex: 1 1 auto;
    min-height: 0;
    background: #000
}

.qs_login__video_modal_ratio {
    position: relative;
    width: 100%;
    aspect-ratio: 16 / 9;
    max-height: calc(100vh - 120px);
    background: #000
}

.qs_login__video_modal_ratio iframe {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    border: 0;
    background: #000
}

@media (max-width: 991px) {
    .qs_video_modal {
        align-items: center
    }

    .qs_video_modal__dialog {
        width: min(720px, 100%)
    }
}

@media (max-width: 767px) {
    .qs_video_modal {
        padding: 0;
        align-items: flex-end
    }

    .qs_video_modal__dialog {
        width: 100%;
        max-height: 92vh;
        border-radius: 18px 18px 0 0
    }

    .qs_login__video_modal_ratio {
        aspect-ratio: auto;
        height: min(58vw, 52vh);
        max-height: none
    }

    .qs_login__play_btn {
        width: 72px;
        height: 72px
    }

    .qs_login__play_btn svg {
        width: 42px;
        height: 42px
    }
}

@media (max-width: 480px) {
    .qs_video_modal__header {
        padding: 12px 14px
    }

    .qs_video_modal__title {
        font-size: 15px
    }

    .qs_login__video_modal_ratio {
        height: 56vw
    }
}

.qs_login__info_title {
    margin: 0 0 14px;
    font-size: 3rem;
    font-weight: 700;
    line-height: 1.2;
    color: #fff;
}

.qs_login__info_text {
    margin: 0 0 28px;
    font-size: 15px;
    line-height: 1.65;
    color: rgba(255, 255, 255, .9);
    max-width: 460px
}

.qs_login__info_subtitle {
    margin: 0 0 14px;
    font-size: 20px;
    font-weight: 700
}

.qs_login__features {
    margin: 0;
    padding: 0;
    list-style: none;
    display: flex;
    flex-direction: column;
    gap: 6px;
}

.qs_login__features li {
    position: relative;
    padding-left: 18px;
    font-size: 15px;
    line-height: 1.5;
    color: rgba(255, 255, 255, .92)
}

.qs_login__features li::before {
    content: "";
    position: absolute;
    left: 0;
    top: 9px;
    width: 7px;
    height: 7px;
    border-radius: 50%;
    background: #fff;
    box-shadow: 0 0 0 4px rgba(255, 255, 255, .16)
}

.qs_login__illustration {
    position: relative;
    margin-top: 40px;
    padding-top: 20px;
    text-align: center
}

.qs_login__illustration_glow {
    position: absolute;
    left: 50%;
    bottom: 30px;
    width: 280px;
    height: 120px;
    border-radius: 50%;
    background: rgba(255, 255, 255, .14);
    filter: blur(30px);
    transform: translateX(-50%)
}

.qs_login__car {
    position: relative;
    z-index: 1;
    width: min(100%, 380px);
    height: auto;
    margin: 0 auto;
    color: rgba(255, 255, 255, .95);
    filter: drop-shadow(0 12px 28px rgba(0, 0, 0, .18))
}

.qs_login__illustration_caption {
    position: relative;
    z-index: 1;
    margin: 14px 0 0;
    font-size: 18px;
    font-weight: 600;
    color: rgba(255, 255, 255, .95)
}

@media (max-width: 1100px) {
    .qs_login__panel--form {
        flex: 0 0 50%;
        max-width: none
    }

    .qs_login__divider {
        left: calc(50% - 50px);
        width: 100px
    }
}

@media (max-width: 991px) {
    .qs_login {
        flex-direction: column
    }

    .qs_login__panel--form,
    .qs_login__panel--info {
        flex: none;
        max-width: none;
        width: 100%
    }

    .qs_login__panel--form {
        padding: 36px 24px 28px
    }

    .qs_login__panel--info {
        padding: 40px 24px 48px
    }

    .qs_login__divider {
        display: none
    }

    .qs_login__panel_inner--info {
        min-height: auto;
        max-width: none
    }

    .qs_login__welcome_title {
        font-size: 34px
    }

    .qs_login__illustration {
        margin-top: 28px
    }
}

/* Register page */
.qs_register_page .qs_login__panel--form {
    flex: 0 0 52%;
    max-width: 640px;
    align-items: flex-start;
    overflow-y: auto;
    padding: 32px 40px 40px
}

.qs_register__panel_inner {
    max-width: 480px
}

.qs_register_page .qs_login__logo {
    margin-bottom: 24px
}

.qs_register__header {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 16px;
    margin-bottom: 22px;
    padding-bottom: 18px;
    border-bottom: 1px solid #eef1f5
}

.qs_register__eyebrow {
    margin: 0 0 4px;
    font-size: 12px;
    font-weight: 700;
    letter-spacing: .12em;
    text-transform: uppercase;
    color: var(--main-color)
}

.qs_register__title {
    margin: 0;
    font-size: 26px;
    font-weight: 800;
    line-height: 1.15;
    letter-spacing: -.02em;
    color: #1f2937
}

.qs_register__close {
    display: inline-flex;
    flex-shrink: 0;
    align-items: center;
    justify-content: center;
    width: 38px;
    height: 38px;
    border-radius: 12px;
    border: 1px solid #e5e7eb;
    background: #f9fafb;
    color: #6b7280;
    text-decoration: none;
    transition: border-color .2s ease, background-color .2s ease, color .2s ease
}

.qs_register__close:hover {
    border-color: #d1d5db;
    background: #f3f4f6;
    color: #374151
}

.qs_register__form {
    gap: 12px
}

.qs_login__row {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 12px
}

.qs_register__captcha {
    margin-top: 4px
}

.qs_register__captcha_box {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 16px;
    min-height: 74px;
    padding: 14px 16px;
    border: 1px solid #e5e7eb;
    border-radius: 12px;
    background: linear-gradient(180deg, #fafbfc 0%, #f5f6f8 100%);
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, .9)
}

.qs_register__captcha_check {
    display: inline-flex;
    align-items: center;
    gap: 12px;
    margin: 0;
    font-size: 14px;
    font-weight: 500;
    color: #374151;
    cursor: pointer;
    user-select: none
}

.qs_register__captcha_check input {
    position: absolute;
    opacity: 0;
    pointer-events: none
}

.qs_register__captcha_marker {
    width: 24px;
    height: 24px;
    border: 2px solid #c5ccd6;
    border-radius: 4px;
    background: #fff;
    transition: border-color .2s ease, background-color .2s ease
}

.qs_register__captcha_check input:checked+.qs_register__captcha_marker {
    border-color: var(--main-color);
    background: var(--main-color)
}

.qs_register__captcha_check input:checked+.qs_register__captcha_marker::after {
    content: "";
    display: block;
    width: 6px;
    height: 10px;
    margin: 3px auto 0;
    border-right: 2px solid #fff;
    border-bottom: 2px solid #fff;
    transform: rotate(45deg)
}

.qs_register__captcha_meta {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 2px;
    min-width: 72px;
    text-align: center
}

.qs_register__captcha_label {
    font-size: 10px;
    font-weight: 700;
    letter-spacing: .04em;
    color: #6b7280
}

.qs_register__captcha_links {
    font-size: 9px;
    color: #9ca3af
}

.qs_register__actions {
    display: grid;
    grid-template-columns: 1fr 1.2fr;
    gap: 12px;
    margin-top: 8px
}

.qs_register__btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 48px;
    padding: 12px 20px;
    border-radius: 999px;
    font-size: 14px;
    font-weight: 700;
    letter-spacing: .02em;
    text-decoration: none;
    border: none;
    cursor: pointer;
    transition: transform .2s ease, box-shadow .2s ease, background-color .2s ease, border-color .2s ease
}

.qs_register__btn--ghost {
    border: 1px solid #d1d5db;
    background: #f3f4f6;
    color: #4b5563
}

.qs_register__btn--ghost:hover {
    border-color: #c5ccd6;
    background: #eceff3;
    color: #374151
}

.qs_register__btn--primary {
    background: linear-gradient(135deg, var(--main-color) 0%, var(--main-color1) 100%);
    color: #fff;
    box-shadow: 0 10px 24px rgba(11, 91, 215, .22)
}

.qs_register__btn--primary:hover {
    transform: translateY(-1px);
    box-shadow: 0 14px 28px rgba(11, 91, 215, .28);
    color: #fff
}

.qs_register__signin {
    margin: 20px 0 0;
    text-align: center;
    font-size: 14px;
    color: #9ca3af
}

.qs_register__signin a {
    color: var(--main-color);
    font-weight: 600;
    text-decoration: none
}

.qs_register__signin a:hover {
    text-decoration: underline
}

.qs_register__footer_nav {
    margin-top: 24px
}

.qs_register__features {
    margin-bottom: 24px
}

@media (max-width: 991px) {
    .qs_register_page .qs_login__panel--form {
        flex: none;
        max-width: none;
        overflow-y: visible
    }

    .qs_login__row {
        grid-template-columns: 1fr
    }

    .qs_register__actions {
        grid-template-columns: 1fr
    }
}

@media (max-width: 480px) {
    .qs_register__captcha_box {
        flex-direction: column;
        align-items: flex-start
    }

    .qs_register__captcha_meta {
        flex-direction: row;
        align-items: center;
        gap: 8px
    }
}

/* Forgot password page */
.qs_forgot_page .qs_login__panel--form {
    flex: 0 0 46%;
    max-width: 560px;
    align-items: center
}

.qs_forgot__panel_inner {
    max-width: 400px
}

.qs_forgot__intro {
    display: flex;
    gap: 14px;
    align-items: flex-start;
    margin-bottom: 22px;
    /* padding: 16px; */
    /* border: 1px solid #eef1f5; */
    /* border-radius: 14px; */
    /* background: linear-gradient(180deg, #fafbfc 0%, #f8fafc 100%); */
}

.qs_forgot__icon {
    display: inline-flex;
    flex-shrink: 0;
    align-items: center;
    justify-content: center;
    width: 48px;
    height: 48px;
    border-radius: 14px;
    background: rgba(11, 91, 215, .08);
    color: var(--main-color)
}

.qs_forgot__text {
    margin: 0;
    font-size: 14px;
    line-height: 1.6;
    color: #6b7280
}

.qs_forgot__form {
    gap: 16px
}

.qs_forgot__actions {
    margin-top: 4px
}

.qs_forgot__help_card {
    margin-top: 8px;
    padding: 20px;
    border-radius: 14px;
    background: rgba(255, 255, 255, .12);
    border: 1px solid rgba(255, 255, 255, .18);
    backdrop-filter: blur(6px)
}

.qs_forgot__help_title {
    margin: 0 0 6px;
    font-size: 16px;
    font-weight: 700;
    color: #fff
}

.qs_forgot__help_text {
    margin: 0 0 14px;
    font-size: 14px;
    line-height: 1.55;
    color: rgba(255, 255, 255, .88)
}

.qs_forgot__help_link {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 40px;
    padding: 0 18px;
    border-radius: 999px;
    background: #fff;
    color: var(--main-color);
    font-size: 13px;
    font-weight: 700;
    text-decoration: none;
    transition: transform .2s ease, box-shadow .2s ease
}

.qs_forgot__help_link:hover {
    transform: translateY(-1px);
    box-shadow: 0 8px 20px rgba(0, 0, 0, .15);
    color: var(--main-color)
}

@media (max-width: 991px) {
    .qs_forgot_page .qs_login__panel--form {
        flex: none;
        max-width: none
    }
}

/* Contact page */
.contactpage__intro {
    margin-bottom: 28px
}

.contactpage__eyebrow {
    margin: 0 0 10px;
    font-size: 12px;
    font-weight: 700;
    letter-spacing: .12em;
    text-transform: uppercase;
    color: var(--main-color)
}

.contactpage__lead {
    margin: 0 0 14px;
    font-size: 20px;
    line-height: 1.45;
    font-weight: 600;
    color: var(--techwave-heading-color)
}

.contactpage__info_grid {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 14px;
    margin-bottom: 28px
}

.contactpage__info_card {
    padding: 18px 20px;
    border: 2px solid var(--techwave-border-color);
    border-radius: 12px;
    background: var(--techwave-some-r-bg-color)
}

.contactpage__info_label {
    display: block;
    margin-bottom: 8px;
    font-size: 12px;
    font-weight: 700;
    letter-spacing: .08em;
    text-transform: uppercase;
    color: var(--techwave-body-color)
}

.contactpage__info_value {
    display: block;
    font-size: 16px;
    line-height: 1.4;
    font-weight: 600;
    text-decoration: none
}

a.contactpage__info_value:hover {
    color: var(--main-color)
}

.contactpage__aside_title {
    margin: 0 0 14px;
    font-size: 20px;
    font-weight: 700;
    color: var(--techwave-heading-color)
}

.contactpage__aside_list {
    margin: 0 0 18px;
    padding-left: 20px
}

.contactpage__aside_list li {
    margin-bottom: 10px;
    line-height: 1.55
}

.contactpage__aside_list a {
    color: var(--main-color);
    font-weight: 600;
    text-decoration: none
}

.contactpage__aside_list a:hover {
    text-decoration: underline
}

.contactpage__hours {
    margin-bottom: 14px
}

.fn_contact_form .returnmessage.show,
.fn_contact_form .empty_notice.show {
    display: block
}

.fn_contact_form button.techwave_fn_button {
    border: none;
    cursor: pointer;
    font: inherit
}

@media (max-width: 991px) {
    .contactpage__info_grid {
        grid-template-columns: 1fr
    }
}

/* Notifications page */
.notificationspage__intro {
    margin-bottom: 24px
}

.notificationspage__eyebrow {
    margin: 0 0 10px;
    font-size: 12px;
    font-weight: 700;
    letter-spacing: .12em;
    text-transform: uppercase;
    color: var(--main-color)
}

.notificationspage__lead {
    margin: 0;
    font-size: 18px;
    line-height: 1.5;
    color: var(--techwave-heading-color)
}

.notificationspage__section_title {
    margin: 0 0 16px;
    font-size: 22px;
    font-weight: 700;
    color: var(--techwave-heading-color)
}

.techwave_fn_notifications_list .notification__item {
    text-decoration: none
}

.techwave_fn_notifications_list .notification__item:hover .item__title {
    color: var(--main-color)
}

.billingpage__note {
    margin-top: 28px;
    padding: 20px 24px;
    border: 1px solid var(--techwave-border-color);
    border-radius: 12px;
    background: var(--techwave-some-r-bg-color);
    font-size: 16px;
    line-height: 1.6
}

.billingpage__note p {
    margin: 0
}

.billingpage__note a {
    color: var(--main-color);
    font-weight: 600;
    text-decoration: none
}

.billingpage__note a:hover {
    text-decoration: underline
}

.settings_section {
    margin-bottom: 24px
}

.settings_section__title {
    margin: 0 0 14px;
    font-size: 14px;
    font-weight: 700;
    letter-spacing: .08em;
    text-transform: uppercase;
    color: var(--main-color)
}

.settings_fields_row {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 0 16px
}

.settings_password_link .techwave_fn_button {
    text-decoration: none
}

.techwave_fn_user_settings .input_item select.input {
    width: 100%;
    appearance: auto
}

@media (max-width: 767px) {
    .settings_fields_row {
        grid-template-columns: 1fr
    }
}

.change_password__aside {
    height: 100%;
    min-height: 320px;
    padding: 28px 24px;
    border: 1px solid var(--techwave-border-color);
    border-radius: 0;
    background: var(--techwave-some-r-bg-color)
}

.change_password__icon {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 52px;
    height: 52px;
    margin-bottom: 16px;
    border-radius: 14px;
    background: rgba(11, 91, 215, .1);
    color: var(--main-color)
}

.change_password__title {
    margin: 0 0 10px;
    font-size: 20px;
    font-weight: 700;
    color: var(--techwave-heading-color)
}

.change_password__text {
    margin: 0 0 16px;
    font-size: 15px;
    line-height: 1.6;
    color: var(--techwave-body-color)
}

.change_password__list {
    margin: 0 0 18px;
    padding-left: 18px
}

.change_password__list li {
    margin-bottom: 8px;
    line-height: 1.5;
    color: var(--techwave-body-color)
}

.change_password__link {
    color: var(--main-color);
    font-size: 14px;
    font-weight: 600;
    text-decoration: none
}

.change_password__link:hover {
    text-decoration: underline
}

.change_password__account {
    margin: 0 0 18px;
    font-size: 14px;
    color: var(--techwave-body-color)
}

.change_password__alert {
    margin-bottom: 20px;
    padding: 14px 16px;
    border-radius: 10px;
    border: 1px solid rgba(34, 197, 94, .25);
    background: rgba(34, 197, 94, .08);
    color: #166534;
    font-size: 14px;
    font-weight: 500
}

.change_password__back_btn {
    background: transparent;
    color: var(--techwave-heading-color);
    border: 1px solid var(--techwave-border-color)
}

.user__settings--password .settings_right {
    max-width: 520px
}

.custom-height {
    height: 100vh;
}

.custom-height::-webkit-scrollbar {
    display: none;
}

.custom-height {
    -ms-overflow-style: none;
    scrollbar-width: none;
}

@media (max-width: 768px) {
    .techwave_fn_models_page {
        padding-left: 1rem !important;
        padding-right: 1rem !important;
    }
}

.part_details_types {
    display: flex;
    gap: 5px;
}

.part_details_types .estimate_btn.estimate_btn--primary {
    font-size: 1rem;
    white-space: nowrap;
    padding: 6px 40px;
    border-radius: 0;
    gap: 8px;
    font-weight: 300;
}

.part_details_types .estimate_btn.estimate_btn--primary .fn__svg,
.part_details_types .estimate_btn.estimate_btn--primary svg {
    width: 16px;
    height: 16px;
    flex-shrink: 0;
}

.part_details_accordion {
    gap: 8px;
}

.part_details_group {
    margin: 0;
}

.part_details_group .estimate_options_group__body {
    padding: 0;
    border-top: none;
    background: transparent;
}

.estimate_form_group__body {
    padding: 0;
    border-top: none;
    background: transparent;
}

.part_details_form {
    margin: 0;
}

.part_details_form__surface {
    --pd-bg: linear-gradient(145deg, #1a2744 0%, #121a2b 55%, #0f0e11 100%);
    --pd-text: var(--techwave-heading-color);
    --pd-text-muted: var(--techwave-body-color);
    --pd-input: var(--techwave-heading-color);
    --pd-label: rgba(192, 188, 202, .72);
    --pd-label-focus: #fff;
    --pd-line: rgba(255, 255, 255, .22);
    --pd-line-active: #fff;
    --pd-line-glow: rgba(255, 255, 255, .12);
    --pd-prefix: rgba(255, 255, 255, .9);
    --pd-divider: rgba(255, 255, 255, .14);
    --pd-glow-1: rgba(104, 163, 255, .16);
    --pd-glow-2: rgba(104, 163, 255, .08);
    --pd-op-border: rgba(255, 255, 255, .34);
    --pd-op-bg: rgba(255, 255, 255, .06);
    --pd-op-text: #fff;
    --pd-op-hover-bg: rgba(255, 255, 255, .12);
    --pd-op-hover-border: rgba(255, 255, 255, .62);
    --pd-op-shadow: rgba(0, 0, 0, .18);
    --pd-op-active-bg: #fff;
    --pd-op-active-border: #fff;
    --pd-op-active-text: var(--main-color);
    --pd-op-active-shadow: rgba(0, 0, 0, .2);
    position: relative;
    padding: 28px 28px 32px;
    border-radius: 0 0 16px 16px;
    /* background: var(--pd-bg); */
    color: var(--pd-text);
    overflow: hidden;
}

[data-techwave-skin=light] .part_details_form__surface {
    --pd-bg: linear-gradient(180deg, #f5f9ff 0%, #ffffff 100%);
    --pd-text: var(--techwave-heading-color);
    --pd-text-muted: var(--techwave-body-color);
    --pd-input: var(--techwave-heading-color);
    --pd-label: rgba(51, 51, 51, .62);
    --pd-label-focus: var(--main-color);
    --pd-line: rgba(11, 91, 215, .18);
    --pd-line-active: var(--main-color);
    --pd-line-glow: rgba(11, 91, 215, .14);
    --pd-prefix: var(--main-color);
    --pd-divider: rgba(11, 91, 215, .12);
    --pd-glow-1: rgba(11, 91, 215, .1);
    --pd-glow-2: rgba(11, 91, 215, .06);
    --pd-op-border: rgba(11, 91, 215, .24);
    --pd-op-bg: rgba(255, 255, 255, .82);
    --pd-op-text: var(--main-color);
    --pd-op-hover-bg: rgba(11, 91, 215, .08);
    --pd-op-hover-border: rgba(11, 91, 215, .45);
    --pd-op-shadow: rgba(11, 91, 215, .12);
    --pd-op-active-bg: linear-gradient(135deg, var(--main-color) 0%, var(--main-color2) 100%);
    --pd-op-active-border: transparent;
    --pd-op-active-text: #fff;
    --pd-op-active-shadow: rgba(11, 91, 215, .24);
    border: 1px solid var(--techwave-border-color);
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, .8);
}

[data-techwave-skin=dark] .part_details_form__surface {
    --pd-bg: linear-gradient(145deg, #1e2f52 0%, #151d30 52%, #0f0e11 100%);
    --pd-text: #e8e4f0;
    --pd-text-muted: rgba(192, 188, 202, .78);
    --pd-input: #f3f1f7;
    --pd-label: rgba(192, 188, 202, .72);
    --pd-label-focus: #fff;
    --pd-line: rgba(255, 255, 255, .22);
    --pd-line-active: #fff;
    --pd-line-glow: rgba(255, 255, 255, .1);
    --pd-prefix: rgba(255, 255, 255, .92);
    --pd-divider: rgba(255, 255, 255, .14);
    --pd-glow-1: rgba(104, 163, 255, .18);
    --pd-glow-2: rgba(104, 163, 255, .1);
    --pd-op-border: rgba(255, 255, 255, .34);
    --pd-op-bg: rgba(255, 255, 255, .06);
    --pd-op-text: #fff;
    --pd-op-hover-bg: rgba(255, 255, 255, .12);
    --pd-op-hover-border: rgba(255, 255, 255, .62);
    --pd-op-shadow: rgba(0, 0, 0, .18);
    --pd-op-active-bg: #fff;
    --pd-op-active-border: #fff;
    --pd-op-active-text: var(--main-color);
    --pd-op-active-shadow: rgba(0, 0, 0, .2);
}

.part_details_form__surface::before,
.part_details_form__surface::after {
    content: "";
    position: absolute;
    border-radius: 50%;
    pointer-events: none;
}

.part_details_form__surface::before {
    top: -80px;
    right: -60px;
    width: 220px;
    height: 220px;
    background: radial-gradient(circle, var(--pd-glow-1) 0%, rgba(255, 255, 255, 0) 70%);
}

.part_details_form__surface::after {
    bottom: -100px;
    left: -40px;
    width: 260px;
    height: 260px;
    background: radial-gradient(circle, var(--pd-glow-2) 0%, rgba(255, 255, 255, 0) 72%);
}

.part_details_form__grid {
    position: relative;
    z-index: 1;
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 22px 28px;
}

.part_details_field {
    position: relative;
    min-height: 58px;
}

.part_details_field--full {
    grid-column: 1 / -1;
}

.part_details_field--currency .part_details_field__input {
    padding-left: 28px;
}

.part_details_field__prefix {
    position: absolute;
    left: 0;
    bottom: 12px;
    z-index: 2;
    font-size: 18px;
    font-weight: 600;
    color: var(--pd-prefix);
    line-height: 1;
}

.part_details_field__input {
    display: block;
    width: 100%;
    padding: 22px 0 10px;
    background: transparent;
    color: var(--pd-input);
    font-size: 16px;
    font-weight: 400;
    font-family: var(--techwave-heading-font-family);
    outline: none;
    resize: none;
}

.part_details_field__input:focus {
    outline: none;
    border-color: var(--main-color)!important;
}

.part_details_field__textarea {
    min-height: 120px;
    line-height: 1.5;
    padding: 10px 20px;
}

.part_details_field__label {
    position: absolute;
    left: 0;
    top: 18px;
    font-size: 15px;
    font-weight: 400;
    color: var(--pd-label);
    pointer-events: none;
    transition: transform .2s ease, color .2s ease, font-size .2s ease;
    transform-origin: left top;
}

.part_details_field__line {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    height: 2px;
    background: var(--pd-line);
    transition: background-color .2s ease, box-shadow .2s ease;
}

.part_details_field__line::after {
    content: "";
    position: absolute;
    left: 0;
    bottom: 0;
    width: 0;
    height: 2px;
    background: var(--pd-line-active);
    transition: width .25s ease;
}

.part_details_field__input:focus + .part_details_field__label,
.part_details_field__input:not(:placeholder-shown) + .part_details_field__label {
    transform: translateY(-14px) scale(.88);
    color: var(--pd-label-focus);
}

.part_details_field__input:focus ~ .part_details_field__line::after,
.part_details_field__input:not(:placeholder-shown) ~ .part_details_field__line::after {
    width: 100%;
}

.part_details_field__input:focus ~ .part_details_field__line {
    box-shadow: 0 4px 14px var(--pd-line-glow);
}

.part_details_form__description {
    position: relative;
    z-index: 1;
    margin-top: 26px;
    padding-top: 8px;
}

.part_details_form__note {
    margin: 10px 0 0;
    font-size: 13px;
    line-height: 1.55;
    color: var(--pd-text-muted);
    font-style: italic;
}

.part_details_ops {
    position: relative;
    z-index: 1;
    margin-top: 28px;
    padding-top: 24px;
    border-top: 1px solid var(--pd-divider);
}

.part_details_ops__header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    margin-bottom: 16px;
}

.part_details_ops__title {
    font-size: 15px;
    font-weight: 600;
    letter-spacing: .02em;
    color: var(--pd-text);
}

.part_details_ops__hint {
    font-size: 12px;
    color: var(--pd-text-muted);
}

.part_details_ops__grid {
    display: grid;
    grid-template-columns: repeat(6, minmax(0, 1fr));
    gap: 10px;
}

.part_details_op {
    display: flex;
    align-items: center;
    justify-content: center;
    min-height: 46px;
    padding: 10px 12px;
    border: 1.5px solid var(--pd-op-border);
    border-radius: 10px;
    background: var(--pd-op-bg);
    backdrop-filter: blur(6px);
    color: var(--pd-op-text);
    font-size: 13px;
    font-weight: 500;
    line-height: 1.25;
    text-align: center;
    cursor: pointer;
    transition: transform .2s ease, background-color .2s ease, border-color .2s ease, box-shadow .2s ease;
}

.part_details_op:hover {
    transform: translateY(-2px);
    background: var(--pd-op-hover-bg);
    border-color: var(--pd-op-hover-border);
    box-shadow: 0 8px 20px var(--pd-op-shadow);
}

.part_details_op.is_active {
    background: var(--pd-op-active-bg);
    border-color: var(--pd-op-active-border);
    color: var(--pd-op-active-text);
    box-shadow: 0 10px 24px var(--pd-op-active-shadow);
}

.part_details_op__label {
    display: block;
}

@media (max-width: 991px) {
    .part_details_ops__grid {
        grid-template-columns: repeat(3, minmax(0, 1fr));
    }
}

@media (max-width: 767px) {
    .part_details_form__surface {
        padding: 22px 18px 26px;
    }

    .part_details_form__grid {
        grid-template-columns: 1fr;
        gap: 18px;
    }

    .part_details_ops__grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .part_details_ops__header {
        flex-direction: column;
        align-items: flex-start;
    }
}

/* Estimate of Record */
.eor_page .estimates_page_inner {
    /* max-width: 1180px; */
}

.eor_card {
    background: var(--techwave-header-bg-color);
    border: 1px solid var(--eor-card-border, #e8edf5);
    border-radius: 0;
    box-shadow: 0 18px 48px rgba(15, 35, 95, .08);
    overflow: hidden;
}

.eor_card__layout {
    display: grid;
    grid-template-columns: minmax(0, 1.05fr) minmax(0, .95fr);
    min-height: 520px;
}

.eor_card__content {
    padding: 34px 34px 36px;
}

.eor_card__title {
    position: relative;
    margin: 0 0 28px;
    padding-bottom: 14px;
    font-family: var(--techwave-heading-font-family);
    font-size: 34px;
    font-weight: 700;
    line-height: 1.15;
    letter-spacing: -.02em;
    color: var(--eor-title-color, #162447);
}

.eor_card__title::after {
    content: "";
    position: absolute;
    left: 0;
    bottom: 0;
    width: 42px;
    height: 3px;
    border-radius: 999px;
    background: linear-gradient(90deg, var(--main-color) 0%, var(--main-color2) 100%);
}

.eor_actions {
    display: flex;
    flex-direction: column;
    gap: 14px;
}

.eor_alert {
    display: flex;
    align-items: center;
    gap: 14px;
    min-height: 58px;
    padding: 14px 18px;
    border: 1px solid var(--eor-alert-border, #b8e6c5);
    border-radius: 14px;
    background: var(--eor-alert-bg, #edf9f1);
    color: var(--eor-alert-text, #2f9b57);
}

.eor_alert__icon {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 34px;
    height: 34px;
    border-radius: 50%;
    background: rgba(47, 155, 87, .14);
    color: #2f9b57;
    flex-shrink: 0;
}

.eor_alert__text {
    font-size: 18px;
    font-weight: 500;
    line-height: 1.3;
}

.eor_action_item {
    display: flex;
    align-items: center;
    gap: 16px;
    width: 100%;
    min-height: 64px;
    padding: 12px 18px;
    border: 1px solid var(--eor-item-border, #e4eaf3);
    border-radius: 14px;
    background: var(--eor-item-bg, #ffffff);
    color: var(--eor-item-text, #1b2a49);
    text-align: left;
    cursor: pointer;
    transition: transform .2s ease, border-color .2s ease, box-shadow .2s ease;
    text-decoration: none;
}

.eor_action_item:hover {
    transform: translateY(-1px);
    border-color: rgba(11, 91, 215, .22);
    box-shadow: 0 10px 24px rgba(15, 35, 95, .08);
}

.eor_action_item__icon {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 42px;
    height: 42px;
    border-radius: 12px;
    flex-shrink: 0;
}

.eor_action_item__icon--photos {
    background: #efe9ff;
    color: #7b61ff;
}

.eor_action_item__icon--report {
    background: #e8f2ff;
    color: #4f8df5;
}

.eor_action_item__icon--invoice {
    background: #fff2df;
    color: #f0a22d;
}

.eor_action_item__label {
    flex: 1;
    font-size: 18px;
    font-weight: 600;
    line-height: 1.3;
}

.eor_action_item__arrow {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    color: var(--eor-arrow-color, #8d97ab);
    flex-shrink: 0;
}

.eor_generate_btn {
    display: flex;
    align-items: center;
    gap: 16px;
    width: 100%;
    min-height: 68px;
    margin-top: 4px;
    padding: 12px 18px;
    border: none;
    border-radius: 14px;
    background: linear-gradient(90deg, #35b56a 0%, #2ea05d 100%);
    color: #ffffff;
    text-align: left;
    cursor: pointer;
    box-shadow: 0 12px 28px rgba(46, 160, 93, .28);
    transition: transform .2s ease, box-shadow .2s ease;
}

.eor_generate_btn:hover {
    transform: translateY(-1px);
    box-shadow: 0 16px 34px rgba(46, 160, 93, .34);
}

.eor_generate_btn__icon {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 44px;
    height: 44px;
    border-radius: 12px;
    background: rgba(255, 255, 255, .18);
    flex-shrink: 0;
}

.eor_generate_btn__label {
    flex: 1;
    font-size: 20px;
    font-weight: 700;
    line-height: 1.3;
}

.eor_generate_btn__arrow {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
}

.eor_card__visual {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 28px 24px;
    background: var(--eor-visual-bg, linear-gradient(180deg, #f7fbff 0%, #eef5ff 100%));
    overflow: hidden;
}

.eor_card__visual_bg {
    position: absolute;
    inset: 0;
    background:
        radial-gradient(circle at 72% 28%, rgba(123, 97, 255, .12) 0%, rgba(123, 97, 255, 0) 28%),
        radial-gradient(circle at 24% 72%, rgba(79, 141, 245, .12) 0%, rgba(79, 141, 245, 0) 30%),
        radial-gradient(circle at 50% 50%, rgba(255, 255, 255, .7) 0%, rgba(255, 255, 255, 0) 55%);
    pointer-events: none;
}

.eor_card__hero {
    position: relative;
    z-index: 1;
    width: 100%;
    max-width: 430px;
    height: auto;
    object-fit: contain;
}

[data-techwave-skin=dark] .eor_card {
    --eor-card-bg: #17151b;
    --eor-card-border: #312e37;
    --eor-title-color: #f3f1f7;
    --eor-item-bg: #1f1c24;
    --eor-item-border: #3a3541;
    --eor-item-text: #ece9f3;
    --eor-arrow-color: #a8a2b3;
    --eor-alert-bg: rgba(47, 155, 87, .12);
    --eor-alert-border: rgba(47, 155, 87, .35);
    --eor-alert-text: #7ddea0;
    --eor-visual-bg: linear-gradient(180deg, #1a2233 0%, #121820 100%);
    box-shadow: 0 18px 48px rgba(0, 0, 0, .28);
}

[data-techwave-skin=dark] .eor_action_item__icon--photos {
    background: rgba(123, 97, 255, .18);
    color: #b7a3ff;
}

[data-techwave-skin=dark] .eor_action_item__icon--report {
    background: rgba(79, 141, 245, .18);
    color: #8eb8ff;
}

[data-techwave-skin=dark] .eor_action_item__icon--invoice {
    background: rgba(240, 162, 45, .18);
    color: #ffc56d;
}

@media (max-width: 991px) {
    .eor_card__layout {
        grid-template-columns: 1fr;
    }

    .eor_card__visual {
        min-height: 320px;
    }

    .eor_card__title {
        font-size: 28px;
    }
}

@media (max-width: 575px) {
    .eor_card__content {
        padding: 24px 18px 28px;
    }

    .eor_alert__text,
    .eor_action_item__label {
        font-size: 16px;
    }

    .eor_generate_btn__label {
        font-size: 18px;
    }
}

/* Upload Photos */
.upload_photos_page .estimates_page_inner {
}

.upload_photos_card {
    background: var(--upload-card-bg, #ffffff);
    border: 1px solid var(--upload-card-border, #e8edf5);
    border-radius: 0;
    box-shadow: 0 18px 48px rgba(15, 35, 95, .08);
    overflow: hidden;
}

.upload_photos_card__header {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 20px;
    padding: 28px 30px 8px;
}

.upload_photos_card__title {
    margin: 0;
    font-family: var(--techwave-heading-font-family);
    font-size: 34px;
    font-weight: 700;
    line-height: 1.15;
    letter-spacing: -.02em;
    color: var(--upload-title-color, #162447);
}

.upload_photos_card__subtitle {
    margin: 8px 0 0;
    font-size: 16px;
    line-height: 1.45;
    color: var(--upload-subtitle-color, #6d7b95);
}

.upload_photos_save_btn {
    display: inline-flex;
    align-items: center;
    gap: 10px;
    min-height: 48px;
    padding: 0 22px;
    border: none;
    border-radius: 12px;
    background: linear-gradient(90deg, var(--main-color) 0%, var(--main-color2) 100%);
    color: #fff;
    font-size: 16px;
    font-weight: 600;
    white-space: nowrap;
    cursor: pointer;
    box-shadow: 0 10px 24px rgba(11, 91, 215, .24);
    transition: transform .2s ease, box-shadow .2s ease;
}

.upload_photos_save_btn:hover {
    transform: translateY(-1px);
    box-shadow: 0 14px 28px rgba(11, 91, 215, .3);
}

.upload_photos_card__top {
    display: grid;
    grid-template-columns: minmax(0, 1.08fr) minmax(0, .92fr);
    gap: 0;
    padding: 10px 30px 0;
}

.upload_photos_main {
    padding: 8px 0 24px;
}

.upload_photos_notice {
    display: flex;
    align-items: center;
    gap: 12px;
    min-height: 52px;
    margin-bottom: 16px;
    padding: 12px 16px;
    border: 1px solid var(--upload-notice-border, #b8e6c5);
    border-radius: 12px;
    background: var(--upload-notice-bg, #edf9f1);
    color: var(--upload-notice-text, #2f9b57);
}

.upload_photos_notice__icon {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 30px;
    height: 30px;
    border-radius: 50%;
    background: rgba(47, 155, 87, .14);
    flex-shrink: 0;
}

.upload_photos_notice__text {
    font-size: 16px;
    font-weight: 500;
}

.upload_photos_notice__text strong {
    font-weight: 700;
}

.upload_photos_dropzone {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    min-height: 220px;
    padding: 28px 24px;
    border: 1.5px dashed var(--upload-drop-border, #cfd8e6);
    border-radius: 16px;
    background: var(--upload-drop-bg, #fbfcfe);
    text-align: center;
    cursor: pointer;
    transition: border-color .2s ease, background-color .2s ease, box-shadow .2s ease;
}

.upload_photos_dropzone:hover,
.upload_photos_dropzone.is_dragover {
    border-color: rgba(11, 91, 215, .45);
    background: rgba(11, 91, 215, .04);
    box-shadow: inset 0 0 0 1px rgba(11, 91, 215, .08);
}

.upload_photos_dropzone__cloud {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 72px;
    height: 72px;
    margin-bottom: 14px;
    border-radius: 50%;
    background: rgba(11, 91, 215, .1);
    color: var(--main-color);
}

.upload_photos_dropzone__text {
    margin: 0;
    font-size: 18px;
    font-weight: 500;
    color: var(--upload-drop-text, #5f6f89);
}

.upload_photos_dropzone__or {
    display: block;
    margin: 10px 0 14px;
    font-size: 14px;
    color: var(--upload-drop-muted, #8d97ab);
}

.upload_photos_upload_btn {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    min-height: 42px;
    padding: 0 18px;
    border: none;
    border-radius: 10px;
    background: linear-gradient(90deg, var(--main-color) 0%, var(--main-color2) 100%);
    color: #fff;
    font-size: 15px;
    font-weight: 600;
    cursor: pointer;
    box-shadow: 0 8px 20px rgba(11, 91, 215, .22);
}

.upload_photos_specs {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 12px;
    margin-top: 14px;
}

.upload_photos_specs__item {
    display: flex;
    align-items: center;
    gap: 10px;
    min-height: 48px;
    padding: 10px 14px;
    border: 1px solid var(--upload-spec-border, #e4eaf3);
    border-radius: 12px;
    background: var(--upload-spec-bg, #ffffff);
    color: var(--upload-spec-text, #4d5d78);
    font-size: 14px;
    font-weight: 500;
}

.upload_photos_specs__icon {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 30px;
    height: 30px;
    border-radius: 8px;
    background: rgba(11, 91, 215, .08);
    color: var(--main-color);
    flex-shrink: 0;
}

.upload_photos_visual {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    min-height: 360px;
    padding: 10px 8px 24px 18px;
    background: var(--upload-visual-bg, linear-gradient(180deg, #f7fbff 0%, #eef5ff 100%));
    overflow: hidden;
}

.upload_photos_visual__bg {
    position: absolute;
    inset: 0;
    background:
        radial-gradient(circle at 72% 28%, rgba(123, 97, 255, .12) 0%, rgba(123, 97, 255, 0) 28%),
        radial-gradient(circle at 24% 72%, rgba(79, 141, 245, .12) 0%, rgba(79, 141, 245, 0) 30%);
    pointer-events: none;
}

.upload_photos_visual__hero {
    position: relative;
    z-index: 1;
    width: 100%;
    max-width: 390px;
    height: auto;
    object-fit: contain;
}

.upload_photos_gallery {
    padding: 8px 30px 30px;
}

.upload_photos_gallery__title {
    margin: 0 0 16px;
    font-family: var(--techwave-heading-font-family);
    font-size: 24px;
    font-weight: 700;
    color: var(--upload-title-color, #162447);
}

.upload_photos_gallery__grid {
    display: grid;
    grid-template-columns: repeat(6, minmax(0, 1fr));
    gap: 14px;
}

.upload_photos_thumb {
    position: relative;
    aspect-ratio: 1.28;
    border-radius: 14px;
    overflow: hidden;
    background: var(--upload-thumb-bg, #edf2f8);
    box-shadow: 0 8px 20px rgba(15, 35, 95, .08);
}

.upload_photos_thumb img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.upload_photos_thumb__remove {
    position: absolute;
    top: 8px;
    right: 8px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 28px;
    height: 28px;
    padding: 0;
    border: none;
    border-radius: 50%;
    background: rgba(255, 255, 255, .95);
    color: #6d7b95;
    cursor: pointer;
    box-shadow: 0 4px 12px rgba(15, 35, 95, .14);
    transition: transform .2s ease, color .2s ease;
}

.upload_photos_thumb__remove:hover {
    transform: scale(1.05);
    color: #ef4444;
}

[data-techwave-skin=dark] .upload_photos_card {
    --upload-card-bg: #17151b;
    --upload-card-border: #312e37;
    --upload-title-color: #f3f1f7;
    --upload-subtitle-color: #a8a2b3;
    --upload-notice-bg: rgba(47, 155, 87, .12);
    --upload-notice-border: rgba(47, 155, 87, .35);
    --upload-notice-text: #7ddea0;
    --upload-drop-bg: #1f1c24;
    --upload-drop-border: #3a3541;
    --upload-drop-text: #c0bcca;
    --upload-drop-muted: #8d8798;
    --upload-spec-bg: #1f1c24;
    --upload-spec-border: #3a3541;
    --upload-spec-text: #c0bcca;
    --upload-visual-bg: linear-gradient(180deg, #1a2233 0%, #121820 100%);
    --upload-thumb-bg: #2b2830;
    box-shadow: 0 18px 48px rgba(0, 0, 0, .28);
}

@media (max-width: 991px) {
    .upload_photos_card__top {
        grid-template-columns: 1fr;
    }

    .upload_photos_visual {
        min-height: 280px;
    }

    .upload_photos_gallery__grid {
        grid-template-columns: repeat(3, minmax(0, 1fr));
    }
}

@media (max-width: 767px) {
    .upload_photos_card__header {
        flex-direction: column;
        align-items: stretch;
    }

    .upload_photos_save_btn {
        justify-content: center;
    }

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

    .upload_photos_gallery__grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

@media (max-width: 575px) {
    .upload_photos_card__header,
    .upload_photos_card__top,
    .upload_photos_gallery {
        padding-left: 18px;
        padding-right: 18px;
    }

    .upload_photos_card__title {
        font-size: 28px;
    }
}

/* Add Appraisal Report */
.add_appraisal_report_page .estimates_page_inner {
}

.aar_card {
    background: var(--aar-card-bg, #ffffff);
    border: 1px solid var(--aar-card-border, #e8edf5);
    border-radius: 0;
    box-shadow: 0 18px 48px rgba(15, 35, 95, .08);
    overflow: hidden;
}

.aar_card__header {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 20px;
    padding: 28px 30px 10px;
}

.aar_card__intro {
    display: flex;
    align-items: flex-start;
    gap: 16px;
}

.aar_card__badge {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 52px;
    height: 52px;
    border-radius: 14px;
    background: rgba(11, 91, 215, .1);
    color: var(--main-color);
    flex-shrink: 0;
}

.aar_card__title {
    margin: 0;
    font-family: var(--techwave-heading-font-family);
    font-size: 34px;
    font-weight: 700;
    line-height: 1.15;
    letter-spacing: -.02em;
    color: var(--aar-title-color, #162447);
}

.aar_card__subtitle {
    margin: 8px 0 0;
    font-size: 15px;
    line-height: 1.45;
    color: var(--aar-subtitle-color, #6d7b95);
}

.aar_card__back {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 42px;
    height: 42px;
    border: 1px solid var(--aar-item-border, #e4eaf3);
    border-radius: 50%;
    background: var(--aar-item-bg, #ffffff);
    color: var(--aar-title-color, #162447);
    text-decoration: none;
    box-shadow: 0 6px 16px rgba(15, 35, 95, .08);
    transition: transform .2s ease, border-color .2s ease;
}

.aar_card__back:hover {
    transform: translateY(-1px);
    border-color: rgba(11, 91, 215, .28);
    color: var(--main-color);
}

.aar_form {
    padding: 8px 30px 34px;
}

.aar_section {
    margin-bottom: 18px;
    padding: 20px;
    border: 1px solid var(--aar-section-border, #edf1f7);
    border-radius: 0;
    background: var(--aar-section-bg, #fbfcfe);
}

.aar_section--split {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 18px;
    padding: 0;
    border: none;
    background: transparent;
}

.aar_split_col {
    display: flex;
    flex-direction: column;
    gap: 14px;
    padding: 20px;
    border: 1px solid var(--aar-section-border, #edf1f7);
    border-radius: 0;
    background: var(--aar-section-bg, #fbfcfe);
}

.aar_grid {
    display: grid;
    gap: 16px;
}

.aar_grid--2 {
    grid-template-columns: repeat(2, minmax(0, 1fr));
}

.aar_stack {
    display: flex;
    flex-direction: column;
    gap: 16px;
}

.aar_field {
    display: flex;
    flex-direction: column;
    gap: 8px;
}

.aar_field--full {
    width: 100%;
}

.aar_field__label {
    font-size: 14px;
    font-weight: 600;
    color: var(--aar-label-color, #4d5d78);
}

.aar_field__control {
    position: relative;
    display: flex;
    align-items: center;
    min-height: 50px;
    border: 1px solid var(--aar-input-border, #dfe6f0);
    border-radius: 4px;
    background: var(--aar-input-bg, #ffffff);
    overflow: hidden;
    transition: border-color .2s ease, box-shadow .2s ease;
}

.aar_field__control:focus-within {
    border-color: rgba(11, 91, 215, .45);
    box-shadow: 0 0 0 3px rgba(11, 91, 215, .1);
}

.aar_field__control--action {
    padding-right: 52px;
}

.aar_field__control--select .aar_field__icon {
    pointer-events: none;
}

.aar_field__icon {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 46px;
    height: 100%;
    color: var(--main-color);
    flex-shrink: 0;
}

.aar_field__input,
.aar_field__select {
    width: 100%;
    min-height: 48px;
    padding: 0 14px 0 0;
    border: none!important;
    background: transparent;
    color: var(--aar-input-text, #1b2a49);
    font-size: 15px;
    font-weight: 500;
    font-family: var(--techwave-heading-font-family);
    outline: none;
}

.aar_field__select {
    appearance: none;
    padding-right: 36px;
    cursor: pointer;
}

.aar_field__control--select .aar_field__icon {
    position: absolute;
    right: 14px;
    left: auto;
    width: auto;
    color: var(--aar-arrow-color, #8d97ab);
}

.aar_field__action {
    position: absolute;
    top: 6px;
    right: 6px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 38px;
    height: 38px;
    padding: 0;
    border: none;
    border-radius: 10px;
    background: linear-gradient(135deg, var(--main-color) 0%, var(--main-color2) 100%);
    color: #fff;
    cursor: pointer;
}

.aar_field__textarea {
    width: 100%;
    min-height: 120px;
    padding: 14px 16px;
    border: 1px solid var(--aar-input-border, #dfe6f0);
    border-radius: 12px;
    background: var(--aar-input-bg, #ffffff);
    color: var(--aar-input-text, #1b2a49);
    font-size: 15px;
    font-family: var(--techwave-heading-font-family);
    line-height: 1.5;
    resize: vertical;
    outline: none;
    transition: border-color .2s ease, box-shadow .2s ease;
}

.aar_field__textarea:focus {
    border-color: rgba(11, 91, 215, .45);
    box-shadow: 0 0 0 3px rgba(11, 91, 215, .1);
}

.aar_checkbox_wrap {
    display: flex;
    align-items: center;
    min-height: 50px;
}

.aar_checkbox {
    width: 20px;
    height: 20px;
    margin: 0;
    accent-color: var(--main-color);
    cursor: pointer;
}

.aar_toggle_card {
    display: flex;
    flex-direction: column;
    gap: 0;
    border: 1px solid var(--aar-input-border, #dfe6f0);
    border-radius: 4px;
    background: var(--aar-input-bg, #ffffff);
    overflow: hidden;
}

.aar_toggle_row {
    display: flex;
    align-items: center;
    gap: 12px;
    min-height: 54px;
    padding: 0 16px;
    border-bottom: 1px solid var(--aar-input-border, #edf1f7);
}

.aar_toggle_row:last-child {
    border-bottom: none;
}

.aar_toggle_row__icon {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 34px;
    height: 34px;
    border-radius: 10px;
    background: rgba(11, 91, 215, .08);
    color: var(--main-color);
    flex-shrink: 0;
}

.aar_toggle_row__label {
    flex: 1;
    font-size: 15px;
    font-weight: 600;
    color: var(--aar-input-text, #1b2a49);
}

.aar_switch {
    position: relative;
    display: inline-flex;
    width: 46px;
    height: 26px;
    flex-shrink: 0;
    cursor: pointer;
}

.aar_switch input {
    position: absolute;
    opacity: 0;
    width: 0;
    height: 0;
}

.aar_switch__slider {
    position: absolute;
    inset: 0;
    border-radius: 999px;
    background: #c9d4e4;
    transition: background-color .2s ease;
}

.aar_switch__slider::before {
    content: "";
    position: absolute;
    top: 3px;
    left: 3px;
    width: 20px;
    height: 20px;
    border-radius: 50%;
    background: #ffffff;
    box-shadow: 0 2px 6px rgba(15, 35, 95, .18);
    transition: transform .2s ease;
}

.aar_switch input:checked + .aar_switch__slider {
    background: linear-gradient(90deg, var(--main-color) 0%, var(--main-color2) 100%);
}

.aar_switch input:checked + .aar_switch__slider::before {
    transform: translateX(20px);
}

.aar_switch--light .aar_switch__slider {
    background: rgba(255, 255, 255, .35);
}

.aar_switch--light input:checked + .aar_switch__slider {
    background: #ffffff;
}

.aar_switch--light input:checked + .aar_switch__slider::before {
    background: var(--main-color);
}

.aar_total_bar,
.aar_called_bar {
    display: flex;
    align-items: center;
    gap: 12px;
    min-height: 56px;
    padding: 0 18px;
    border-radius: 12px;
    background: linear-gradient(90deg, var(--main-color) 0%, var(--main-color2) 100%);
    color: #ffffff;
    box-shadow: 0 10px 24px rgba(11, 91, 215, .24);
}

.aar_total_bar__label,
.aar_called_bar__label {
    flex: 1;
    font-size: 14px;
    font-weight: 700;
    letter-spacing: .04em;
}

.aar_total_bar__value {
    font-size: 18px;
    font-weight: 700;
}

.aar_called_bar__icon {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 34px;
    height: 34px;
    border-radius: 10px;
    background: rgba(255, 255, 255, .16);
    flex-shrink: 0;
}

.aar_form__footer {
    display: flex;
    justify-content: center;
    padding-top: 8px;
}

.aar_submit_btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    min-width: 240px;
    min-height: 52px;
    padding: 0 28px;
    border: none;
    border-radius: 12px;
    background: linear-gradient(90deg, var(--main-color) 0%, var(--main-color2) 100%);
    color: #ffffff;
    font-size: 16px;
    font-weight: 700;
    cursor: pointer;
    box-shadow: 0 12px 28px rgba(11, 91, 215, .28);
    transition: transform .2s ease, box-shadow .2s ease;
}

.aar_submit_btn:hover {
    transform: translateY(-1px);
    box-shadow: 0 16px 34px rgba(11, 91, 215, .34);
}

[data-techwave-skin=dark] .aar_card {
    --aar-card-bg: #17151b;
    --aar-card-border: #312e37;
    --aar-title-color: #f3f1f7;
    --aar-subtitle-color: #a8a2b3;
    --aar-section-bg: #1f1c24;
    --aar-section-border: #3a3541;
    --aar-item-bg: #1f1c24;
    --aar-item-border: #3a3541;
    --aar-label-color: #c0bcca;
    --aar-input-bg: #17151b;
    --aar-input-border: #3a3541;
    --aar-input-text: #ece9f3;
    --aar-arrow-color: #8d8798;
    box-shadow: 0 18px 48px rgba(0, 0, 0, .28);
}

@media (max-width: 991px) {
    .aar_section--split,
    .aar_grid--2 {
        grid-template-columns: 1fr;
    }
}

@media (max-width: 575px) {
    .aar_card__header,
    .aar_form {
        padding-left: 18px;
        padding-right: 18px;
    }

    .aar_card__title {
        font-size: 28px;
    }

    .aar_section,
    .aar_split_col {
        padding: 16px;
    }

    .aar_submit_btn {
        width: 100%;
    }
}

/* Add Appraisal Invoice */
.add_appraisal_invoice_page .estimates_page_inner {max-width: 850px;}

.aai_card {
    background: var(--aai-card-bg, #ffffff);
    border: 1px solid var(--aai-card-border, #e8edf5);
    border-radius: 0;
    box-shadow: 0 18px 48px rgba(15, 35, 95, .08);
    overflow: hidden;
}

.aai_card__header {
    display: grid;
    grid-template-columns: auto 1fr auto;
    align-items: start;
    gap: 16px;
    padding: 24px 28px 12px;
}

.aai_card__back {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 42px;
    height: 42px;
    margin-top: 4px;
    border: 1px solid var(--aai-item-border, #e4eaf3);
    border-radius: 50%;
    background: var(--aai-item-bg, #ffffff);
    color: var(--aai-title-color, #162447);
    text-decoration: none;
    box-shadow: 0 6px 16px rgba(15, 35, 95, .08);
    transition: transform .2s ease, border-color .2s ease;
}

.aai_card__back:hover {
    transform: translateY(-1px);
    border-color: rgba(11, 91, 215, .28);
    color: var(--main-color);
}

.aai_card__intro {
    display: flex;
    align-items: flex-start;
    gap: 14px;
    min-width: 0;
}

.aai_card__badge {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 50px;
    height: 50px;
    border-radius: 14px;
    background: rgba(11, 91, 215, .1);
    color: var(--main-color);
    flex-shrink: 0;
}

.aai_card__title {
    margin: 0;
    font-family: var(--techwave-heading-font-family);
    font-size: 30px;
    font-weight: 700;
    line-height: 1.15;
    letter-spacing: -.02em;
    color: var(--aai-title-color, #162447);
}

.aai_card__subtitle {
    margin: 6px 0 0;
    font-size: 14px;
    line-height: 1.45;
    color: var(--aai-subtitle-color, #6d7b95);
}

.aai_card__deco {
    display: flex;
    align-items: flex-start;
    justify-content: flex-end;
    padding-top: 2px;
}

.aai_card__deco_svg {
    opacity: .95;
}

.aai_form {
    padding: 8px 28px 32px;
}

.aai_panel {
    margin-bottom: 18px;
    border: 1px solid var(--aai-panel-border, #e4eaf3);
    border-radius: 16px;
    background: var(--aai-panel-bg, #ffffff);
    overflow: hidden;
}

.aai_panel__head {
    display: flex;
    align-items: center;
    gap: 12px;
    padding: 14px 18px;
    border-bottom: 1px solid var(--aai-panel-border, #e4eaf3);
}

.aai_panel__head--blue {
    background: rgba(11, 91, 215, .06);
}

.aai_panel__head--purple {
    background: rgba(123, 97, 255, .06);
}

.aai_panel__icon {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 38px;
    height: 38px;
    border-radius: 10px;
    flex-shrink: 0;
}

.aai_panel__head--blue .aai_panel__icon {
    background: rgba(11, 91, 215, .12);
    color: var(--main-color);
}

.aai_panel__head--blue .aai_panel__title {
    color: var(--main-color);
}

.aai_panel__head--purple .aai_panel__icon {
    background: rgba(123, 97, 255, .14);
    color: #7b61ff;
}

.aai_panel__head--purple .aai_panel__title {
    color: #7b61ff;
}

.aai_panel__title {
    margin: 0;
    font-size: 18px;
    font-weight: 700;
}

.aai_panel__body {
    padding: 18px;
    display: flex;
    flex-direction: column;
    gap: 16px;
}

.aai_form__fields {
    display: flex;
    flex-direction: column;
    gap: 16px;
}

.aai_grid {
    display: grid;
    gap: 16px;
}

.aai_grid--2 {
    grid-template-columns: repeat(2, minmax(0, 1fr));
}

.aai_field {
    display: flex;
    flex-direction: column;
    gap: 8px;
}

.aai_field--full {
    width: 100%;
}

.aai_field__label {
    font-size: 14px;
    font-weight: 600;
    color: var(--aai-label-color, #4d5d78);
}

.aai_field__control {
    position: relative;
    display: flex;
    align-items: center;
    min-height: 50px;
    border: 1px solid var(--aai-input-border, #dfe6f0);
    border-radius: 4px;
    background: var(--aai-input-bg, #ffffff);
    overflow: hidden;
    transition: border-color .2s ease, box-shadow .2s ease;
}

.aai_field__control:focus-within {
    border-color: rgba(11, 91, 215, .45);
    box-shadow: 0 0 0 3px rgba(11, 91, 215, .1);
}

.aai_field__control--readonly {
    background: var(--aai-readonly-bg, #f3f6fa);
}

.aai_field__control--textarea {
    align-items: flex-start;
    min-height: 88px;
    padding-top: 2px;
}

.aai_field__control--select .aai_field__icon--right {
    pointer-events: none;
}

.aai_field__icon {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 46px;
    height: 100%;
    color: var(--main-color);
    flex-shrink: 0;
}

.aai_field__icon--top {
    align-self: flex-start;
    padding-top: 14px;
    height: auto;
}

.aai_field__icon--right {
    position: absolute;
    right: 0;
    width: 40px;
    color: var(--aai-arrow-color, #8d97ab);
}

.aai_field__input,
.aai_field__select,
.aai_field__textarea {
    width: 100%;
    border: none!important;
    background: transparent;
    color: var(--aai-input-text, #1b2a49);
    font-size: 15px;
    font-weight: 500;
    font-family: var(--techwave-heading-font-family);
    outline: none;
}

.aai_field__input,
.aai_field__select {
    min-height: 48px;
    padding: 0 14px 0 0;
}

.aai_field__select {
    appearance: auto;
    padding-right: 40px;
    cursor: pointer;
}

.aai_field__textarea {
    min-height: 84px;
    padding: 14px 14px 14px 0;
    line-height: 1.5;
    resize: vertical;
}

.aai_field__control--readonly .aai_field__input {
    color: var(--aai-readonly-text, #6d7b95);
}

.aai_total_bar {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    min-height: 54px;
    padding: 0 18px;
    border-radius: 12px;
    background: linear-gradient(90deg, var(--main-color) 0%, var(--main-color2) 100%);
    color: #ffffff;
    box-shadow: 0 10px 24px rgba(11, 91, 215, .24);
}

.aai_total_bar__label {
    font-size: 16px;
    font-weight: 600;
}

.aai_total_bar__value {
    font-size: 18px;
    font-weight: 700;
}

.aai_form__footer {
    display: flex;
    justify-content: center;
    padding-top: 10px;
}

.aai_submit_btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    min-width: 180px;
    min-height: 50px;
    padding: 0 28px;
    border: none;
    border-radius: 12px;
    background: linear-gradient(90deg, var(--main-color) 0%, var(--main-color2) 100%);
    color: #ffffff;
    font-size: 16px;
    font-weight: 700;
    cursor: pointer;
    box-shadow: 0 12px 28px rgba(11, 91, 215, .28);
    transition: transform .2s ease, box-shadow .2s ease;
}

.aai_submit_btn:hover {
    transform: translateY(-1px);
    box-shadow: 0 16px 34px rgba(11, 91, 215, .34);
}

[data-techwave-skin=dark] .aai_card {
    --aai-card-bg: #17151b;
    --aai-card-border: #312e37;
    --aai-title-color: #f3f1f7;
    --aai-subtitle-color: #a8a2b3;
    --aai-item-bg: #1f1c24;
    --aai-item-border: #3a3541;
    --aai-panel-bg: #1f1c24;
    --aai-panel-border: #3a3541;
    --aai-label-color: #c0bcca;
    --aai-input-bg: #17151b;
    --aai-input-border: #3a3541;
    --aai-input-text: #ece9f3;
    --aai-readonly-bg: #252229;
    --aai-readonly-text: #a8a2b3;
    --aai-arrow-color: #8d8798;
    box-shadow: 0 18px 48px rgba(0, 0, 0, .28);
}

[data-techwave-skin=dark] .aai_card__deco_svg rect[fill="#EAF2FF"] {
    fill: #243148;
}

[data-techwave-skin=dark] .aai_card__deco_svg rect[fill="#B8CCF0"] {
    fill: #3a4f70;
}

@media (max-width: 767px) {
    .aai_card__header {
        grid-template-columns: auto 1fr;
    }

    .aai_card__deco {
        display: none;
    }

    .aai_grid--2 {
        grid-template-columns: 1fr;
    }
}

@media (max-width: 575px) {
    .aai_card__header,
    .aai_form {
        padding-left: 18px;
        padding-right: 18px;
    }

    .aai_card__title {
        font-size: 26px;
    }

    .aai_panel__body {
        padding: 14px;
    }

    .aai_submit_btn {
        width: 100%;
    }
}

/* Generate Final Report */
.generate_final_report_page .estimates_page_inner {
    max-width: 820px;
}

.gfr_card {
    background: var(--gfr-card-bg, #ffffff);
    border: 1px solid var(--gfr-card-border, #e8edf5);
    border-radius: 0;
    box-shadow: 0 18px 48px rgba(15, 35, 95, .08);
    overflow: hidden;
}

.gfr_card__header {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 20px;
    padding: 28px 30px 10px;
}

.gfr_card__title {
    margin: 0;
    font-family: var(--techwave-heading-font-family);
    font-size: 34px;
    font-weight: 700;
    line-height: 1.15;
    letter-spacing: -.02em;
    color: var(--gfr-title-color, #162447);
}

.gfr_card__subtitle {
    margin: 8px 0 0;
    font-size: 15px;
    line-height: 1.45;
    color: var(--gfr-subtitle-color, #6d7b95);
}

.gfr_card__deco {
    flex-shrink: 0;
    padding-top: 2px;
}

.gfr_body {
    margin: 8px 30px 32px;
    padding: 22px;
    border: 1px solid var(--gfr-body-border, #e4eaf3);
    border-radius: 18px;
    background: var(--gfr-body-bg, #fbfcfe);
}

.gfr_estimate_banner {
    padding: 22px 22px 20px;
    border-radius: 16px;
    background:
        linear-gradient(135deg, rgba(255, 255, 255, .08) 0%, rgba(255, 255, 255, 0) 42%),
        linear-gradient(135deg, var(--main-color) 0%, #0a4fc4 100%);
    color: #ffffff;
    text-align: center;
    box-shadow: 0 14px 32px rgba(11, 91, 215, .28);
}

.gfr_estimate_banner__label {
    display: block;
    font-size: 14px;
    font-weight: 500;
    color: rgba(255, 255, 255, .82);
}

.gfr_estimate_banner__vehicle {
    margin: 10px 0 16px;
    font-size: 18px;
    font-weight: 700;
    line-height: 1.35;
    color: #ffffff;
}

.gfr_estimate_banner__amount {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: min(100%, 320px);
    padding: 12px 24px;
    border-radius: 12px;
    background: rgba(0, 0, 0, .18);
    font-size: 28px;
    font-weight: 700;
    letter-spacing: -.01em;
}

.gfr_status_badge {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    margin: 16px 0 20px;
    padding: 8px 14px;
    border: 1px solid var(--gfr-badge-border, #b8e6c5);
    border-radius: 999px;
    background: var(--gfr-badge-bg, #edf9f1);
    color: var(--gfr-badge-text, #2f9b57);
}

.gfr_status_badge__icon {
    display: inline-flex;
    color: #2f9b57;
}

.gfr_status_badge__text {
    font-size: 14px;
    font-weight: 600;
}

.gfr_action_card {
    display: flex;
    align-items: center;
    gap: 16px;
    margin-bottom: 14px;
    padding: 16px 18px;
    border: 1px solid var(--gfr-action-border, #e4eaf3);
    border-radius: 14px;
    background: var(--gfr-action-bg, #ffffff);
    box-shadow: 0 8px 20px rgba(15, 35, 95, .05);
}

.gfr_action_card:last-child {
    margin-bottom: 0;
}

.gfr_action_card__icon {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 48px;
    height: 48px;
    border-radius: 12px;
    flex-shrink: 0;
}

.gfr_action_card__icon--purple {
    background: #efe9ff;
    color: #7b61ff;
}

.gfr_action_card__icon--blue {
    background: #e8f2ff;
    color: var(--main-color);
}

.gfr_action_card__content {
    flex: 1;
    min-width: 0;
}

.gfr_action_card__title {
    margin: 0;
    font-size: 17px;
    font-weight: 700;
    color: var(--gfr-title-color, #162447);
}

.gfr_action_card__desc {
    margin: 4px 0 0;
    font-size: 13px;
    line-height: 1.45;
    color: var(--gfr-subtitle-color, #6d7b95);
}

.gfr_action_card__btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    min-height: 42px;
    padding: 0 16px;
    border-radius: 10px;
    font-size: 14px;
    font-weight: 600;
    white-space: nowrap;
    cursor: pointer;
    transition: transform .2s ease, box-shadow .2s ease, border-color .2s ease;
    flex-shrink: 0;
}

.gfr_action_card__btn--outline {
    border: 1px solid var(--gfr-action-border, #dfe6f0);
    background: var(--gfr-action-bg, #ffffff);
    color: var(--main-color);
}

.gfr_action_card__btn--outline:hover {
    transform: translateY(-1px);
    border-color: rgba(11, 91, 215, .35);
    box-shadow: 0 8px 18px rgba(11, 91, 215, .12);
}

.gfr_action_card__btn--primary {
    border: none;
    background: linear-gradient(90deg, var(--main-color) 0%, var(--main-color2) 100%);
    color: #ffffff;
    box-shadow: 0 10px 22px rgba(11, 91, 215, .24);
}

.gfr_action_card__btn--primary:hover {
    transform: translateY(-1px);
    box-shadow: 0 14px 28px rgba(11, 91, 215, .3);
}

.gfr_terms {
    display: flex;
    align-items: center;
    gap: 10px;
    margin: 6px 0 16px;
    padding: 0 4px;
}

.gfr_terms__icon {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 30px;
    height: 30px;
    border-radius: 50%;
    background: rgba(11, 91, 215, .1);
    color: var(--main-color);
    flex-shrink: 0;
}

.gfr_terms__text {
    font-size: 13px;
    line-height: 1.45;
    color: var(--gfr-subtitle-color, #6d7b95);
}

.gfr_terms__text a {
    color: var(--main-color);
    font-weight: 600;
    text-decoration: underline;
}

.gfr_terms__text a:hover {
    text-decoration: none;
}

[data-techwave-skin=dark] .gfr_card {
    --gfr-card-bg: #17151b;
    --gfr-card-border: #312e37;
    --gfr-title-color: #f3f1f7;
    --gfr-subtitle-color: #a8a2b3;
    --gfr-body-bg: #1f1c24;
    --gfr-body-border: #3a3541;
    --gfr-badge-bg: rgba(47, 155, 87, .12);
    --gfr-badge-border: rgba(47, 155, 87, .35);
    --gfr-badge-text: #7ddea0;
    --gfr-action-bg: #17151b;
    --gfr-action-border: #3a3541;
    box-shadow: 0 18px 48px rgba(0, 0, 0, .28);
}

[data-techwave-skin=dark] .gfr_action_card__icon--purple {
    background: rgba(123, 97, 255, .18);
    color: #b7a3ff;
}

[data-techwave-skin=dark] .gfr_action_card__icon--blue {
    background: rgba(79, 141, 245, .18);
    color: #8eb8ff;
}

@media (max-width: 767px) {
    .gfr_action_card {
        flex-direction: column;
        align-items: stretch;
    }

    .gfr_action_card__btn {
        width: 100%;
    }
}

@media (max-width: 575px) {
    .gfr_card__header,
    .gfr_body {
        margin-left: 18px;
        margin-right: 18px;
        padding-left: 16px;
        padding-right: 16px;
    }

    .gfr_card__header {
        padding-top: 22px;
    }

    .gfr_card__deco {
        display: none;
    }

    .gfr_card__title {
        font-size: 28px;
    }

    .gfr_estimate_banner__vehicle {
        font-size: 16px;
    }

    .gfr_estimate_banner__amount {
        font-size: 22px;
    }
}

/* new css */
.techwave_fn_interactive_list ul.top_dash-value li .item {
    border-width: 1px;
    border-radius: 0;
}
 
.techwave_fn_interactive_list ul.top_dash-value li .item a {
    padding: 30px;
}
 
.techwave_fn_interactive_list ul.top_dash-value li .item h2.title + p.desc {
    margin-bottom: 0;
}

/* Sidebar dark / light logos */
.full_logo.light-logo {
    display: none;
}

.full_logo.dark-logo {
    display: block;
}

[data-techwave-skin=light] .full_logo.light-logo {
    display: none;
}

[data-techwave-skin=light] .full_logo.dark-logo {
    display: block;
}

[data-techwave-skin=dark] .full_logo.light-logo {
    display: block;
}

[data-techwave-skin=dark] .full_logo.dark-logo {
    display: none;
}

/* Keep short logo when sidebar is collapsed */
.panel-opened .techwave_fn_leftpanel .full_logo.light-logo,
.panel-opened .techwave_fn_leftpanel .full_logo.dark-logo {
    display: none;
}

.techwave_fn_button {
    margin: 0 auto;
}
.techwave_fn_pricing .pricing__header .item_col {
    display: flex;
    flex-direction: column;
}

.techwave_fn_pricing .pricing__header .purchase {
    margin-top: auto;
}





ul.main-menu {
    display: flex;
    align-items: center;
    justify-content: center;
    list-style: none;
    gap: 2rem;
    color: #fff;
}
 
ul.main-menu li a {
    color: #fff;
    text-decoration: none;
} 
 
ul.main-menu li a:hover {
    color: #1a79e7;
}


.blog-one__single {
  position: relative;
  display: block;
  margin-bottom: 35px;
  z-index: 1;
  height: calc(100% - 35px);
  border-radius: 20px;
}
 
.blog-one__single-img {
  position: relative;
  display: block;
}
 
.blog-one__single-img .inner {
  position: relative;
  display: block;
  overflow: hidden;
}
.blog-one__single:hover .blog-one__single-img img {
    transform: scale(1.1) !important;
}
.blog-one__single:hover .blog-one__single-img .inner img:first-child {
  -webkit-transform: translatex(0) scalex(1);
  transform: translatex(0) scalex(1);
  opacity: 1;
  -webkit-filter: blur(0);
  filter: blur(0);
}
 
.blog-one__single:hover .blog-one__single-img .inner 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-one__single-img .inner img {
  position: relative;
  width: 100%;
  display: block;
  -webkit-transition: all 500ms ease;
  -moz-transition: all 500ms ease;
  -ms-transition: all 500ms ease;
  -o-transition: all 500ms ease;
  transition: all 500ms ease;
  aspect-ratio: 1 / 0.7;
    object-fit: cover;
}
 
.blog-one__single-img .date-box {
  position: absolute;
  top: -10px;
  right: 20px;
  width: 72px;
  height: 65px;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  background: #38bdf8;
  border-radius: 5px;
  z-index: 5;
}
 
.blog-one__single-img .date-box:before {
  position: absolute;
  top: -5px;
  left: 0px;
  right: 0px;
  bottom: 0px;
  height: 3px;
  background: #38bdf8;
  border-radius: 10px;
  content: "";
}
 
.blog-one__single-img .date-box h2 {
  color: #fff;
  font-size: 24px;
  line-height: 28px;
  font-weight: 600;
  margin: 0;
}
 
.blog-one__single-img .date-box p {
  position: relative;
  display: inline-block;
  color: #fff;
  font-size: 15px;
  line-height: 15px;
  margin-right: 2px;
  text-align: center;
  margin: 0;
}
 
.blog-one__single-content {
  position: relative;
  display: block;
  padding: 28px 30px 27px;
  background: #020817;
  box-shadow: 0px 10px 40px 0px rgb(55 55 55 / 10%);
  overflow: hidden;
}
 
.blog-one__single-content .meta-box {
  position: relative;
  display: flex;
  align-items: center;
}
 
.blog-one__single-content .meta-box li {
  position: relative;
  display: block;
  margin-right: 20px;
}
 
.blog-one__single-content .meta-box li:last-child {
  margin-right: 0px;
}
 
.blog-one__single-content .meta-box li p {
  font-size: 19px;
  line-height: 22px;
  font-weight: 500;
  text-transform: capitalize;
  font-family: var(--trnspot-font-two);
}
 
.blog-one__single-content .meta-box li p span {
  position: relative;
  display: inline-block;
  color: var(--trnspot-base);
  font-size: 18px;
  line-height: 18px;
  top: 2px;
  margin-right: 4px;
}
 
.blog-one__single-content .meta-box li p a {
  color: var(--trnspot-gray);
}
 
.blog-one__single-content .meta-box li p a:hover {
  color: var(--trnspot-base);
}
 
.blog-one__single-content h2 {
  font-size: 24px;
  line-height: 1.4;
  font-weight: 500;
  margin-top: 0px;
  margin-bottom: 13px;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  overflow: hidden;
}
 
.blog-one__single-content h2 a {
  color: #fff;
}
 
.blog-one__single-content h2 a:hover {
  color: var(--trnspot-base);
}
 
.blog-one__single-content p {
    margin: 0;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 4;
    overflow: hidden;
    line-height: 1.4;
}
.blog-one__single-content .btn-box {
  position: relative;
  display: block;
  margin-top: 17px;
}
 
.blog-one__single-content .btn-box a {
  color: #38bdf8;
  font-size: 16px;
  line-height: 20px;
  font-weight: 500;
  text-transform: uppercase;
  text-decoration: none;
}
 
.blog-one__single-content .btn-box a span {
  position: relative;
  display: inline-block;
  font-size: 15px;
  font-weight: 700;
  top: 1px;
  margin-left: 2px;
}

.blog-page-details .blog-one__single-content {
    background: transparent;
    padding: 0;
    padding-top: 2rem;
    box-shadow: none;
}
.aai_field__control--select .aai_field__select option {
    background: var(--techwave-header-bg-color);
}
.aar_field__select option {
    background: var(--techwave-header-bg-color);
}

.aar_field__select {
    padding-left: 20px;
}

@media (max-width: 767px) {
    .estimate_form_card__body.estimate_options_panel .estimate_options_panel__top {
    flex-direction: column;
}
.techwave_fn_contact_page .contactpage {
    padding: 15px;
}
.estimate_stepper__list {
    min-width: auto;
}

.estimate_stepper__list li {
    min-width: 65px;
}

.estimate_stepper__label {
    font-size: 9px;
}
}