* {
    box-sizing: border-box;
    margin: 0;
    padding: 0
}

*,
:after,
:before {
    box-sizing: inherit
}

html {
    box-sizing: border-box
}

:root {
    --mv-box-size: 30px;
    --mv-background-color: var(--mv-primary-color);
    --mv-background-color-hover: var(--mv-secondary-color);
    --mv-animation-duration: .3s;
    --mv-animation-name: none;
    --mv-transition-duration: .3s;
    --mv-rotate: 0deg;
    --mv-translate-x: 0px;
    --mv-translate-y: 0px;
    --mv-spacing-inline: 30px;
    --mv-spacing-block: 30px;
    --mv-highlight-color: #b0ff4e;
    --mv-line-color: rgba(0, 0, 0, .15);
    --mv-height: 1px;
    --mv-border-style: solid;
    --mv-border-color: #000;
    --mv-color: #000;
    --mv-columns-1: 100%;
    --mv-columns-2: 50%;
    --mv-columns-3: 33.333333333%;
    --mv-columns-4: 25%;
    --mv-columns-5: 20%;
    --mv-columns-6: 16.666666666%;
    --mv-width: 100%;
    --mv-height: 100%;
    --mv-grid-size: 50%;
    --mv-line-thickness: 1px;
    --mv-angle: 0deg;
    --mv-gap: 15px
}

body {
    background-color: var(--mv-body-bg-color, transparent);
    color: #626262;
    font-family: var(--mv-primary-font), sans-serif;
    font-size: 16px;
    font-weight: 400;
    letter-spacing: 0;
    line-height: 1.5;
    margin: 0;
    padding: 0;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

body.body-overflow {
    overflow: hidden
}

a {
    color: var(--mv-link-color);
    cursor: pointer;
    text-decoration: none;
    transition: all .3s linear
}

a:hover {
    color: var(--mv-link-hover-color)
}

h1,
h2,
h3,
h4,
h5,
h6 {
    color: var(--mv-heading-color);
    font-family: var(--mv-heading-font);
    font-weight: 600
}

h1 {
    font-size: 70px;
    letter-spacing: -2.8px;
    line-height: 1.288571
}

@media screen and (max-width:1399px) {
    h1 {
        font-size: 66px
    }
}

@media screen and (max-width:1199px) {
    h1 {
        font-size: 60px;
        letter-spacing: -2.5px
    }
}

@media screen and (max-width:991px) {
    h1 {
        font-size: 52px
    }
}

@media screen and (max-width:767px) {
    h1 {
        font-size: 42px;
        letter-spacing: -2px
    }
}

@media screen and (max-width:575px) {
    h1 {
        font-size: 30px
    }
}

h2 {
    font-size: 40px;
    letter-spacing: -1.6px;
    line-height: 1.3
}

@media screen and (max-width:1399px) {
    h2 {
        font-size: 38px
    }
}

@media screen and (max-width:1199px) {
    h2 {
        font-size: 34px
    }
}

@media screen and (max-width:991px) {
    h2 {
        font-size: 32px
    }
}

@media screen and (max-width:767px) {
    h2 {
        font-size: 30px;
        letter-spacing: -1px
    }
}

@media screen and (max-width:575px) {
    h2 {
        font-size: 28px
    }
}

h3 {
    font-size: 24px;
    letter-spacing: -.96px;
    line-height: 1.08333
}

@media screen and (max-width:1199px) {
    h3 {
        font-size: 22px;
        font-size: 20px
    }
}

h4 {
    font-size: 20px;
    letter-spacing: 0;
    line-height: 1
}

@media screen and (max-width:575px) {
    h4 {
        font-size: 18px
    }
}

h5 {
    font-size: 18px;
    letter-spacing: -.72px;
    line-height: 1.22222
}

h6 {
    font-size: 16px;
    letter-spacing: -.64px;
    line-height: 1.25
}

ol,
ul {
    list-style: none
}

hr {
    border: none;
    display: block;
    height: 1px;
    margin: 0;
    padding: 0
}

svg:not(.svg-origintal) circle[fill]:not([fill^="url("]) {
    stroke: currentColor;
    stroke-opacity: 1
}

svg:not(.svg-origintal) path[fill]:not([fill^="url("]),
svg:not(.svg-origintal) rect[fill]:not([fill^="url("]) {
    fill: currentColor;
    fill-opacity: 1
}

svg:not(.svg-origintal) path[stroke=black],
svg:not(.svg-origintal) path[stroke=white],
svg:not(.svg-origintal) path[stroke^="#"] {
    stroke: currentColor
}

input,
textarea {
    border: none;
    margin: 0;
    outline: none;
    padding: 0
}

input::-moz-placeholder,
textarea::-moz-placeholder {
    color: inherit
}

input::placeholder,
textarea::placeholder {
    color: inherit
}

img {
    height: auto;
    max-width: 100%;
    -o-object-fit: cover;
    object-fit: cover
}

.icon-hamburger .line {
    height: 3.5px
}

.text-b2 {
    font-family: var(--mv-secondary-font);
    font-size: 12px;
    font-weight: 500;
    letter-spacing: 1px;
    line-height: .83333
}

.text-p1 {
    font-family: Golos Text;
    font-size: 15px;
    line-height: 1.53
}

.text-p2 {
    font-size: 14px;
    line-height: 1.57143
}

.text-p2,
.text-p4 {
    font-family: var(--mv-primary-font);
    font-weight: 500
}

.text-p4 {
    font-size: 12px;
    line-height: 1.1667
}

.text-fin-p1 {
    font-family: var(--mv-primary-font);
    font-size: 20px;
    font-weight: 500
}

@media screen and (max-width:1199px) {
    .text-fin-p1 {
        font-size: 18px
    }
}

@media screen and (max-width:767px) {
    .text-fin-p1 {
        font-size: 16px
    }
}

.text-fin-p2 {
    font-family: Inter;
    font-size: 16px;
    font-weight: 500;
    letter-spacing: -.32px;
    line-height: 1.625
}

.text-fin-p3 {
    font-family: var(--mv-primary-font);
    font-size: 15px;
    font-weight: 500;
    line-height: 1.53
}

.highlight-image,
.highlight-svg,
.parallax-item {
    transform: translateX(var(--mv-translate-x)) translateY(var(--mv-translate-y)) rotate(var(--mv-rotate))
}

.overflow-clip-x {
    overflow-x: clip
}

.d-none {
    display: none
}

.box-link {
    inset: 0;
    position: absolute;
    z-index: 99
}

.icon-minus {
    --mv-box-size: 12px;
    align-items: center;
    display: inline-flex;
    height: var(--mv-box-size);
    justify-content: center;
    width: var(--mv-box-size)
}

.icon-minus:before {
    background-color: currentColor;
    content: "";
    display: block;
    height: 1px;
    width: 100%
}

.icon-close {
    --mv-box-size: 12px;
    display: inline-block;
    height: var(--mv-box-size);
    position: relative;
    width: var(--mv-box-size)
}

.icon-close:after,
.icon-close:before {
    background-color: currentColor;
    content: "";
    display: inline-block;
    height: 2px;
    left: 50%;
    position: absolute;
    top: 50%;
    transition: width .5s ease, transform .5s ease;
    width: inherit
}

.icon-close:after {
    transform: translate(-50%, -50%) rotate(-45deg)
}

.icon-close:before {
    transform: translate(-50%, -50%) rotate(45deg)
}

.home-1 h1,
.home-1 h2,
.home-1 h3,
.home-1 h4,
.home-1 h5,
.home-1 h6,
.home-2 h1,
.home-2 h2,
.home-2 h3,
.home-2 h4,
.home-2 h5,
.home-2 h6,
.home-3 h1,
.home-3 h2,
.home-3 h3,
.home-3 h4,
.home-3 h5,
.home-3 h6 {
    font-weight: 500
}

.home-1 h1,
.home-2 h1,
.home-3 h1 {
    font-size: 80px;
    line-height: .875
}

@media screen and (max-width:1399px) {

    .home-1 h1,
    .home-2 h1,
    .home-3 h1 {
        font-size: 72px
    }
}

@media screen and (max-width:1199px) {

    .home-1 h1,
    .home-2 h1,
    .home-3 h1 {
        font-size: 64px
    }
}

@media screen and (max-width:991px) {

    .home-1 h1,
    .home-2 h1,
    .home-3 h1 {
        font-size: 54px
    }
}

@media screen and (max-width:767px) {

    .home-1 h1,
    .home-2 h1,
    .home-3 h1 {
        font-size: 46px
    }
}

@media screen and (max-width:575px) {

    .home-1 h1,
    .home-2 h1,
    .home-3 h1 {
        font-size: 38px
    }
}

.home-1 h2,
.home-2 h2,
.home-3 h2 {
    font-size: 60px;
    letter-spacing: -1.6px;
    line-height: 1.16667
}

@media screen and (max-width:1399px) {

    .home-1 h2,
    .home-2 h2,
    .home-3 h2 {
        font-size: 54px
    }
}

@media screen and (max-width:1199px) {

    .home-1 h2,
    .home-2 h2,
    .home-3 h2 {
        font-size: 48px;
        letter-spacing: -1.5px
    }
}

@media screen and (max-width:991px) {

    .home-1 h2,
    .home-2 h2,
    .home-3 h2 {
        font-size: 42px
    }
}

@media screen and (max-width:767px) {

    .home-1 h2,
    .home-2 h2,
    .home-3 h2 {
        font-size: 36px;
        letter-spacing: -1px
    }
}

@media screen and (max-width:575px) {

    .home-1 h2,
    .home-2 h2,
    .home-3 h2 {
        font-size: 30px
    }
}

.home-1 h3,
.home-2 h3,
.home-3 h3 {
    font-size: 40px;
    letter-spacing: -2px;
    line-height: 1.2
}

@media screen and (max-width:1399px) {

    .home-1 h3,
    .home-2 h3,
    .home-3 h3 {
        font-size: 38px
    }
}

@media screen and (max-width:1199px) {

    .home-1 h3,
    .home-2 h3,
    .home-3 h3 {
        font-size: 34px;
        letter-spacing: -1.5px
    }
}

@media screen and (max-width:991px) {

    .home-1 h3,
    .home-2 h3,
    .home-3 h3 {
        font-size: 32px
    }
}

@media screen and (max-width:767px) {

    .home-1 h3,
    .home-2 h3,
    .home-3 h3 {
        font-size: 28px;
        letter-spacing: -1px
    }
}

@media screen and (max-width:575px) {

    .home-1 h3,
    .home-2 h3,
    .home-3 h3 {
        font-size: 26px
    }
}

.home-1 h4,
.home-2 h4,
.home-3 h4 {
    font-size: 32px;
    letter-spacing: -2px;
    line-height: 1.2
}

@media screen and (max-width:1199px) {

    .home-1 h4,
    .home-2 h4,
    .home-3 h4 {
        font-size: 30px;
        letter-spacing: -1.5px
    }
}

@media screen and (max-width:991px) {

    .home-1 h4,
    .home-2 h4,
    .home-3 h4 {
        font-size: 28px
    }
}

@media screen and (max-width:767px) {

    .home-1 h4,
    .home-2 h4,
    .home-3 h4 {
        font-size: 26px;
        letter-spacing: -1px
    }
}

@media screen and (max-width:575px) {

    .home-1 h4,
    .home-2 h4,
    .home-3 h4 {
        font-size: 24px
    }
}

.home-1 h5,
.home-2 h5,
.home-3 h5 {
    font-size: 18px;
    letter-spacing: -.36px;
    line-height: 1.2
}

.home-1 h6,
.home-2 h6,
.home-3 h6 {
    font-size: 14px;
    letter-spacing: 1.4px;
    line-height: 1
}

.wp-caption {
    margin-bottom: 1em;
    max-width: 100%;
    text-align: center
}

.gallery-caption,
.wp-caption-text {
    color: #666;
    font-size: .9em
}

.sticky {
    position: relative
}

.bypostauthor {
    font-weight: 700
}

.alignleft {
    float: left;
    margin-right: 1.5em
}

.alignright {
    float: right;
    margin-left: 1.5em
}

.aligncenter {
    display: block;
    margin-left: auto;
    margin-right: auto
}

.wp-block-image img {
    height: auto;
    max-width: 100%
}

.wp-block-quote {
    border-left: 3px solid #ccc;
    font-style: italic;
    padding-left: 1em
}

@keyframes fade-in {
    0% {
        opacity: 0
    }

    to {
        opacity: 1
    }
}

@keyframes fade-in-up {
    0% {
        opacity: 0;
        transform: translateY(50px)
    }

    to {
        opacity: 1;
        transform: translateY(0)
    }
}

@keyframes fade-in-right {
    0% {
        opacity: 0;
        transform: translateX(35px)
    }

    to {
        opacity: 1;
        transform: translateX(0)
    }
}

@keyframes fade-in-left {
    0% {
        opacity: 0;
        transform: translateX(-35px)
    }

    to {
        opacity: 1;
        transform: translateX(0)
    }
}

@keyframes fade-in-down {
    0% {
        opacity: 0;
        transform: translateY(-50px)
    }

    to {
        opacity: 1;
        transform: translateY(0)
    }
}

@keyframes reveal-in {
    0% {
        clip-path: inset(100% 100% 100% 100%)
    }

    to {
        clip-path: inset(0 0 0 0)
    }
}

@keyframes reveal-in-circle {
    0% {
        clip-path: circle(0 at 50% 50%)
    }

    to {
        clip-path: circle(100% at 50% 50%)
    }
}

@keyframes reveal-in-top {
    0% {
        clip-path: inset(0 0 100% 0)
    }

    to {
        clip-path: inset(0 0 0 0)
    }
}

@keyframes reveal-in-right {
    0% {
        clip-path: inset(0 0 0 100%)
    }

    to {
        clip-path: inset(0 0 0 0)
    }
}

@keyframes reveal-in-bottom {
    0% {
        clip-path: inset(100% 0 0 0)
    }

    to {
        clip-path: inset(0 0 0 0)
    }
}

@keyframes reveal-in-left {
    0% {
        clip-path: inset(0 100% 0 0)
    }

    to {
        clip-path: inset(0 0 0 0)
    }
}

@keyframes reveal-in-h {
    0% {
        clip-path: inset(0 50% 0 50%)
    }

    to {
        clip-path: inset(0 0 0 0)
    }
}

@keyframes reveal-in-v {
    0% {
        clip-path: inset(50% 0 50% 0)
    }

    to {
        clip-path: inset(0 0 0 0)
    }
}

@keyframes zoom-in {
    0% {
        scale: 0
    }

    to {
        scale: 1
    }
}

@keyframes zoom-in-up {
    0% {
        scale: 0;
        transform: translateY(50px);
        transform-origin: center bottom
    }

    to {
        scale: 1;
        transform: translateY(0);
        transform-origin: center bottom
    }
}

@keyframes zoom-in-right {
    0% {
        scale: 0;
        transform: translateX(50px);
        transform-origin: left center
    }

    to {
        scale: 1;
        transform: translateX(0);
        transform-origin: left center
    }
}

@keyframes zoom-in-bottom {
    0% {
        scale: 0;
        transform: translateY(-50px);
        transform-origin: center top
    }

    to {
        scale: 1;
        transform: translateY(0);
        transform-origin: center top
    }
}

@keyframes zoom-in-left {
    0% {
        scale: 0;
        transform: translateX(-50px);
        transform-origin: right center
    }

    to {
        scale: 1;
        transform: translateX(0);
        transform-origin: right center
    }
}

@keyframes zoom-in-up-right {
    0% {
        scale: 0;
        transform: translate(50px, 50px);
        transform-origin: bottom left
    }

    to {
        scale: 1;
        transform: translate(0);
        transform-origin: bottom left
    }
}

@keyframes zoom-in-up-left {
    0% {
        scale: 0;
        transform: translate(-50px, 50px);
        transform-origin: bottom right
    }

    to {
        scale: 1;
        transform: translate(0);
        transform-origin: bottom right
    }
}

@keyframes zoom-in-bottom-right {
    0% {
        scale: 0;
        transform: translate(50px, -50px);
        transform-origin: top left
    }

    to {
        scale: 1;
        transform: translate(0);
        transform-origin: top left
    }
}

@keyframes zoom-in-bottom-left {
    0% {
        scale: 0;
        transform: translate(-50px, -50px);
        transform-origin: top right
    }

    to {
        scale: 1;
        transform: translate(0);
        transform-origin: top right
    }
}

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

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

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

@keyframes marquee {
    0% {
        transform: translateX(0) translateY(0)
    }

    to {
        transform: translateX(var(--mv-translate-x, 0)) translateY(var(--mv-translate-y, 0))
    }
}

@keyframes scaleMove {
    0% {
        transform: scale(1) translate(0)
    }

    25% {
        transform: scale(1.15) translate(5px, -5px)
    }

    50% {
        transform: scale(1.03) translate(-5px, 5px)
    }

    75% {
        transform: scale(1.1) translate(3px, -3px)
    }

    to {
        transform: scale(1) translate(0)
    }
}

@keyframes pointerWiggle {

    0%,
    to {
        transform: translateX(0) translateY(0) rotate(0deg)
    }

    33% {
        transform: translateX(-2px) translateY(0) rotate(-10deg)
    }

    66% {
        transform: translateX(2px) translateY(0) rotate(5deg)
    }
}

@keyframes linkUnderlineLtr {
    0% {
        width: 0
    }

    50% {
        left: 0;
        right: auto;
        width: 0
    }

    to {
        width: 100%
    }
}

@keyframes pulse-shake {
    0% {
        transform: scale(1)
    }

    10% {
        transform: scale(1.2)
    }

    15% {
        transform: scale(1.2) rotate(3deg)
    }

    20% {
        transform: scale(1.2) rotate(-3deg)
    }

    25% {
        transform: scale(1.2) rotate(3deg)
    }

    30% {
        transform: scale(1.2) rotate(-3deg)
    }

    35% {
        transform: scale(1.2) rotate(3deg)
    }

    40% {
        transform: scale(1)
    }

    to {
        transform: scale(1)
    }
}

[data-loop-animation=pulse-shake] {
    animation: pulse-shake 10s ease-in-out infinite;
    -webkit-animation: pulse-shake 10s ease-in-out infinite
}

@keyframes right-hand-wave {

    0%,
    to {
        transform: rotate(0deg)
    }

    15% {
        transform: rotate(15deg)
    }

    30% {
        transform: rotate(-15deg)
    }

    45% {
        transform: rotate(15deg)
    }

    60% {
        transform: rotate(-15deg)
    }

    75% {
        transform: rotate(15deg)
    }

    90% {
        transform: rotate(-15deg)
    }
}

@keyframes eye {

    0%,
    to {
        transform: translateX(0)
    }

    25% {
        transform: translateX(1.5px)
    }

    50% {
        transform: translateX(-1.5px)
    }

    75% {
        transform: translateX(1.5px)
    }
}

@keyframes left-hand-wave {

    0%,
    to {
        transform: rotate(0deg)
    }

    20% {
        transform: rotate(15deg)
    }

    40% {
        transform: rotate(-15deg)
    }

    60% {
        transform: rotate(15deg)
    }

    80% {
        transform: rotate(-15deg)
    }
}

@keyframes blinking {

    0%,
    40%,
    80%,
    to {
        opacity: 1
    }

    20%,
    60% {
        opacity: 0
    }
}

[data-loop-animation=blinking] {
    animation: blinking 3s ease-in-out infinite
}

@keyframes rotate {
    0% {
        --mv-angle: 0deg
    }

    to {
        --mv-angle: 360deg
    }
}

@property --mv-angle {
    syntax: "<angle>";
    initial-value: 0deg;
    inherits: false
}

@keyframes floating {

    0%,
    to {
        transform: translatey(0)
    }

    50% {
        transform: translatey(-30px)
    }
}

[data-loop-animation=floating] {
    animation: floating 5s ease-in-out infinite
}

@keyframes floating-2 {
    0% {
        transform: rotate(0deg) translate3d(15px, 0, 0) rotate(0deg)
    }

    to {
        transform: rotate(1turn) translate3d(15px, 0, 0) rotate(-1turn)
    }
}

[data-loop-animation=floating2] {
    animation: floating-2 5s ease-in-out infinite
}

@keyframes floating-3 {

    0%,
    to {
        transform: rotate(0deg) translateZ(0)
    }

    33% {
        transform: rotate(-15deg) translate3d(0, 15px, 0)
    }

    66% {
        transform: rotate(15deg) translate3d(0, -15px, 0)
    }
}

[data-loop-animation=floating3] {
    animation: floating-3 5s ease-in-out infinite
}

@keyframes floating4 {

    0%,
    to {
        transform: translateX(0)
    }

    50% {
        transform: translateX(-30px)
    }
}

[data-loop-animation=floating4] {
    animation: floating4 5s ease-in-out infinite
}

@keyframes bellRing {
    0% {
        transform: rotate(0)
    }

    5% {
        transform: rotate(25deg)
    }

    10% {
        transform: rotate(-25deg)
    }

    15% {
        transform: rotate(30deg)
    }

    20% {
        transform: rotate(-30deg)
    }

    25% {
        transform: rotate(22deg)
    }

    30% {
        transform: rotate(-22deg)
    }

    35% {
        transform: rotate(15deg)
    }

    40% {
        transform: rotate(-15deg)
    }

    45% {
        transform: rotate(8deg)
    }

    50% {
        transform: rotate(-8deg)
    }

    55% {
        transform: rotate(4deg)
    }

    60% {
        transform: rotate(-4deg)
    }

    to {
        transform: rotate(0)
    }
}

[data-loop-animation=bellRing] {
    animation: bellRing 5s ease-in-out infinite;
    transform-origin: top center
}

@keyframes spin {
    0% {
        transform: rotate(0deg)
    }

    to {
        transform: rotate(1turn)
    }
}

[data-loop-animation=spin] {
    animation: spin 10s linear infinite;
    transform-origin: center center
}

@keyframes buttonIconSlideRight {

    0%,
    to {
        transform: translate(0)
    }

    45% {
        transform: translate(100%)
    }

    50% {
        opacity: 0
    }

    55% {
        transform: translate(-100%)
    }

    60% {
        opacity: 1
    }
}

@keyframes buttonIconSlideDown {

    0%,
    to {
        transform: translate(0)
    }

    45% {
        transform: translateY(100%)
    }

    50% {
        opacity: 0
    }

    55% {
        transform: translateY(-100%)
    }

    60% {
        opacity: 1
    }
}

@keyframes buttonIconSlideUp {

    0%,
    to {
        transform: translate(0)
    }

    45% {
        transform: translateY(-100%)
    }

    50% {
        opacity: 0
    }

    55% {
        transform: translateY(100%)
    }

    60% {
        opacity: 1
    }
}

@keyframes buttonIconSlideLeft {

    0%,
    to {
        transform: translate(0)
    }

    45% {
        transform: translate(-100%)
    }

    50% {
        opacity: 0
    }

    55% {
        transform: translate(100%)
    }

    60% {
        opacity: 1
    }
}

@keyframes pulseFade {

    0%,
    to {
        opacity: 1
    }

    50% {
        opacity: .75
    }
}

@keyframes fillProgress {
    0% {
        width: 0
    }

    to {
        width: 100%
    }
}

@keyframes jumping {
    0% {
        transform: translateY(0)
    }

    20% {
        transform: translateY(-20px)
    }

    40% {
        transform: translateY(0)
    }

    60% {
        transform: translateY(-10px)
    }

    80% {
        transform: translateY(0)
    }

    to {
        transform: translateY(0)
    }
}

[data-loop-animation=jumping] {
    animation: jumping 4s ease-in-out infinite;
    -webkit-animation: jumping 4s ease-in-out infinite
}

@keyframes zoomAndRest {
    0% {
        opacity: 0;
        transform: scale(0);
        transform-origin: bottom right
    }

    25% {
        opacity: 1;
        transform: scale(1);
        transform-origin: bottom right
    }

    to {
        opacity: 1;
        transform: scale(1);
        transform-origin: bottom right
    }
}

[data-loop-animation=zoomAndRest] {
    animation: zoomAndRest 4s ease-in-out infinite;
    -webkit-animation: zoomAndRest 4s ease-in-out infinite
}

@keyframes bongBenhStop {

    0%,
    to {
        transform: translateY(0)
    }

    12.5% {
        transform: translateY(-3px)
    }

    25% {
        transform: translateY(0)
    }

    37.5% {
        transform: translateY(-3px)
    }

    50% {
        transform: translateY(0)
    }
}

[data-loop-animation=bongBenhStop] {
    animation: bongBenhStop 4s ease-in-out infinite;
    -webkit-animation: bongBenhStop 4s ease-in-out infinite
}

@keyframes pulseSpin {
    0% {
        transform: rotate(0deg) scale(1)
    }

    15% {
        transform: rotate(54deg) scale(1.08)
    }

    30% {
        transform: rotate(108deg) scale(.98)
    }

    45% {
        transform: rotate(162deg) scale(1.12)
    }

    60% {
        transform: rotate(216deg) scale(1)
    }

    75% {
        transform: rotate(270deg) scale(1.06)
    }

    to {
        transform: rotate(1turn) scale(1)
    }
}

[data-loop-animation=pulseSpin] {
    animation: pulseSpin 4s linear infinite;
    -webkit-animation: pulseSpin 4s ease-in-out infinite
}

.wow {
    visibility: hidden
}

.wow.animated {
    visibility: visible
}

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

.animated.fadeIn {
    animation-name: fade-in
}

.animated.fadeInUp {
    animation-name: fade-in-up
}

.animated.fadeInRight {
    animation-name: fade-in-right
}

.animated.fadeInLeft {
    animation-name: fade-in-left
}

.animated.fadeInDown {
    animation-name: fade-in-down
}

.animated.revealIn {
    animation-name: reveal-in
}

.animated.revealInCircle {
    animation-name: reveal-in-circle
}

.animated.revealInTop {
    animation-name: reveal-in-top
}

.animated.revealInRight {
    animation-name: reveal-in-right
}

.animated.revealInBottom {
    animation-name: reveal-in-bottom
}

.animated.revealInLeft {
    animation-name: reveal-in-left
}

.animated.revealInHorizontal {
    animation-name: reveal-in-h
}

.animated.revealInVertical {
    animation-name: reveal-in-v
}

.animated.zoomIn {
    animation-name: zoom-in
}

.animated.zoomInUp {
    animation-name: zoom-in-up
}

.animated.zoomInRight {
    animation-name: zoom-in-right
}

.animated.zoomInBottom {
    animation-name: zoom-in-bottom
}

.animated.zoomInLeft {
    animation-name: zoom-in-left
}

.animated.zoomInUpRight {
    animation-name: zoom-in-up-right
}

.animated.zoomInUpLeft {
    animation-name: zoom-in-up-left
}

.animated.zoomInBottomRight {
    animation-name: zoom-in-bottom-right
}

.animated.zoomInBottomLeft {
    animation-name: zoom-in-bottom-left
}

.animated.zoomInBounce {
    animation-duration: 1.5s;
    animation-name: zoom-in-bounce
}

.animated.fillProgress {
    animation-duration: 2s;
    -webkit-animation-duration: 2s;
    animation-name: fillProgress;
    animation-timing-function: linear;
    -webkit-animation-timing-function: linear
}

[data-scrolling-effects=moveTo].is-clone {
    opacity: 1
}

.drawer {
    height: 100vh;
    left: 0;
    min-width: 300px;
    opacity: 0;
    overflow: auto;
    pointer-events: none;
    position: fixed;
    top: 0;
    transform: translate3d(-100%, 0, 0);
    transition: transform .5s ease, opacity .5s ease;
    visibility: hidden;
    will-change: transform, opacity;
    z-index: 99999
}

.drawer[data-drawer=top] {
    transform: translate3d(0, -100%, 0)
}

.drawer[data-drawer=right] {
    left: auto;
    right: 0;
    transform: translate3d(100%, 0, 0)
}

.drawer[data-drawer=bottom] {
    bottom: 0;
    top: auto;
    transform: translate3d(0, 100%, 0)
}

.drawer[data-drawer=left] {
    left: 0;
    right: auto;
    transform: translate3d(-100%, 0, 0)
}

.drawer.is-active,
.drawer.is-open {
    opacity: 1;
    pointer-events: auto;
    transform: translateZ(0);
    visibility: visible
}

.button,
button {
    align-items: center;
    border: none;
    cursor: pointer;
    display: inline-flex;
    gap: var(--mv-gap, 15px);
    justify-content: center;
    outline: none;
    position: relative;
    transition: all .3s linear;
    white-space: nowrap
}

.button .button-icon,
.button .button-text,
button .button-icon,
button .button-text {
    align-items: center;
    display: inline-flex;
    justify-content: center;
    position: relative;
    transition: .3s;
    z-index: 9
}

.button.button-primary,
button.button-primary {
    background-color: var(--mv-primary-color);
    border-radius: 1584px;
    box-shadow: inset 0 4px 1px 0 hsla(0, 0%, 100%, .14);
    font-family: var(--mv-secondary-font);
    font-size: 12px;
    font-weight: 500;
    height: 54px;
    letter-spacing: 1px;
    line-height: .83333;
    overflow: hidden;
    padding-inline: 31.5px;
    text-transform: uppercase
}

.button.button-secondary,
button.button-secondary {
    background: linear-gradient(180deg, #1c2f41, #060f16);
    border-radius: 15px;
    color: #fff;
    font-family: Inter;
    font-size: 15px;
    font-weight: 500;
    height: 52px;
    padding-inline: 36px
}

.button.button-hamburger,
button.button-hamburger {
    background-color: transparent;
    color: var(--mv-heading-color)
}

.button.button-cta,
button.button-cta {
    background: linear-gradient(180deg, #174e49, #052029);
    border-radius: 8px;
    color: #e5ff5e;
    flex-direction: row-reverse;
    font-family: var(--mv-secondary-font);
    font-size: 12px;
    font-weight: 500;
    gap: 8px;
    height: 40px;
    letter-spacing: 1px;
    line-height: .83333;
    padding-inline: 16px
}

.button.button-cta .button-icon,
button.button-cta .button-icon {
    animation: pointerWiggle 1s ease-in-out infinite;
    animation-play-state: paused;
    transform-origin: bottom left
}

.button.button-cta:hover .button-icon,
button.button-cta:hover .button-icon {
    animation-play-state: running
}

.button.button-link-underline,
button.button-link-underline {
    display: inline-flex
}

.button.button-link-underline:before,
button.button-link-underline:before {
    background-color: currentColor;
    bottom: 0;
    content: "";
    height: 1px;
    left: 0;
    position: absolute;
    transition: transform .3s ease;
    width: 100%
}

.button.button-link-underline:hover:before,
button.button-link-underline:hover:before {
    animation: linkUnderlineLtr .3s linear forwards
}

.button.button-close,
button.button-close {
    background-color: #000;
    color: #fff;
    --mv-box-size: 36px;
    border-radius: 50%;
    height: var(--mv-box-size);
    min-width: var(--mv-box-size);
    width: var(--mv-box-size)
}

.button.button-style-1,
button.button-style-1 {
    --mv-gap: 8px;
    background-color: #2563eb;
    border-radius: 100px;
    color: #fff;
    font-family: Geist;
    font-size: 14px;
    font-weight: 500;
    height: 44px;
    padding-inline: 28px
}

.button.button-style-2,
button.button-style-2 {
    --mv-gap: 10px;
    background: radial-gradient(363.36% 93.61% at 10% 0, #01e5e5 0, #008787 100%);
    border-radius: 200px;
    color: #fff;
    font-family: Inter;
    font-size: 18px;
    font-weight: 500;
    height: 56px;
    line-height: 1.15556;
    padding-inline: 24px 16px
}

.button.button-style-2 .button-icon,
button.button-style-2 .button-icon {
    background-color: hsla(0, 0%, 100%, .31);
    border-radius: inherit;
    padding: 10px 18px
}

.button.button-gradient-3-color,
button.button-gradient-3-color {
    --mv-angle: 270deg;
    --gradient-color: #434aff;
    --gradient-color-2: #47b2ff;
    --gradient-color-3: #39edac;
    background: linear-gradient(var(--mv-angle), var(--gradient-color) 0, var(--gradient-color-2) 50%, var(--gradient-color-3) 100%)
}

.button.button-highlight,
.button.button-highlight-2,
button.button-highlight,
button.button-highlight-2 {
    border-radius: 200px;
    border-width: 1px;
    color: var(--mv-heading-color);
    font-family: var(--mv-primary-font);
    font-size: 15px;
    font-weight: 500;
    gap: 5px;
    height: 33px;
    line-height: 1.53;
    padding-inline: 19px
}

.button.button-highlight .button-text--highlight,
.button.button-highlight-2 .button-text--highlight,
button.button-highlight .button-text--highlight,
button.button-highlight-2 .button-text--highlight {
    color: #2563eb
}

.button.button-highlight,
button.button-highlight {
    --mv-angle: 90deg;
    --mv-background-color: #fff;
    --mv-background-color-b: #fff;
    --gradient-color: #c96cff;
    --gradient-color-2: #5f21f2;
    --gradient-color-3: #2c8fff
}

.button.box-border-gradient.six-colors,
button.box-border-gradient.six-colors {
    border-radius: 100px;
    height: 56px;
    padding-inline: 32px;
    --mv-background-color: #2b2b2b;
    --mv-background-color-b: #2b2b2b;
    color: #fff
}

.button-play-video[data-style=primary] {
    --mv-box-size: 150px;
    background-color: hsla(0, 0%, 100%, .15);
    border: thin solid hsla(0, 0%, 100%, .34);
    border-radius: 50%;
    color: #fff;
    height: var(--mv-box-size);
    min-width: var(--mv-box-size);
    padding: 11px;
    width: var(--mv-box-size)
}

.button-play-video[data-style=primary] svg {
    z-index: 9
}

.button-play-video[data-style=primary] .button-icon {
    backdrop-filter: blur(20px);
    background-color: hsla(0, 0%, 100%, .17);
    border-radius: inherit;
    height: 100%;
    transition: inset .3s ease;
    width: 100%
}

.button-play-video[data-style=primary]:hover {
    border-color: transparent
}

.button-play-video[data-style=primary]:hover .button-icon {
    inset: 0
}

@media screen and (max-width:767px) {
    .button-play-video[data-style=primary] {
        --mv-box-size: 125px
    }
}

.button-play-video[data-style=secondary] {
    --mv-box-size: 150px;
    background-color: hsla(0, 0%, 100%, .15);
    border: thin solid hsla(0, 0%, 100%, .34);
    border-radius: 50%;
    color: #fff;
    height: var(--mv-box-size);
    min-width: var(--mv-box-size);
    width: var(--mv-box-size)
}

.button-play-video[data-style=secondary] svg {
    z-index: 9
}

.button-play-video[data-style=secondary]:before {
    backdrop-filter: blur(20px);
    background-color: hsla(0, 0%, 100%, .17);
    border-radius: inherit;
    color: #fff;
    content: "";
    inset: 11px;
    position: absolute
}

.button-play-video[data-style=third] {
    --mv-box-size: 136px;
    background-color: #a8ffbb;
    border-radius: 50%;
    color: #060f16;
    height: var(--mv-box-size);
    left: 50%;
    min-width: var(--mv-box-size);
    position: absolute;
    top: 50%;
    transform: translate(-50%, -50%);
    width: var(--mv-box-size)
}

@media screen and (max-width:767px) {
    .button-play-video[data-style=third] {
        --mv-box-size: 115px
    }
}

@media screen and (max-width:575px) {
    .button-play-video[data-style=third] {
        --mv-box-size: 100px
    }
}

.button {
    --mv-background-color-hover: #000;
    overflow: hidden
}

.button[data-hover*=fill]:before {
    background-color: var(--mv-background-color-hover);
    content: "";
    inset: 0;
    opacity: 0;
    pointer-events: none;
    position: absolute;
    transition: clip-path .3s ease, inset .3s ease, width .3s ease, height .3s ease, opacity .3s ease
}

.button[data-hover*=fill] {
    --mv-transition-duration: .5s
}

.button[data-hover*=fill]:before {
    opacity: 1;
    visibility: visible
}

.button[data-hover=fillFromLeft]:before {
    left: auto;
    right: 0;
    width: 0
}

.button[data-hover=fillFromLeft]:hover:before {
    left: 0;
    right: auto;
    width: 100%
}

.button[data-hover=fillFromRight]:before {
    left: 0;
    right: auto;
    width: 0
}

.button[data-hover=fillFromRight]:hover:before {
    left: auto;
    right: 0;
    width: 100%
}

.button[data-hover=fillFromTop]:before {
    bottom: 0;
    height: 0;
    top: auto
}

.button[data-hover=fillFromTop]:hover:before {
    bottom: auto;
    height: 100%;
    top: 0
}

.button[data-hover=fillFromBottom]:before {
    bottom: auto;
    height: 0;
    top: 0
}

.button[data-hover=fillFromBottom]:hover:before {
    bottom: 0;
    height: 100%;
    top: auto
}

.button[data-hover=fillCircle]:before {
    clip-path: circle(0 at 50% 50%)
}

.button[data-hover=fillCircle]:hover:before {
    clip-path: circle(75% at 50% 50%)
}

.button[data-hover=fillHorizontal]:before {
    clip-path: inset(0 100% 0 100%)
}

.button[data-hover=fillHorizontal]:hover:before {
    clip-path: inset(0 0 0 0)
}

.button[data-hover=fillHorizontal]:not(:hover):before {
    clip-path: inset(0 100% 0 100%)
}

.button[data-hover=fillVertical]:before {
    clip-path: inset(100% 0 100% 0)
}

.button[data-hover=fillVertical]:hover:before {
    clip-path: inset(0 0 0 0)
}

.button[data-hover=fillVertical]:not(:hover):before {
    clip-path: inset(100% 0 100% 0)
}

.button[data-hover=iconSlideRight] .button-icon {
    overflow: hidden
}

.button[data-hover=iconSlideRight]:hover i,
.button[data-hover=iconSlideRight]:hover svg {
    animation: buttonIconSlideRight .35s ease forwards
}

.button[data-hover=iconSlideUp] .button-icon {
    overflow: hidden
}

.button[data-hover=iconSlideUp]:hover i,
.button[data-hover=iconSlideUp]:hover svg {
    animation: buttonIconSlideUp .35s ease forwards
}

.button[data-hover=iconSlideDown] .button-icon {
    overflow: hidden
}

.button[data-hover=iconSlideDown]:hover i,
.button[data-hover=iconSlideDown]:hover svg {
    animation: buttonIconSlideDown .35s ease forwards
}

.button[data-hover=iconSlideLeft] .button-icon {
    overflow: hidden
}

.button[data-hover=iconSlideLeft]:hover i,
.button[data-hover=iconSlideLeft]:hover svg {
    animation: buttonIconSlideLeft .35s ease forwards
}

.button[data-hover=iconReversePosition] .button-icon,
.button[data-hover=iconReversePosition] .button-text {
    transition: all .3s ease
}

.button[data-hover=iconReversePosition] .button-icon.clone {
    position: absolute;
    top: 50%;
    transform: translateY(-50%) scale(0);
    transform-origin: left center
}

.button[data-hover=iconReversePosition]:hover .button-icon {
    scale: 0
}

.button[data-hover=iconReversePosition]:hover .button-icon.clone {
    scale: 1;
    transform: translateY(-50%) scale(1)
}

.link {
    color: #000;
    display: inline-flex;
    text-decoration: none;
    width: -moz-fit-content;
    width: fit-content
}

.link.link-underline {
    padding-bottom: 2px;
    position: relative
}

.link.link-underline:before {
    background-color: currentColor;
    bottom: 0;
    content: "";
    height: 1px;
    left: 0;
    position: absolute;
    transform: scaleX(1);
    transform-origin: right;
    transition: transform .3s ease;
    width: 100%
}

.link.link-underline:hover:before {
    animation: underlineSlideInFromLeft .3s .3s forwards;
    transform: scaleX(0)
}

@keyframes underlineSlideInFromLeft {
    0% {
        transform: scaleX(0);
        transform-origin: left
    }

    to {
        transform: scaleX(1);
        transform-origin: left
    }
}

#cartDrawerContent.is-adding,
#cartDrawerContent.is-loading,
#cartDrawerContent.loading,
.button[data-type=submit].is-adding,
.button[data-type=submit].is-loading,
.button[data-type=submit].loading,
.post-filter-button.is-adding,
.post-filter-button.is-loading,
.post-filter-button.loading,
.woocommerce .button.is-adding,
.woocommerce .button.is-loading,
.woocommerce .button.loading,
.woocommerce .woosc-adding.is-adding,
.woocommerce .woosc-adding.is-loading,
.woocommerce .woosc-adding.loading,
.woocommerce button.is-adding,
.woocommerce button.is-loading,
.woocommerce button.loading {
    animation: pulseFade 2.5s ease-in-out infinite;
    filter: blur(1px) !important;
    pointer-events: none !important
}

img {
    transition: all .3s linear
}

img[data-hover=zoomIn] {
    transition: scale .5s ease
}

.image:hover img[data-hover=zoomIn],
img[data-hover=zoomIn]:hover {
    scale: 1.15
}

img[data-hover=parallax] {
    transition: none !important;
    will-change: transform, scale
}

.grid {
    transition: height 1s linear !important;
    width: 100%
}

.grid .grid-inner {
    display: flex;
    flex-wrap: wrap;
    margin-block: calc(var(--mv-spacing-block)*-1/2);
    margin-inline: calc(var(--mv-spacing-inline)*-1/2);
    transition: height .5s ease
}

.grid .grid-item {
    flex: 0 1 var(--mv-grid-size);
    padding-block: calc(var(--mv-spacing-block)/2);
    padding-inline: calc(var(--mv-spacing-inline)/2);
    transform-origin: center
}

.grid .grid-item.grid-item-full {
    --mv-grid-size: 100%
}

.grid .grid-load-more {
    display: flex;
    justify-content: center;
    margin-top: 90px
}

.grid.is-loading {
    animation: pulseFade 2.5s ease-in-out infinite;
    filter: blur(1px);
    pointer-events: none
}

.grid-pagination {
    align-items: center;
    display: flex;
    gap: 10px;
    justify-content: center;
    margin-top: 105px
}

.grid-pagination .page-numbers {
    align-items: center;
    display: inline-flex;
    justify-content: center;
    --mv-box-size: 34px;
    background-color: #fff;
    border-radius: 50%;
    color: #060f16;
    font-weight: 600;
    height: var(--mv-box-size);
    letter-spacing: -.64px;
    min-width: var(--mv-box-size);
    width: var(--mv-box-size)
}

.grid-pagination .page-numbers.current,
.grid-pagination .page-numbers:hover {
    background-color: #a8ffbb
}

@media screen and (max-width:1199px) {
    .grid-pagination {
        margin-top: 85px
    }
}

@media screen and (max-width:767px) {
    .grid-pagination {
        margin-top: 65px
    }
}

.filter .grid-item,
.isotope .grid-item {
    width: var(--mv-grid-size)
}

.icon-hamburger {
    height: 24px;
    overflow: hidden;
    position: relative;
    width: 36px
}

.icon-hamburger .line {
    border-radius: 3px;
    height: 4px;
    position: absolute;
    right: 0
}

.icon-hamburger .line:after,
.icon-hamburger .line:before {
    background-color: currentColor;
    border-radius: 3px;
    content: "";
    display: block;
    height: 100%;
    opacity: 1;
    position: absolute;
    right: 0;
    top: 0;
    width: 100%
}

.icon-hamburger .line:before {
    transform: translate3d(100%, 0, 0)
}

.icon-hamburger .line:after {
    transform: translateZ(0)
}

.icon-hamburger .line-1 {
    top: 0;
    width: 28px
}

.icon-hamburger .line-2 {
    top: 50%;
    transform: translateY(-50%);
    width: 100%
}

.icon-hamburger .line-3 {
    bottom: 0;
    width: 18px
}

button:hover .icon-hamburger .line-1:before {
    opacity: 1;
    transform: translateZ(0);
    transition: transform .8s cubic-bezier(.215, .61, .355, 1) .46s, opacity .8s cubic-bezier(.215, .61, .355, 1) .46s
}

button:hover .icon-hamburger .line-1:after {
    opacity: 0;
    transform: translate3d(-36px, 0, 0);
    transition: transform .6s cubic-bezier(.165, .84, .44, 1) 0s, opacity .6s cubic-bezier(.165, .84, .44, 1) 0s
}

button:hover .icon-hamburger .line-2:before {
    opacity: 1;
    transform: translateZ(0);
    transition: transform .8s cubic-bezier(.215, .61, .355, 1) .62s, opacity .8s cubic-bezier(.215, .61, .355, 1) .62s
}

button:hover .icon-hamburger .line-2:after {
    opacity: 0;
    transform: translate3d(-36px, 0, 0);
    transition: transform .6s cubic-bezier(.165, .84, .44, 1) .16s, opacity .6s cubic-bezier(.165, .84, .44, 1) .16s
}

button:hover .icon-hamburger .line-3:before {
    opacity: 1;
    transform: translateZ(0);
    transition: transform .8s cubic-bezier(.215, .61, .355, 1) .78s, opacity .8s cubic-bezier(.215, .61, .355, 1) .78s
}

button:hover .icon-hamburger .line-3:after {
    opacity: 0;
    transform: translate3d(-36px, 0, 0);
    transition: transform .6s cubic-bezier(.165, .84, .44, 1) .32s, opacity .6s cubic-bezier(.165, .84, .44, 1) .32s
}

.icon-plus {
    --mv-box-size: 12px;
    display: inline-block;
    height: var(--mv-box-size);
    position: relative;
    width: var(--mv-box-size)
}

.icon-plus:after,
.icon-plus:before {
    background-color: currentColor;
    content: "";
    display: inline-block;
    height: 2px;
    left: 50%;
    position: absolute;
    top: 50%;
    transform: translate(-50%, -50%);
    transition: width .5s ease, transform .5s ease;
    width: inherit
}

.icon-plus:after {
    transform: translate(-50%, -50%) rotate(90deg)
}

a:hover .icon-plus:after,
button:hover .icon-plus:after {
    width: 0
}

.icon-X {
    align-items: center;
    cursor: pointer;
    display: flex;
    height: 18px;
    justify-content: center;
    position: relative;
    width: 18px
}

.icon-X:after,
.icon-X:before {
    background-color: currentColor;
    content: "";
    height: 2px;
    left: 50%;
    position: absolute;
    top: 50%;
    transform-origin: center;
    transition: background-color .3s ease, transform .3s ease;
    width: 100%
}

.icon-X:before {
    transform: translate(-50%, -50%) rotate(45deg)
}

.icon-X:after {
    transform: translate(-50%, -50%) rotate(-45deg)
}

.button-close:hover .icon-X:after,
.button-close:hover .icon-X:before,
.icon-X:hover:after,
.icon-X:hover:before {
    transform: translate(-50%, -50%) rotate(0deg)
}

.comment-area a {
    color: inherit
}

.comment-area #reply-title,
.comment-area .comment-title {
    color: #060f16;
    font-size: 30px;
    font-weight: 600;
    letter-spacing: -1.2px;
    line-height: 1.73333;
    margin-bottom: 42px;
    padding-bottom: 9px;
    position: relative
}

.comment-area #reply-title:after,
.comment-area .comment-title:after {
    background-color: #a8ffbb;
    bottom: 0;
    content: "";
    display: inline-block;
    height: 3px;
    left: 0;
    position: absolute;
    width: 54px
}

.comment-area #reply-title {
    margin-bottom: 26px
}

.comment-area .comment-list,
.comment-area .comment-list li {
    display: flex;
    flex-direction: column;
    gap: 70px
}

.comment-area .comment-list li>.children {
    padding-left: 99px
}

@media screen and (max-width:1199px) {

    .comment-area .comment-list,
    .comment-area .comment-list li {
        gap: 50px
    }

    .comment-area .comment-list li>.children {
        padding-left: 60px
    }
}

@media screen and (max-width:767px) {

    .comment-area .comment-list,
    .comment-area .comment-list li {
        gap: 30px
    }

    .comment-area .comment-list li>.children {
        padding-left: 30px
    }
}

.comment-area .comment-box .comment-inner {
    display: flex;
    gap: 15px 30px
}

@media screen and (max-width:575px) {
    .comment-area .comment-box .comment-inner {
        flex-direction: column
    }
}

.comment-area .comment-image img {
    --mv-box-size: 99px;
    border-radius: 50%;
    height: var(--mv-box-size);
    min-width: var(--mv-box-size);
    width: var(--mv-box-size)
}

@media screen and (max-width:1199px) {
    .comment-area .comment-image img {
        --mv-box-size: 85px
    }
}

@media screen and (max-width:767px) {
    .comment-area .comment-image img {
        --mv-box-size: 65px
    }
}

.comment-area .comment-header {
    align-items: center;
    display: flex;
    gap: 15px 35px;
    margin-bottom: 13px
}

.comment-area .comment-content {
    padding-top: 10px
}

@media screen and (max-width:575px) {
    .comment-area .comment-content {
        padding-top: 0
    }
}

.comment-area .comment-text {
    color: #626262;
    font-size: 14px;
    letter-spacing: -.28px;
    line-height: 1.42857;
    max-width: 550px
}

@media screen and (max-width:991px) {
    .comment-area .comment-text {
        max-width: 100%
    }
}

.comment-area .comment-user {
    color: #060f16;
    font-size: 20px;
    font-weight: 600;
    line-height: 1
}

.comment-area .comment-date,
.comment-area .comment-reply {
    color: #060f16;
    font-size: 12px;
    font-weight: 400;
    letter-spacing: 1.2px;
    line-height: 1.33333;
    text-transform: uppercase
}

.comment-area .comment-reply {
    color: #626262;
    margin-top: 26px
}

.comment-area .comment-wrapper {
    margin-bottom: 92px
}

.comment-area .comment-note,
.comment-area .logged-in-as {
    color: #626262;
    font-family: Inter;
    font-size: 16px;
    font-weight: 500;
    letter-spacing: -.32px;
    line-height: 1.625;
    margin-bottom: 20px
}

.comment-area .comment-respond .grid {
    --mv-spacing-block: 28px;
    --mv-spacing-inline: 34px
}

.comment-area .comment-respond .grid .grid-item-full {
    line-height: 0;
    order: 1
}

.comment-area .comment-respond input:not(#wp-comment-cookies-consent),
.comment-area .comment-respond textarea {
    background-color: #fff;
    border: thin solid #d5d7da;
    border-radius: 15px;
    color: #626262;
    font-family: Inter;
    font-size: 16px;
    font-weight: 500;
    height: 58px;
    letter-spacing: -.32px;
    line-height: 1.625;
    padding-inline: 28px 15px;
    width: 100%
}

.comment-area .comment-respond textarea {
    border-radius: 20px;
    height: 138px;
    margin-bottom: 28px;
    padding-block: 17px 15px
}

.comment-area .comment-respond .comment-form {
    max-width: 800px
}

@media screen and (max-width:991px) {
    .comment-area .comment-respond .comment-form {
        max-width: 100%
    }
}

.comment-area .comment-respond .comment-form-cookies-consent {
    display: flex;
    font-size: 14px;
    gap: 5px;
    margin-bottom: 28px
}

.comment-area .comment-respond #submit {
    background: linear-gradient(180deg, #1c2f41, #060f16);
    border-radius: 15px;
    color: #fff;
    font-family: var(--mv-primary-font);
    font-size: 15px;
    font-weight: 500;
    height: 52px;
    line-height: 1.38667;
    padding-inline: 30px
}

.comment-area .comment-respond #cancel-comment-reply-link {
    font-size: 0;
    position: relative;
    --mv-box-size: 26px;
    background-color: #fff;
    border-radius: 50%;
    height: var(--mv-box-size);
    min-width: var(--mv-box-size);
    position: absolute;
    right: 0;
    top: 12px;
    width: var(--mv-box-size)
}

.comment-area .comment-respond #cancel-comment-reply-link:after,
.comment-area .comment-respond #cancel-comment-reply-link:before {
    background-color: #060f16;
    content: "";
    display: inline-block;
    height: 1px;
    left: 50%;
    position: absolute;
    top: 50%;
    transform: translate(-50%, -50%) rotate(45deg);
    transition: transform .3s ease;
    width: 100%
}

.comment-area .comment-respond #cancel-comment-reply-link:before {
    transform: translate(-50%, -50%) rotate(-45deg)
}

.comment-area .comment-respond #cancel-comment-reply-link:hover:after,
.comment-area .comment-respond #cancel-comment-reply-link:hover:before {
    transform: translate(-50%, -50%) rotate(0deg)
}

.widget.widget_block a {
    color: #060f16
}

.widget .widget-title {
    margin-bottom: 32px
}

.widget .wp-block-heading {
    font-size: 24px;
    letter-spacing: -.96px;
    line-height: 1.08333;
    margin-bottom: 32px
}

@media screen and (max-width:1199px) {
    .widget .wp-block-heading {
        font-size: 22px;
        font-size: 20px
    }
}

.widget.widget_search .wp-block-search {
    position: relative
}

.widget.widget_search .wp-block-search__label {
    display: none
}

.widget.widget_search .wp-block-search__input {
    border: thin solid #d5d7da;
    border-radius: 100px;
    font-family: Inter;
    font-size: 16px;
    font-weight: 500;
    height: 66px;
    letter-spacing: -.32px;
    line-height: 1.625;
    padding-inline: 32px 65px;
    width: 100%
}

.widget.widget_search .wp-block-search__button {
    position: absolute;
    --mv-box-size: 56px;
    background-color: #060f16;
    border-radius: 50%;
    color: #fff;
    height: var(--mv-box-size);
    min-width: var(--mv-box-size);
    right: 5px;
    top: 5px;
    width: var(--mv-box-size)
}

.widget.widget_search .search-form .search-field {
    border: thin solid #d5d7da;
    border-radius: 100px;
    font-family: Inter;
    font-size: 16px;
    font-weight: 500;
    height: 66px;
    letter-spacing: -.32px;
    line-height: 1.625;
    padding-inline: 32px 65px
}

.widget.widget_search .search-form .search-submit {
    --mv-box-size: 56px;
    background-color: #060f16;
    border-radius: 50%;
    color: #fff;
    height: var(--mv-box-size);
    min-width: var(--mv-box-size);
    right: 5px;
    top: 5px;
    width: var(--mv-box-size)
}

.widget+.widget {
    margin-top: 34px
}

@media screen and (max-width:1199px) {
    .widget+.widget {
        margin-top: 30px
    }
}

.widget:not(.widget_search) {
    background: #fff;
    border-radius: 6px;
    box-shadow: 0 11.351px 68.108px 0 rgba(137, 151, 186, .15);
    padding: 40px 33px
}

@media screen and (max-width:1199px) {
    .widget:not(.widget_search) {
        padding: 40px 30px
    }
}

@media screen and (max-width:767px) {
    .widget:not(.widget_search) {
        padding: 30px 15px
    }
}

@media screen and (max-width:991px) {
    .widget.widget_author_info {
        display: none
    }
}

.widget.widget_author_info .widget-content {
    align-items: center;
    display: flex;
    flex-direction: column
}

.widget.widget_author_info .author-avatar {
    margin-bottom: 24px;
    width: 100%
}

.widget.widget_author_info .author-avatar img {
    max-height: 221px;
    -o-object-fit: cover;
    object-fit: cover;
    width: 100%
}

.widget.widget_author_info .author-bio {
    color: #626262;
    font-family: Inter;
    font-size: 16px;
    font-weight: 500;
    letter-spacing: -.32px;
    line-height: 1.625;
    margin-bottom: 30px
}

.widget.widget_author_info .author-social-list {
    align-items: center;
    display: flex;
    gap: 10px;
    justify-content: center
}

.widget.widget_author_info .author-social-list .author-social-link {
    color: #060f16;
    --mv-box-size: 44px;
    align-items: center;
    background-color: #a8ffbb;
    border: thin solid #a8ffbb;
    border-radius: 50%;
    display: inline-flex;
    height: var(--mv-box-size);
    justify-content: center;
    min-width: var(--mv-box-size);
    width: var(--mv-box-size)
}

.widget.widget_author_info .author-social-list .author-social-link svg {
    height: 20px;
    width: auto
}

.widget.widget_author_info .author-social-list .author-social-link:hover {
    background-color: transparent
}

.widget.widget_categories ul li {
    align-items: center;
    color: #626262;
    display: flex;
    font-family: Inter;
    font-size: 16px;
    font-weight: 500;
    gap: 15px;
    justify-content: space-between;
    letter-spacing: -.32px;
    line-height: 1.625
}

.widget.widget_categories ul li a {
    color: #060f16;
    font-size: 18px;
    font-weight: 600;
    letter-spacing: -.72px;
    line-height: 1.222222
}

.widget.widget_categories ul li a:hover {
    color: #626262
}

.widget.widget_categories ul li:first-child {
    padding-block: 0 10px
}

.widget.widget_categories ul li:last-child {
    padding-block: 10px 0
}

.widget.widget_categories ul li {
    padding-block: 10px
}

.widget.widget_categories ul li+li {
    border-top: thin dashed #626262
}

.widget.widget_tag_cloud .tagcloud {
    display: inline-flex;
    flex-wrap: wrap;
    gap: 17px 9px
}

.widget.widget_tag_cloud .tagcloud a {
    align-items: center;
    background-color: #fff;
    border: thin solid #060f16;
    border-radius: 25px;
    color: rgba(6, 15, 22, .8);
    display: inline-flex;
    font-size: 16px !important;
    font-weight: 500;
    height: 48px;
    letter-spacing: .32px;
    line-height: 1.5;
    padding-inline: 23px;
    text-transform: uppercase
}

@media screen and (max-width:767px) {
    .widget.widget_tag_cloud .tagcloud a {
        font-size: 14px !important;
        height: 42px;
        padding-inline: 22px
    }
}

.widget.widget_tag_cloud .tagcloud a:hover {
    background-color: #a8ffbb;
    border-color: #a8ffbb
}

.widget.widget_custom_recent_posts .widget-content .post {
    display: flex;
    gap: 24px;
    padding-block: 26px
}

@media(min-width:992px)and (max-width:1199px) {
    .widget.widget_custom_recent_posts .widget-content .post {
        flex-wrap: wrap
    }

    .widget.widget_custom_recent_posts .widget-content .post .post-content,
    .widget.widget_custom_recent_posts .widget-content .post .post-featured-image {
        flex: 1 1 100%
    }
}

.widget.widget_custom_recent_posts .widget-content .post-title {
    color: #060f16;
    margin-bottom: 20px
}

.widget.widget_custom_recent_posts .widget-content .post-title a {
    color: inherit
}

.widget.widget_custom_recent_posts .widget-content .post-title:hover {
    color: #626262
}

.widget.widget_custom_recent_posts .widget-content .post-date {
    color: #626262;
    font-family: var(--mv-primary-font);
    font-size: 12px;
    font-weight: 500;
    line-height: 1.1667;
    text-transform: uppercase
}

.widget.widget_custom_recent_posts .widget-content .post-featured-image {
    border-radius: 6px;
    flex: 0 2 148px
}

.widget.widget_custom_recent_posts .widget-content .post-featured-image img {
    height: 100%;
    width: 100%
}

.widget.widget_custom_recent_posts .widget-content .post-content {
    flex: 1 1 130px
}

.widget.widget_custom_recent_posts .widget-content .post:first-child {
    padding-block: 0 26px
}

.widget.widget_custom_recent_posts .widget-content .post:last-child {
    padding-block: 26px 0
}

.widget.widget_custom_recent_posts .widget-content .post+.post {
    border-top: thin solid rgba(98, 98, 98, .15)
}

.marquee .marquee-inner {
    --mv-spacing-inline: 100px;
    --mv-animation-duration: 30s;
    display: flex;
    overflow-x: clip;
    --mv-translate-x: -100%
}

.marquee .marquee-inner[data-direction=rtl] {
    --mv-translate-x: calc(-100% - var(--mv-spacing-inline)/2)
}

.marquee .marquee-inner[data-direction=ltr] {
    --mv-translate-x: calc(100% + var(--mv-spacing-inline)/2);
    justify-content: end
}

.marquee .marquee-inner:hover.pause-on-hover .marquee-list {
    animation-play-state: paused
}

.marquee .marquee-list {
    align-items: center;
    animation: marquee var(--mv-animation-duration) linear infinite;
    display: flex;
    gap: var(--mv-spacing-inline);
    min-width: -moz-max-content;
    min-width: max-content;
    will-change: transform
}

.marquee .marquee-list.main {
    padding-right: calc(var(--mv-spacing-inline)/2)
}

.marquee .marquee-list.clone {
    padding-left: calc(var(--mv-spacing-inline)/2)
}

.marquee .marquee-item {
    align-items: center;
    display: inline-flex;
    flex-shrink: 0;
    gap: 0;
    justify-content: center
}

.marquee .marquee-item-image {
    overflow: hidden
}

.highlight-typing {
    display: inline;
    position: relative;
    z-index: 1
}

.highlight-typing[data-effect=typing-2] {
    background: linear-gradient(90deg, rgba(105, 56, 239, .2), rgba(105, 56, 239, .06));
    display: inline-block;
    overflow: hidden;
    position: relative;
    transform-origin: left center;
    vertical-align: bottom;
    white-space: nowrap
}

.highlight-typing[data-effect=typing-2] .dynamic-word {
    display: inline-block;
    padding-inline: 8px
}

.highlight-typing[data-effect=typing-2]:before {
    background-color: #0af;
    background: linear-gradient(90deg, #00ffae, #00c0ff);
    border-radius: 99px;
    content: "";
    height: 100%;
    left: 0;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    width: 4px
}

.back-to-top {
    background-color: var(--mv-primary-color);
    bottom: 30px;
    position: fixed;
    right: 30px;
    --mv-box-size: 50px;
    border-radius: 50%;
    color: var(--mv-secondary-color, #000);
    height: var(--mv-box-size);
    min-width: var(--mv-box-size);
    scale: 0;
    transition: scale .5s ease;
    width: var(--mv-box-size);
    z-index: 99999
}

.back-to-top.is-show {
    scale: 1
}

.body-overlay {
    background: rgba(0, 0, 0, .65);
    cursor: pointer;
    inset: 0;
    opacity: 0;
    pointer-events: none;
    position: fixed;
    transition: opacity .5s ease, visibility .5s ease;
    visibility: hidden;
    z-index: 10000
}

.body-overlay.is-visible {
    opacity: 1;
    pointer-events: visible;
    visibility: visible
}

.background-overlay {
    background: 50%/100% no-repeat;
    inset: 0;
    pointer-events: none;
    position: absolute;
    transition: opacity .3s linear, background-color .3s linear;
    z-index: 0
}

.video-popup {
    align-items: center;
    display: flex;
    gap: 0;
    inset: 0;
    justify-content: center;
    opacity: 0;
    padding: 50px 15px;
    pointer-events: none;
    position: fixed;
    transition: opacity .3s ease, visibility .3s ease;
    visibility: hidden;
    z-index: 10001
}

.video-popup.is-visible {
    opacity: 1;
    visibility: visible
}

.video-popup-inner {
    aspect-ratio: 16/9;
    background-color: #000;
    max-width: 1200px;
    pointer-events: visible;
    position: relative;
    transform: scale(1);
    transition: transform .3s ease;
    width: 100%
}

.video-popup.is-visible .video-popup-inner {
    transform: scale(1)
}

.video-popup iframe {
    border: 0;
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%
}

.video-popup .button-close {
    background-color: hsla(0, 0%, 100%, .05);
    border-radius: 0;
    pointer-events: visible;
    position: absolute;
    right: 0;
    top: 0;
    transform: translateY(-100%)
}

.video-popup .button-close .icon-X {
    height: 24px;
    width: 24px
}

.highlight {
    display: inline-block
}

.highlight-icon,
.highlight-image,
.highlight-wrapper:not(:has(.highlight-text)) {
    align-items: center;
    display: inline-flex;
    justify-content: center;
    vertical-align: middle
}

.highlight-wrapper {
    display: inline-block;
    position: relative
}

.highlight-text {
    display: inline
}

.highlight-icon svg {
    height: auto
}

[data-effect=random-transition] .image-random-transition {
    display: block;
    inset: 0;
    opacity: 0;
    position: absolute;
    text-align: center
}

[data-effect=random-transition] .image-random-transition img {
    display: inline-block;
    vertical-align: middle;
    width: auto
}

[data-effect=random-transition] .image-random-transition:first-child() {
    opacity: 1
}

[data-text]:not(.highlight-typing):not([data-hover=text-flip-3d]):not(.woosc-btn) {
    position: relative
}

[data-text]:not(.highlight-typing):not([data-hover=text-flip-3d]):not(.woosc-btn)>* {
    opacity: 0
}

[data-text]:not(.highlight-typing):not([data-hover=text-flip-3d]):not(.woosc-btn):before {
    content: attr(data-text);
    display: inline-block;
    position: relative;
    transition: opacity .3s ease
}

[data-text]:not(.highlight-typing):not([data-hover=text-flip-3d]):not(.woosc-btn):after {
    content: attr(data-text);
    inset: 0;
    opacity: 0;
    pointer-events: none;
    position: absolute;
    transition: opacity .3s ease;
    z-index: 1
}

[data-text]:not(.highlight-typing):not([data-hover=text-flip-3d]):not(.woosc-btn):hover:after,
button:hover [data-text]:not(.highlight-typing):not([data-hover=text-flip-3d]):not(.woosc-btn):after {
    opacity: 1
}

[data-text]:not(.highlight-typing):not([data-hover=text-flip-3d]):not(.woosc-btn):hover:before,
button:hover [data-text]:not(.highlight-typing):not([data-hover=text-flip-3d]):not(.woosc-btn):before {
    opacity: 0
}

.blur-bottom-site {
    bottom: 0;
    height: 20vh;
    left: 0;
    pointer-events: none;
    position: fixed;
    width: 100%;
    z-index: 999
}

.blur-bottom-site .blur {
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%
}

.blur-bottom-site .blur-1 {
    backdrop-filter: blur(.875px);
    -webkit-mask-image: linear-gradient(transparent 50%, #000 62.5%, #000 75%, transparent 87.5%);
    mask-image: linear-gradient(transparent 50%, #000 62.5%, #000 75%, transparent 87.5%)
}

.blur-bottom-site .blur-2 {
    backdrop-filter: blur(1.75px);
    -webkit-mask-image: linear-gradient(transparent 62.5%, #000 75%, #000 87.5%, transparent);
    mask-image: linear-gradient(transparent 62.5%, #000 75%, #000 87.5%, transparent)
}

.blur-bottom-site .blur-3 {
    backdrop-filter: blur(3.5px);
    -webkit-mask-image: linear-gradient(transparent 75%, #000 87.5%, #000);
    mask-image: linear-gradient(transparent 75%, #000 87.5%, #000)
}

.box-gradient,
.button-gradient {
    overflow: hidden;
    position: relative
}

.box-gradient:before,
.button-gradient:before {
    background: initial;
    background: 50%/cover no-repeat;
    content: "";
    inset: 0;
    opacity: 0;
    position: absolute;
    transition: opacity .3s linear;
    z-index: 0
}

.box-gradient>*,
.button-gradient>* {
    position: relative
}

.box-gradient.is-active:before,
.box-gradient:hover:before,
.button-gradient.is-active:before,
.button-gradient:hover:before {
    opacity: 1
}

.box-gradient:before {
    transition: opacity .3s ease
}

.svg-render {
    bottom: 0;
    left: 0;
    opacity: 0;
    pointer-events: none;
    position: absolute;
    visibility: hidden
}

.is-sticky,
.pin-spacer {
    transition: none !important
}

.is-sticky {
    height: -moz-fit-content !important;
    height: fit-content !important
}

.gradient-3-color {
    --gradient-color: #434aff;
    --gradient-color-2: #47b2ff;
    --gradient-color-3: #39edac;
    --mv-angle: 270deg;
    background: linear-gradient(var(--mv-angle), var(--gradient-color) 13.62%, var(--gradient-color-2) 63.88%, var(--gradient-color-3) 91.61%)
}

.gradient-6-color {
    --mv-angle: 180deg;
    --gradient-color: #7648ff;
    --gradient-color-2: #4a92ff;
    --gradient-color-3: #47f3ff;
    --gradient-color-4: #3bff93;
    --gradient-color-5: #febe57;
    --gradient-color-6: #fe487b;
    --mv-angle: 90deg;
    background: linear-gradient(var(--mv-angle), var(--gradient-color) 0, var(--gradient-color-2) 19.77%, var(--gradient-color-3) 39.54%, var(--gradient-color-4) 59.88%, var(--gradient-color-5) 80.21%, var(--gradient-color-6) 100%)
}

.box-border-gradient {
    animation: rotate 5s linear infinite;
    background: linear-gradient(var(--mv-background-color, #000), var(--mv-background-color-b, #000)) padding-box, linear-gradient(var(--mv-angle), var(--gradient-color, #434aff), var(--gradient-color-2, #47b2ff)) border-box !important;
    border: var(--mv-border-width, 10px) solid transparent
}

.box-border-gradient.three-colors {
    background: linear-gradient(var(--mv-background-color, #000), var(--mv-background-color-b, #000)) padding-box, linear-gradient(var(--mv-angle), var(--gradient-color, #434aff), var(--gradient-color-2, #47b2ff), var(--gradient-color-3, #39edac)) border-box !important
}

.box-border-gradient.four-colors {
    background: linear-gradient(var(--mv-background-color, #000), var(--mv-background-color-b, #000)) padding-box, linear-gradient(var(--mv-angle), var(--gradient-color, #434aff), var(--gradient-color-2, #47b2ff), var(--gradient-color-3, #39edac), var(--gradient-color-4, #47b2ff)) border-box !important
}

.box-border-gradient.five-colors {
    background: linear-gradient(var(--mv-background-color, #000), var(--mv-background-color-b, #000)) padding-box, linear-gradient(var(--mv-angle), var(--gradient-color, #434aff), var(--gradient-color-2, #47b2ff), var(--gradient-color-3, #39edac), var(--gradient-color-4, #47b2ff), var(--gradient-color-5, #434aff)) border-box !important
}

.box-border-gradient.six-colors {
    background: linear-gradient(var(--mv-background-color, #000), var(--mv-background-color-b, #000)) padding-box, linear-gradient(var(--mv-angle), #fff 0, var(--gradient-color, #7648ff) 0, var(--gradient-color-2, #4a92ff) 19.77%, var(--gradient-color-3, #47f3ff) 39.54%, var(--gradient-color-4, #3bff93) 59.88%, var(--gradient-color-5, #febe57) 80.21%, var(--gradient-color-6, #fe487b) 100%) border-box !important
}

[data-hover=text-underline]:hover {
    text-decoration-color: currentColor;
    text-decoration-line: underline;
    text-decoration-thickness: var(--mv-line-thickness, 1px);
    text-underline-offset: 5px
}

[data-hover=text-underline-slide]>a,
[data-hover=text-underline-slide]>span {
    background-image: linear-gradient(transparent calc(100% - var(--mv-line-thickness, 1px)), currentColor 0);
    background-position: 0 100%;
    background-repeat: no-repeat;
    background-size: 0 100%;
    display: inline;
    transition: background-size .5s ease !important
}

[data-hover=text-underline-slide]:hover>a,
[data-hover=text-underline-slide]:hover>span {
    background-position: 0 100%;
    background-size: 100% 100%
}

[data-hover=text-underline-slide]:not(:hover)>a,
[data-hover=text-underline-slide]:not(:hover)>span {
    background-position: 100% 100%
}

[data-hover=text-flip-3d] {
    display: block;
    --mv-translate-z: 11px;
    position: relative;
    transform: rotateX(-90deg);
    transform-style: preserve-3d;
    transition: transform .3s ease
}

[data-hover=text-flip-3d]>a,
[data-hover=text-flip-3d]>span {
    display: block;
    opacity: 0;
    position: relative;
    z-index: 99
}

[data-hover=text-flip-3d]:after,
[data-hover=text-flip-3d]:before {
    content: attr(data-text);
    height: 100%;
    left: 0;
    pointer-events: none;
    position: absolute;
    text-align: inherit;
    top: 0;
    width: 100%
}

[data-hover=text-flip-3d]:before {
    color: currentColor;
    transform: rotateX(90deg) translateZ(var(--mv-translate-z))
}

[data-hover=text-flip-3d]:after {
    color: var(--mv-link-hover-color);
    transform: translateZ(var(--mv-translate-z))
}

.links li:hover [data-hover=text-flip-3d],
.team-title:hover [data-hover=text-flip-3d],
[data-hover=text-flip-3d]:hover {
    transform: rotateX(0deg)
}

.text-gradient {
    --mv-angle: 270deg;
    --gradient-color: #434aff;
    --gradient-color-2: #47b2ff;
    --gradient-color-3: #39edac;
    background-clip: text;
    -webkit-background-clip: text !important;
    background: linear-gradient(var(--mv-angle), var(--gradient-color) 0, var(--gradient-color-2) 100%);
    color: transparent;
    -webkit-text-fill-color: transparent
}

.text-gradient.three-colors {
    background: linear-gradient(var(--mv-angle), var(--gradient-color) 0, var(--gradient-color-2) 50%, var(--gradient-color-3) 100%)
}

.feature-list {
    display: flex;
    flex-direction: column;
    gap: 10px
}

.feature-list .list-item {
    align-items: center;
    display: flex;
    gap: 15px
}

.transition-normal {
    transition: .3s linear
}

.box-bubble {
    background: linear-gradient(180deg, #ad9eff, #cbb5ff 103.56%);
    border-radius: 24px;
    color: #fff;
    padding: 6px 7px;
    position: relative
}

.box-bubble:after {
    background: inherit;
    bottom: 0;
    clip-path: polygon(50% 0, 0 100%, 100% 100%);
    content: "";
    height: 15px;
    left: 9px;
    position: absolute;
    transform: translateY(55%) scaleY(-1);
    width: 15px;
    z-index: -1
}

[data-gsap-animation],
[data-text-animation] {
    visibility: hidden
}

[data-text-animation] .char,
[data-text-animation] .line,
[data-text-animation] .word {
    will-change: transform, opacity
}

[data-gsap-animation] {
    transition: none !important
}

[data-scrolling-effects] {
    visibility: hidden
}

.nice-select {
    align-items: center;
    display: flex
}

.nice-select ul.list {
    margin-top: 30px;
    opacity: 0;
    pointer-events: none;
    transform: translate(0);
    width: 100%
}

.nice-select.open ul.list {
    margin-top: 1px;
    opacity: 1;
    pointer-events: visible
}

.header {
    overflow-x: clip
}

.header .header-menu li .menu-link-icon {
    display: none
}

.header .header-menu li.menu-item-has-children>a .menu-link-icon {
    display: inline-flex
}

.header .header-menu li.menu-item-has-children>a .menu-link-icon .chevron-icon {
    height: auto;
    transition: transform .3s linear;
    width: 8px
}

#header-desktop[data-layout=default],
#header-mobile[data-layout=default] {
    background-color: #fff;
    box-shadow: 0 10px 30px 0 rgba(0, 0, 0, .05);
    padding-inline: 15px
}

#header-desktop[data-layout=default] .header-inner,
#header-mobile[data-layout=default] .header-inner {
    align-items: center;
    display: flex;
    gap: 30px;
    justify-content: space-between;
    margin: 0 auto;
    max-width: 1320px;
    width: 100%
}

#header-desktop[data-layout=default] .header-menu,
#header-mobile[data-layout=default] .header-menu {
    gap: 30px
}

#header-desktop[data-layout=default] .header-menu>li>a,
#header-mobile[data-layout=default] .header-menu>li>a {
    color: #000;
    height: 90px
}

#header-desktop[data-layout=default] .header-menu>li>a .menu-link-inner,
#header-mobile[data-layout=default] .header-menu>li>a .menu-link-inner {
    gap: 5px
}

@media screen and (min-width:1200px) {
    .header-menu li>.sub-menu li>a {
        height: 40px;
        justify-content: space-between;
        padding-inline: 30px;
        width: 100%
    }

    .header-menu .sub-menu {
        background-color: #fff;
        border-radius: 0 0 10px 10px;
        box-shadow: 0 5px 55px 0 rgba(75, 83, 161, .15);
        left: 100%;
        min-width: 225px;
        opacity: 0;
        padding-block: 15px;
        pointer-events: none;
        position: absolute;
        top: 0;
        transition: transform .5s ease, opacity .5s ease;
        z-index: 99
    }

    .header-menu .sub-menu.pxl-mega-menu {
        background-color: var(--mv-body-bg-color, #fff)
    }

    .header-menu .sub-menu .sub-menu {
        border-radius: 15px
    }

    .header-menu .sub-menu li>a:before {
        background-color: currentColor;
        content: "";
        display: inline-flex;
        height: 1px;
        transition: width .3s, margin .3s;
        width: 0
    }

    .header-menu .sub-menu li.current-menu-ancestor>a:before,
    .header-menu .sub-menu li.current-menu-item>a:before,
    .header-menu .sub-menu li.current-menu-parent>a:before,
    .header-menu .sub-menu li.current_page_item>a:before,
    .header-menu .sub-menu li:hover>a:before {
        margin-right: 8px;
        width: 16px
    }
}

@media screen and (max-width:1199px) {

    #header-desktop,
    #header-sticky {
        display: none
    }
}

#header-desktop .header-logo img,
#header-sticky .header-logo img {
    height: 33px
}

#header-desktop.header-transparent,
#header-sticky.header-transparent {
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 9999
}

#header-desktop .header-menu,
#header-sticky .header-menu {
    display: flex
}

#header-desktop .header-menu:has(.pxl-megamenu),
#header-sticky .header-menu:has(.pxl-megamenu) {
    position: static !important
}

#header-desktop .header-menu li,
#header-sticky .header-menu li {
    font-weight: 500;
    position: relative
}

#header-desktop .header-menu li.pxl-megamenu,
#header-sticky .header-menu li.pxl-megamenu {
    position: static
}

#header-desktop .header-menu li.menu-item-has-children>a .menu-link-icon.menu-link-icon--mobile,
#header-sticky .header-menu li.menu-item-has-children>a .menu-link-icon.menu-link-icon--mobile {
    display: none
}

#header-desktop .header-menu li a,
#header-sticky .header-menu li a {
    align-items: center;
    display: inline-flex
}

#header-desktop .header-menu li a .menu-link-inner,
#header-sticky .header-menu li a .menu-link-inner {
    line-height: 1.5
}

#header-desktop .header-menu li>.sub-menu.pxl-mega-menu,
#header-sticky .header-menu li>.sub-menu.pxl-mega-menu {
    overflow: hidden;
    padding: 0
}

#header-desktop .header-menu li:hover>a .menu-link-icon .chevron-icon,
#header-sticky .header-menu li:hover>a .menu-link-icon .chevron-icon {
    transform: scaleY(-1)
}

#header-desktop .header-menu li:hover>.sub-menu,
#header-sticky .header-menu li:hover>.sub-menu {
    opacity: 1;
    pointer-events: visible
}

#header-desktop .header-menu li:hover .show-case .show-case-image-group .show-case-image.is-active,
#header-sticky .header-menu li:hover .show-case .show-case-image-group .show-case-image.is-active {
    pointer-events: auto
}

#header-desktop .header-menu>li>.sub-menu,
#header-sticky .header-menu>li>.sub-menu {
    left: 0;
    top: 100%
}

#header-desktop .header-menu-empty li,
#header-sticky .header-menu-empty li {
    font-size: 18px
}

#header-desktop .show-case .show-case-image-group .show-case-image,
#header-sticky .show-case .show-case-image-group .show-case-image {
    pointer-events: none
}

@media screen and (min-width:1200px) {
    #header-mobile {
        display: none
    }
}

#header-mobile {
    background-color: var(--mv-body-bg-color, #fff);
    box-shadow: 0 5px 50px 0 rgba(0, 0, 0, .05);
    padding-inline: 15px
}

#header-mobile .header-inner {
    align-items: center;
    display: flex;
    gap: 30px;
    height: 80px;
    justify-content: space-between;
    position: relative;
    z-index: 999
}

#header-mobile .header-divider {
    background-color: #d5d7da;
    height: 1px;
    margin-block: 30px
}

#header-mobile .header-logo {
    line-height: 0
}

#header-mobile .header-logo img {
    height: 36px
}

#header-mobile .header-drawer .button-close {
    --mv-box-size: 43px;
    background-color: #000c60;
    border-radius: 0;
    color: var(--mv-secondary-color);
    height: var(--mv-box-size);
    position: absolute;
    right: 0;
    top: 0;
    width: var(--mv-box-size)
}

#header-mobile .header-drawer .button-close .icon-close {
    --mv-box-size: 16px
}

#header-mobile .header-drawer .button-close .icon-close:after,
#header-mobile .header-drawer .button-close .icon-close:before {
    height: 1px
}

#header-mobile .header-drawer .button-close:hover .icon-close:after,
#header-mobile .header-drawer .button-close:hover .icon-close:before {
    transform: translate(-50%, -50%) rotate(0)
}

#header-mobile .header-drawer {
    box-shadow: 0 5px 50px 0 rgba(0, 0, 0, .05);
    width: -moz-fit-content;
    width: fit-content
}

#header-mobile .header-drawer[data-layout=default] {
    background-color: var(--mv-body-bg-color, #fff);
    max-width: 450px;
    padding: 30px;
    width: 100%
}

@media screen and (max-width:991px) {
    #header-mobile .header-drawer[data-layout=default] {
        max-width: 400px
    }
}

@media screen and (max-width:767px) {
    #header-mobile .header-drawer[data-layout=default] {
        max-width: 350px
    }
}

@media screen and (max-width:575px) {
    #header-mobile .header-drawer[data-layout=default] {
        max-width: 320px
    }
}

#header-mobile .header-drawer[data-layout=default] .header-logo {
    margin-bottom: 30px
}

#header-mobile .header-drawer .header-searchform .search-form {
    position: relative
}

#header-mobile .header-drawer .header-searchform input {
    border: thin solid #d5d7da;
    border-radius: 5px;
    color: #000;
    font-family: var(--mv-primary-font);
    font-size: 14px;
    height: 46px;
    padding-inline: 10px 50px;
    width: 100%
}

#header-mobile .header-drawer .header-searchform input::-moz-placeholder {
    opacity: .5
}

#header-mobile .header-drawer .header-searchform input::placeholder {
    opacity: .5
}

#header-mobile .header-drawer .header-searchform button {
    --mv-box-size: 46px;
    background-color: var(--mv-primary-color);
    border-radius: 5px;
    border-bottom-left-radius: 0;
    border-top-left-radius: 0;
    color: var(--mv-secondary-color);
    height: var(--mv-box-size);
    min-width: var(--mv-box-size);
    position: absolute;
    right: 0;
    top: 0;
    width: var(--mv-box-size)
}

#header-mobile .header-menu {
    display: flex;
    flex-direction: column;
    gap: 5px
}

#header-mobile .header-menu li {
    font-size: 16px;
    font-weight: 400;
    text-transform: uppercase
}

#header-mobile .header-menu li .sub-menu.pxl-mega-menu {
    padding-block: 5px
}

#header-mobile .header-menu li>a {
    color: var(--mv-heading-color, #000);
    display: block
}

#header-mobile .header-menu li>a .menu-link-inner {
    align-items: center;
    display: flex;
    gap: 15px;
    justify-content: space-between;
    padding-block: 5px;
    width: 100%
}

#header-mobile .header-menu li>a .menu-link-icon--desktop {
    display: none
}

#header-mobile .header-menu li>a .menu-link-icon--mobile {
    --mv-box-size: 24px;
    align-items: center;
    background-color: #fff;
    border-radius: 5px;
    box-shadow: 0 10px 60px 20px rgba(0, 0, 0, .08);
    color: #000;
    height: var(--mv-box-size);
    justify-content: center;
    min-width: var(--mv-box-size);
    width: var(--mv-box-size)
}

#header-mobile .header-menu li.is-open>a .icon-plus:after,
#header-mobile .header-menu li.menu-item-has>a .icon-plus:after {
    width: 0
}

#header-mobile .header-menu li>.sub-menu {
    display: none;
    overflow: hidden
}

#header-mobile .header-menu>li>.sub-menu>li>a {
    padding-left: 20px
}

#header-mobile .header-menu>li>.sub-menu>li>.sub-menu>li>a {
    padding-left: 40px
}

#header-mobile .header-menu>li>.sub-menu>li>.sub-menu>li>.sub-menu>li>a {
    padding-left: 60px
}

#header-mobile .header-menu>li>.sub-menu>li>.sub-menu>li>.sub-menu>li>.sub-menu>li>a {
    padding-left: 80px
}

#header-mobile .header-menu>li>.sub-menu>li>.sub-menu>li>.sub-menu>li>.sub-menu>li .sub-menu>li>a {
    padding-left: 100px
}

#header-sticky {
    left: 0;
    margin-top: -50px;
    opacity: 0;
    pointer-events: none;
    position: fixed;
    top: 0;
    transition: margin-top .5s cubic-bezier(.165, .84, .44, 1), opacity .3s linear;
    width: 100%;
    z-index: 9999
}

#header-sticky.is-active {
    margin-top: 0;
    opacity: 1;
    pointer-events: auto
}

#hero-section[data-layout=default] {
    background-color: #d9d9d9;
    padding-inline: 15px
}

#hero-section[data-layout=default] .hero-inner {
    align-items: center;
    display: flex;
    gap: 0;
    margin: 0 auto;
    max-width: 1320px;
    min-height: 350px;
    padding-block: 120px;
    text-align: center;
    width: 100%
}

@mediascreen and (max-width: 1199px) {
    #hero-section[data-layout=default] .hero-inner {
        padding-block: 105px
    }
}

@mediascreen and (max-width: 767px) {
    #hero-section[data-layout=default] .hero-inner {
        padding-block: 90px
    }
}

#hero-section[data-layout=default] .hero-inner .hero-title {
    display: block;
    width: 100%;
    -ms-word-wrap: break-word;
    word-wrap: break-word
}

.footer {
    overflow-x: clip
}

#footer[data-layout=default] {
    background-color: #1f1f1f;
    padding-inline: 15px
}

#footer[data-layout=default] .footer-inner {
    align-items: center;
    display: flex;
    height: 90px;
    justify-content: center;
    margin: 0 auto;
    max-width: 1320px;
    text-align: center;
    width: 100%
}

#footer[data-layout=default] p {
    color: #fff;
    font-size: 18px;
    font-weight: 500
}

#footer[data-layout=default] p>a {
    color: inherit
}

#footer[data-layout=default] p>a:hover {
    text-decoration: underline
}

#footer-2 .elementor-background-video-container .elementor-background-video-hosted {
    bottom: 0;
    left: 0;
    top: auto;
    transform: translate(0)
}

.single.single-post.sidebar-position-none #main .inner {
    max-width: 860px
}

.single.single-career #main {
    padding-inline: 15px
}

.single.single-career #main .inner {
    margin: 0 auto;
    max-width: 1300px;
    padding-block: 163px
}

@media screen and (max-width:1199px) {
    .single.single-career #main .inner {
        padding-block: 105px
    }
}

@media screen and (max-width:767px) {
    .single.single-career #main .inner {
        padding-block: 90px
    }
}

.blog.sidebar-position-left #main .inner,
.single.single-post.sidebar-position-left #main .inner,
body.archive.sidebar-position-left #main .inner,
body.search.sidebar-position-left #main .inner {
    flex-direction: row-reverse
}

@media screen and (max-width:991px) {

    .blog.sidebar-position-left #main .inner,
    .single.single-post.sidebar-position-left #main .inner,
    body.archive.sidebar-position-left #main .inner,
    body.search.sidebar-position-left #main .inner {
        flex-wrap: wrap-reverse
    }
}

.blog.sidebar-position-none #main .inner .content-area,
.single.single-post.sidebar-position-none #main .inner .content-area,
body.archive.sidebar-position-none #main .inner .content-area,
body.search.sidebar-position-none #main .inner .content-area {
    flex: 0 1 100%;
    max-width: 100%
}

.blog #main,
.single.single-post #main,
body.archive #main,
body.search #main {
    padding-inline: 15px
}

.blog #main .inner,
.single.single-post #main .inner,
body.archive #main .inner,
body.search #main .inner {
    display: flex;
    gap: 30px;
    justify-content: space-between;
    margin: 0 auto;
    max-width: 1335px;
    padding-block: 129px 120px;
    row-gap: 105px
}

.blog #main .inner .content-area,
.single.single-post #main .inner .content-area,
body.archive #main .inner .content-area,
body.search #main .inner .content-area {
    flex: 0 1 859px;
    max-width: 100%
}

.blog #main .inner .sidebar-area,
.single.single-post #main .inner .sidebar-area,
body.archive #main .inner .sidebar-area,
body.search #main .inner .sidebar-area {
    flex: 0 1 392px;
    max-width: 100%;
    min-width: 300px
}

@media screen and (max-width:1199px) {

    .blog #main .inner,
    .single.single-post #main .inner,
    body.archive #main .inner,
    body.search #main .inner {
        padding-block: 105px !important
    }
}

@media screen and (max-width:991px) {

    .blog #main .inner,
    .single.single-post #main .inner,
    body.archive #main .inner,
    body.search #main .inner {
        flex-wrap: wrap
    }

    .blog #main .inner .content-area,
    .blog #main .inner .sidebar-area,
    .single.single-post #main .inner .content-area,
    .single.single-post #main .inner .sidebar-area,
    body.archive #main .inner .content-area,
    body.archive #main .inner .sidebar-area,
    body.search #main .inner .content-area,
    body.search #main .inner .sidebar-area {
        flex: 0 1 100%
    }
}

@media screen and (max-width:767px) {

    .blog #main .inner,
    .single.single-post #main .inner,
    body.archive #main .inner,
    body.search #main .inner {
        padding-block: 90px !important;
        row-gap: 90px
    }
}

.blog #main .inner .content-area {
    flex: 0 1 901px
}

#main {
    overflow-x: clip
}

#main .main-inner>.elementor {
    width: 100%
}

#siteLoader {
    align-items: center;
    background-color: #000;
    display: flex;
    height: 100%;
    justify-content: center;
    left: 0;
    position: fixed;
    top: 0;
    transition: opacity .5s linear;
    width: 100%;
    z-index: 100000
}

#siteLoader.is-loaded {
    opacity: 0;
    pointer-events: none;
    visibility: hidden
}

#siteLoader .loader-logo {
    align-items: center;
    border-radius: 24px;
    display: inline-flex;
    justify-content: center;
    position: relative;
    --mv-box-size: 130px;
    border-radius: 50%;
    height: var(--mv-box-size);
    min-width: var(--mv-box-size);
    padding: 30px;
    transition: scale .3s ease;
    width: var(--mv-box-size)
}

#siteLoader .loader-logo img {
    height: auto;
    position: relative;
    width: 100%;
    z-index: 2
}

#siteLoader .loader-logo:before {
    animation: loaderRotate 1.4s linear infinite;
    background: conic-gradient(from 0deg, transparent 0deg, transparent 200deg, #434aff 220deg, #47b2ff 260deg, #39edac 300deg, transparent 330deg, transparent 1turn);
    border-radius: inherit;
    content: "";
    inset: 0;
    position: absolute
}

#siteLoader .loader-logo:after {
    background: #000;
    border: 1px solid hsla(0, 0%, 100%, .15);
    border-radius: inherit;
    content: "";
    inset: 2px;
    position: absolute;
    z-index: 1
}

@keyframes loaderRotate {
    to {
        transform: rotate(1turn)
    }
}

.carousel {
    overflow: hidden;
    position: relative
}

.carousel:has(.swiper-boxshadow) {
    overflow: visible
}

.carousel:has(.swiper-boxshadow) .carousel-item {
    opacity: 0;
    transition-duration: .3s;
    transition-property: opacity;
    transition-timing-function: inherit
}

.carousel:has(.swiper-boxshadow) .carousel-item.swiper-slide-active,
.carousel:has(.swiper-boxshadow) .carousel-item.swiper-slide-fully-visible,
.carousel:has(.swiper-boxshadow) .carousel-item.swiper-slide-visible {
    opacity: 1
}

.carousel .carousel-container {
    overflow: visible;
    position: static
}

.carousel .carousel-container:not(.swiper-vertical) {
    margin-inline: calc(var(--mv-spacing-inline)*-1/2)
}

.carousel .carousel-container:not(.swiper-vertical) .carousel-item {
    padding-inline: calc(var(--mv-spacing-inline)/2)
}

.carousel .carousel-container.swiper-grid .carousel-inner {
    flex-wrap: wrap
}

.carousel .carousel-container.swiper-vertical {
    height: 100vh;
    margin-block: calc(var(--mv-spacing-block)*-1/2);
    overflow-y: clip
}

.carousel .carousel-container.swiper-vertical .carousel-inner {
    flex-direction: column
}

.carousel .carousel-container.swiper-vertical .carousel-item {
    height: -moz-fit-content !important;
    height: fit-content !important;
    padding-block: calc(var(--mv-spacing-block)/2)
}

.carousel .carousel-container.swiper-grid {
    margin-block: calc(var(--mv-spacing-block)*-1/2);
    margin-inline: calc(var(--mv-spacing-inline)*-1/2)
}

.carousel .carousel-container.swiper-grid .carousel-item {
    padding-block: calc(var(--mv-spacing-block)/2);
    padding-inline: calc(var(--mv-spacing-inline)/2)
}

.carousel .carousel-inner {
    display: flex
}

.carousel .carousel-item {
    height: auto
}

.carousel-pagination {
    align-items: center;
    display: flex;
    gap: 15px;
    justify-content: center;
    margin-top: 50px
}

.carousel-pagination .bullet {
    display: block;
    position: relative;
    --mv-box-size: 12px;
    background-color: #c8c8c8;
    border-radius: 50%;
    cursor: pointer;
    height: var(--mv-box-size);
    min-width: var(--mv-box-size);
    overflow: hidden;
    width: var(--mv-box-size)
}

.carousel-pagination .bullet:before {
    background: linear-gradient(90deg, #ea580c, #f97316 50%, #f59e0b);
    content: "";
    inset: 0;
    opacity: 0;
    position: absolute;
    transition: opacity .3s linear
}

.carousel-pagination .bullet.is-active:before,
.carousel-pagination .bullet:hover:before {
    opacity: 1
}

.carousel .carousel-navigation {
    margin-top: 30px
}

.carousel-navigation {
    display: flex;
    gap: 15px;
    justify-content: center;
    pointer-events: none;
    width: 100%
}

.carousel-navigation.carousel-navigation-hide {
    display: none
}

.carousel-navigation .carousel-button {
    color: #2b2b2b;
    pointer-events: visible;
    --mv-box-size: 60px;
    background-color: #fff;
    border-radius: 50%;
    box-shadow: 0 0 0 1px rgba(24, 24, 27, .05), 0 1px 1px -.5px rgba(24, 24, 27, .05), 0 3px 3px -1.5px rgba(24, 24, 27, .05), 0 6px 6px -3px rgba(24, 24, 27, .05), 0 12px 12px -6px rgba(24, 24, 27, .05), 0 24px 24px -12px rgba(24, 24, 27, .05);
    height: var(--mv-box-size);
    min-width: var(--mv-box-size);
    width: var(--mv-box-size)
}

.carousel-navigation .carousel-button:hover {
    background-color: #9578ff;
    color: #fff
}

.carousel-navigation .carousel-button.swiper-button-disabled {
    cursor: not-allowed
}

.elementor-editor-active .e-con.e-parent {
    --container-default-padding-right: 0;
    --container-default-padding-left: 0
}

.elementor-editor-active .elementor-element[data-nesting-level="0"] {
    --container-default-padding-right: 15px;
    --container-default-padding-left: 15px
}

.elementor-editor-active .elementor-widget-mindverse_image {
    line-height: 0
}

.elementor-editor-active .footer,
.elementor-editor-active .header {
    opacity: 1;
    pointer-events: none
}

.elementor-editor-active .price-table .grid .grid-inner {
    height: auto !important
}

.elementor-editor-active .wow,
.elementor-editor-active [data-gsap-animation],
.elementor-editor-active [data-scrolling-effects],
.elementor-editor-active [data-text-animation] {
    visibility: visible
}

.elementor-editor-active #header-sticky {
    display: none
}

.elementor-editor-active.single-pxl-template {
    background-color: #999
}

.single .e-con.e-parent,
.single .elementor-element[data-nesting-level="0"] {
    --container-default-padding-right: 0px;
    --container-default-padding-left: 0px;
    --column-gap: 0px
}

.e-con.e-parent {
    --container-default-padding-right: 15px;
    --container-default-padding-left: 15px;
    --column-gap: 30px
}

.elementor-element {
    background: 50%/cover no-repeat
}

.elementor-shape {
    left: 0;
    position: absolute;
    width: 100%
}

.elementor-shape.elementor-shape-top {
    top: 0
}

.elementor-shape.elementor-shape-bottom {
    bottom: 0;
    transform: scaleY(-1)
}

.elementor-editor-active #main .elementor-section-wrap.ui-sortable {
    margin: 0
}

.mindverse-no-found {
    background-color: #fff;
    border-radius: 5px;
    color: #000;
    font-size: 16px;
    padding: 10px 15px
}

.elementor-widget-mindverse_svg_effects {
    display: flex
}

.elementor-widget-mindverse_contact_form,
.elementor-widget-mindverse_icon,
.elementor-widget-mindverse_image,
.elementor-widget-mindverse_post_featured_image,
.elementor-widget-mindverse_site_logo,
.elementor-widget-mindverse_svg_effects {
    line-height: 0
}

.elementor-widget-mindverse_icon i {
    line-height: 1
}

.mindverse-e-background,
.mindverse-e-background-overlay {
    background: 50%/cover no-repeat;
    inset: 0;
    pointer-events: none;
    position: absolute;
    will-change: transform;
    z-index: 0
}

.mindverse-e-shape {
    background-color: #000;
    height: 350px;
    width: 100%
}

.parallax-item {
    position: absolute
}

.elementor-widget-mindverse_shape {
    pointer-events: none
}

.elementor .site-logo {
    display: inline-block
}

.elementor .site-logo img {
    height: 50px
}

.mindverse-e-toggle-switch-content {
    height: var(--mv-height, 0) !important;
    min-height: var(--mv-height, 0) !important;
    opacity: 0;
    overflow: hidden;
    transition: height .35s ease, opacity .25s ease !important
}

.mindverse-e-toggle-switch-content.is-active {
    opacity: 1
}

[data-mousemove-effect=parallax] {
    transition: none !important
}

@media screen and (max-width:575px) {

    .elementor .elementor-hidden-mobile,
    .pxl-hidden-xs {
        display: none !important
    }
}

@media(min-width:576px)and (max-width:767px) {

    .elementor .elementor-hidden-mobile_extra,
    .pxl-hidden-sm {
        display: none !important
    }
}

@media(min-width:768px)and (max-width:991px) {

    .elementor .elementor-hidden-tablet,
    .pxl-hidden-md {
        display: none !important
    }
}

@media(min-width:992px)and (max-width:1199px) {

    .elementor .elementor-hidden-tablet_extra,
    .pxl-hidden-lg {
        display: none !important
    }
}

@media(min-width:1201px)and (max-width:1399px) {

    .elementor .elementor-hidden-laptop,
    .pxl-hidden-xl {
        display: none !important
    }
}

.elementor-widget-mindverse_divider {
    display: flex
}

.elementor-widget-mindverse_navigation_carousel {
    pointer-events: none
}

.background {
    background: 50%/cover no-repeat;
    min-height: 500px
}

.image {
    display: inline-block;
    line-height: 0;
    overflow: hidden;
    position: relative
}

.image .overlay {
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%
}

.image img {
    height: auto;
    -o-object-fit: cover;
    object-fit: cover;
    width: 100%
}

.image canvas {
    height: 100% !important;
    left: 0;
    pointer-events: none;
    position: absolute;
    top: 0;
    width: 100% !important
}

.mindverse-particles {
    height: 100%;
    min-height: 50px;
    overflow: hidden;
    pointer-events: none;
    position: relative;
    width: 100%
}

.mindverse-particles canvas {
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%
}

.counter-box {
    display: flex;
    gap: 15px
}

.counter-box .counter-box-icon {
    align-items: center;
    display: inline-flex;
    gap: 0;
    justify-content: center
}

.counter-box .counter-box-content {
    display: flex;
    flex-direction: column;
    gap: 10px
}

.counter-box .counter-box-number {
    display: inline-flex;
    gap: 0
}

.counter-box[data-layout="2"] {
    gap: 25px
}

@media screen and (max-width:1199px) {
    .counter-box[data-layout="2"] {
        align-items: center
    }
}

.counter-box[data-layout="2"] .counter-box-icon {
    --mv-box-size: 90px;
    background-color: #cdf683;
    border-radius: 50%;
    color: #000;
    height: var(--mv-box-size);
    min-width: var(--mv-box-size);
    width: var(--mv-box-size)
}

.counter-box[data-layout="2"] .counter-box-content {
    gap: 12px
}

.counter-box[data-layout="2"] .counter-box-number {
    color: #fff;
    font-family: var(--mv-heading-font);
    font-size: 70px;
    font-weight: 500;
    letter-spacing: -1.6px;
    line-height: .825
}

@media screen and (max-width:1199px) {
    .counter-box[data-layout="2"] .counter-box-number {
        font-size: 60px
    }
}

@media screen and (max-width:767px) {
    .counter-box[data-layout="2"] .counter-box-number {
        font-size: 52px
    }
}

.counter-box[data-layout="2"] .counter-box-desc {
    color: hsla(0, 0%, 100%, .71);
    font-size: 20px;
    font-weight: 500;
    line-height: 1.1475
}

.counter-box[data-layout="3"] {
    background-color: #0f0e0e;
    border: thin solid hsla(0, 0%, 100%, .1);
    border-radius: 30px;
    flex-direction: column;
    gap: 38.5px;
    padding: 24px 25px 35px
}

.counter-box[data-layout="3"] .counter-box-number {
    color: #fffefe;
    font-family: Inter;
    font-size: 50px;
    font-weight: 600;
    letter-spacing: -2px;
    line-height: 1.8
}

.counter-box[data-layout="3"] .counter-box-title {
    color: #fff
}

.counter-box[data-layout="3"] .counter-box-content {
    gap: 15px
}

.counter-box[data-layout="3"] .counter-box-desc {
    color: #ced1d7;
    font-family: var(--mv-primary-font);
    font-size: 15px;
    font-weight: 500;
    line-height: 1.53
}

.play-video {
    background: 50%/cover no-repeat;
    height: 500px;
    overflow: hidden;
    position: relative;
    width: 100%
}

.play-video>.button-wrapper {
    left: 50%;
    position: absolute;
    top: 50%;
    transform: translate(-50%, -50%)
}

.list {
    --mv-spacing-block: 15px;
    display: flex;
    flex-direction: column
}

.list.has-divider .item+.item {
    border-top: thin solid
}

.list .item {
    align-items: center;
    display: inline-flex;
    gap: 15px;
    padding-block: calc(var(--mv-spacing-block)/2)
}

.list .item:first-child {
    padding-bottom: calc(var(--mv-spacing-block)/2);
    padding-top: 0
}

.list .item:last-child {
    padding-bottom: 0;
    padding-top: calc(var(--mv-spacing-block)/2)
}

.list .item-icon {
    align-items: center;
    display: inline-flex;
    gap: 0;
    justify-content: center
}

@keyframes counter-spin {
    0% {
        transform: rotate(0deg)
    }

    to {
        transform: rotate(-1turn)
    }
}

.svg-effect.svg-effect-1 {
    --mv-line-color: rgba(0, 0, 0, .15);
    --mv-highlight-color: #b0ff4e
}

.svg-effect.svg-effect-3 {
    --mv-animation-duration: 10s;
    animation: spin var(--mv-animation-duration) linear infinite
}

.svg-effect.svg-effect-3 circle[fill^="url(#pattern0"] {
    animation: counter-spin var(--mv-animation-duration) linear infinite;
    transform-origin: 50.1% 51.5%
}

.svg-effect.svg-effect-4 img {
    --mv-box-size: 37px;
    border-radius: 10px;
    height: var(--mv-box-size);
    min-width: var(--mv-box-size);
    width: var(--mv-box-size)
}

.svg-effect.svg-effect-5 {
    height: auto
}

.icon {
    align-items: center;
    display: inline-flex;
    justify-content: center
}

.icon svg.robot-ai-svg .right-hand {
    animation: right-hand-wave 5s ease infinite;
    transform-origin: 35% 85%
}

.icon svg.robot-ai-svg .left-eye {
    animation: eye 5s ease infinite;
    transform-origin: center
}

.icon svg.robot-ai-svg .left-hand {
    animation: left-hand-wave 5s ease infinite;
    transform-origin: 80% 70%
}

.step-carousel[data-layout="1"] {
    --mv-spacing-inline: 24px;
    --mv-spacing-block: 0px
}

.step-carousel[data-layout="1"] .step {
    background-color: #2b2d24;
    border-radius: 16px;
    box-shadow: inset 0 1px 0 0 hsla(0, 0%, 100%, .15);
    overflow: hidden;
    padding-inline: 30px;
    position: relative
}

.step-carousel[data-layout="1"] .step:hover .step-index {
    background-color: #cdf683;
    -webkit-text-stroke-color: #000
}

.step-carousel[data-layout="1"] .step-inner {
    align-items: center;
    display: flex;
    flex-direction: column;
    padding-block: 50px;
    position: relative;
    text-align: center;
    z-index: 9
}

.step-carousel[data-layout="1"] .step-index {
    --mv-box-size: 96px;
    align-items: center;
    border-radius: 50%;
    display: inline-flex;
    gap: 0;
    height: var(--mv-box-size);
    justify-content: center;
    margin-bottom: 18px;
    min-width: var(--mv-box-size);
    text-align: center;
    width: var(--mv-box-size);
    -webkit-text-stroke-width: 1px;
    -webkit-text-stroke-color: #fff;
    background-color: hsla(0, 0%, 100%, .05);
    color: transparent;
    font-size: 48px;
    font-weight: 700;
    letter-spacing: 2px;
    transition: all .3s linear
}

.step-carousel[data-layout="1"] .step-title {
    color: #fff;
    font-weight: 500;
    margin-bottom: 12px
}

.step-carousel[data-layout="1"] .step-description {
    color: #fff;
    font-family: var(--mv-primary-font);
    font-size: 14px;
    font-weight: 500;
    line-height: 1.57143
}

.step-carousel[data-layout="2"] {
    --mv-spacing-inline: 50px
}

.step-carousel[data-layout="2"] .straight-line {
    border-top: thin dashed #85979b;
    height: 1px;
    left: 50%;
    position: absolute;
    top: 36px;
    transform: translateX(-50%);
    width: 75%
}

@media screen and (max-width:1199px) {
    .step-carousel[data-layout="2"] .straight-line {
        width: 58%
    }
}

.step-carousel[data-layout="2"] .step {
    align-items: center;
    display: flex;
    flex-direction: column;
    position: relative;
    text-align: center
}

.step-carousel[data-layout="2"] .step-index {
    align-items: center;
    display: flex;
    justify-content: center;
    --mv-background-color: #0a0a0e;
    --mv-background-color-b: #0a0a0e;
    border-width: 1px;
    --mv-box-size: 76px;
    border-radius: 50%;
    color: #fff;
    font-size: 24px;
    font-weight: 600;
    height: var(--mv-box-size);
    letter-spacing: -.96px;
    margin-bottom: 47px;
    min-width: var(--mv-box-size);
    width: var(--mv-box-size)
}

.step-carousel[data-layout="2"] .step-description {
    color: #fff;
    font-family: Space Grotesk;
    font-size: 22px;
    font-weight: 500;
    letter-spacing: -.36px;
    line-height: 1.22272
}

.site-logo {
    display: inline-block
}

.site-logo img {
    height: 50px
}

.image-carousel .carousel-item {
    line-height: 0
}

.image-carousel .image-item {
    display: inline-flex;
    overflow: hidden;
    position: relative;
    transition: border .3s ease, box-shadow .3s ease, border-radius .3s ease, padding .3s ease
}

.image-carousel .image-item img {
    height: 100%;
    width: 100%
}

.accordion .background-overlay {
    opacity: 0;
    z-index: -1
}

.accordion .icon-plus {
    color: inherit
}

.accordion .icon-plus:after,
.accordion .icon-plus:before {
    border-radius: 100px;
    transition: all .3s linear
}

.accordion .accordion-index,
.accordion .title-text {
    display: inline-block
}

.accordion .box-border-gradient {
    --mv-background-color: #fff;
    --mv-background-color-b: #fff;
    backdrop-filter: blur(12px);
    border-radius: inherit;
    border-width: 4px;
    inset: 0;
    opacity: 0;
    position: absolute;
    transition: opacity .3s linear;
    z-index: -1
}

.accordion[data-layout_style="2"] .accordion-item {
    background-color: hsla(0, 0%, 100%, .6)
}

.accordion[data-layout_style="2"] .accordion-icon {
    color: #2b2b2b
}

.accordion .accordion-item:before {
    transition: all .3s linear
}

.accordion .accordion-item .border-gradient-svg {
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%
}

.accordion .accordion-item {
    border: thin solid #000;
    border-radius: 16px;
    cursor: pointer;
    overflow: hidden;
    padding: 24px 28px 25px 24px;
    position: relative;
    transition: all .3s linear;
    will-change: height
}

.accordion .accordion-item+.accordion-item {
    margin-top: 16px
}

.accordion .accordion-item.is-active .accordion-content {
    height: auto
}

.accordion .accordion-item.is-active .icon-plus:after {
    width: 0 !important
}

.accordion .accordion-item.is-active .accordion-title .accordion-index:after,
.accordion .accordion-item.is-active .accordion-title .title-text:after,
.accordion .accordion-item.is-active .box-border-gradient,
.accordion .accordion-item:hover .accordion-title .accordion-index:after,
.accordion .accordion-item:hover .accordion-title .title-text:after,
.accordion .accordion-item:hover .box-border-gradient {
    opacity: 1
}

.accordion .accordion-item.is-active .accordion-title .accordion-index:before,
.accordion .accordion-item.is-active .accordion-title .title-text:before,
.accordion .accordion-item:hover .accordion-title .accordion-index:before,
.accordion .accordion-item:hover .accordion-title .title-text:before {
    opacity: 0
}

.accordion .accordion-item.is-active .accordion-icon:before,
.accordion .accordion-item:hover .accordion-icon:before {
    opacity: 1
}

.accordion .accordion-header {
    align-items: center;
    display: flex;
    gap: 15px;
    justify-content: space-between
}

.accordion .accordion div.accordion .accordion-title {
    font-size: 18px;
    letter-spacing: -.36px;
    line-height: 1.2
}

.accordion .accordion-title {
    color: #000;
    display: flex;
    font-family: var(--mv-secondary-font);
    font-weight: 600;
    gap: 0;
    transition: all .3s linear
}

.accordion .accordion-icon {
    color: #000;
    flex-shrink: 0;
    transition: scale .3s linear
}

.accordion .accordion-content {
    font-family: Golos Text;
    font-size: 15px;
    height: 0;
    line-height: 1.53;
    overflow: hidden;
    transition: height .5s ease
}

.accordion .accordion-content p {
    padding-top: 16px
}

.social-icons {
    display: flex;
    gap: 15px
}

.social-icons .social-item {
    align-items: center;
    display: inline-flex;
    gap: 0;
    justify-content: center;
    transition: all .3s linear
}

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

.divider {
    --mv-width: 100%;
    --mv-height: 100%;
    height: var(--mv-height);
    width: var(--mv-width)
}

.divider svg {
    color: var(--mv-border-color);
    height: auto;
    width: 100%
}

.divider.divider-horizontal {
    --mv-height: 1px;
    border-top: var(--mv-height) var(--mv-border-style) var(--mv-border-color)
}

.divider.divider-vertical {
    --mv-width: 1px;
    border-left: var(--mv-width) var(--mv-border-style) var(--mv-border-color)
}

.divider img {
    height: auto;
    width: 100%
}

.shape {
    background-color: #000;
    height: 150px;
    width: 100%
}

.shape.blur {
    background: radial-gradient(ellipse at center, color-mix(in srgb, var(--blur-color, #000) 90%, transparent) 0, color-mix(in srgb, var(--blur-color, #000) 60%, transparent) 25%, color-mix(in srgb, var(--blur-color, #000) 25%, transparent) 50%, color-mix(in srgb, var(--blur-color, #000) 5%, transparent) 70%, transparent 80%)
}

.shape.blur-2 {
    background: radial-gradient(ellipse at center, color-mix(in srgb, var(--blur-color, #000) 100%, transparent) 0, color-mix(in srgb, var(--blur-color, #000) 90%, transparent) 15%, color-mix(in srgb, var(--blur-color, #000) 70%, transparent) 35%, color-mix(in srgb, var(--blur-color, #000) 40%, transparent) 60%, color-mix(in srgb, var(--blur-color, #000) 15%, transparent) 80%, transparent 100%)
}

.step-list {
    display: flex;
    flex-direction: column;
    gap: 60px;
    position: relative
}

.step-list .step-inner {
    display: flex;
    gap: 22px
}

.step-list .step-line {
    bottom: 5px;
    color: #85979b;
    left: 27px;
    position: absolute;
    top: 5px;
    z-index: -1;
    z-index: 0
}

.step-list .step-index {
    --mv-box-size: 54px;
    align-items: center;
    background-color: #002b2b;
    border-radius: 50%;
    color: #e5ff5e;
    display: inline-flex;
    flex-shrink: 0;
    font-size: 18px;
    font-weight: 600;
    gap: 0;
    height: var(--mv-box-size);
    justify-content: center;
    margin-top: 4px;
    min-width: var(--mv-box-size);
    width: var(--mv-box-size)
}

.step-list .step-index,
.step-list .step-title {
    font-family: var(--mv-secondary-font);
    letter-spacing: -.36px
}

.step-list .step-title {
    color: #002b2b;
    font-size: 22px;
    font-weight: 500;
    line-height: 1.22727;
    margin-bottom: 13px
}

.step-list .step-description {
    color: #5f6a77;
    font-family: Golos Text;
    font-size: 15px;
    line-height: 1.53
}

.counter {
    display: inline-flex
}

.icon-text {
    align-items: center;
    display: flex;
    gap: 5px
}

.icon-text .icon-text-icon {
    align-items: center;
    display: inline-flex;
    gap: 0;
    justify-content: center;
    transition: all .3s linear
}

.icon-text .icon-text-text {
    transition: all .3s linear
}

.particles {
    height: 100%
}

.categories-grid {
    --mv-grid-size: 33.3333333%;
    --mv-spacing-inline: 24px;
    --mv-spacing-block: 25px
}

@media screen and (max-width:991px) {
    .categories-grid {
        --mv-grid-size: 50%
    }
}

@media screen and (max-width:767px) {
    .categories-grid {
        --mv-grid-size: 100%
    }
}

.categories-grid .category {
    backdrop-filter: blur(10px);
    background-color: #fff;
    border: thin solid #d5d7da;
    border-radius: 12px;
    box-shadow: 0 54px 99px 0 rgba(52, 78, 170, .07);
    overflow: hidden;
    padding: 23px 22px 32px;
    position: relative
}

.categories-grid .category .overlay {
    background: linear-gradient(180deg, #ddf4e1, #fff);
    height: 220px;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 0
}

.categories-grid .category-thumbnail {
    border: thin solid hsla(0, 0%, 100%, .1);
    border-radius: 8px;
    margin-bottom: 20px;
    overflow: hidden;
    position: relative
}

.categories-grid .category-content {
    padding-left: 13px;
    position: relative
}

@media screen and (max-width:1199px) {
    .categories-grid .category-content {
        padding-left: 0
    }
}

.categories-grid .category-title {
    color: #060f16;
    margin-bottom: 6px
}

.categories-grid .category-title>a {
    color: inherit
}

.categories-grid .category-description {
    color: #626262;
    font-size: 14px;
    line-height: 1.42875;
    margin-bottom: 12px
}

.categories-grid .category-meta {
    color: #2563eb;
    font-size: 12px;
    line-height: 1.33333
}

.svg-effect-6 {
    height: auto;
    width: 100%
}

.search-form {
    position: relative
}

.search-form-default input {
    background-color: #fff;
    border-radius: 6px;
    color: #626262;
    font-family: Inter;
    font-size: 16px;
    font-weight: 500;
    height: 58px;
    letter-spacing: -.32px;
    line-height: 1.625;
    padding-inline: 25px 60px;
    width: 100%
}

.search-form-default input::-moz-placeholder {
    text-transform: capitalize
}

.search-form-default input::placeholder {
    text-transform: capitalize
}

.search-form-default button {
    position: absolute;
    right: 0;
    top: 0;
    --mv-box-size: 58px;
    background-color: #a8ffbb;
    border-radius: 6px;
    border-bottom-left-radius: 0;
    border-top-left-radius: 0;
    color: #060f16;
    height: var(--mv-box-size);
    min-width: var(--mv-box-size);
    width: var(--mv-box-size)
}

.search-form-default button:hover {
    background-color: #060f16;
    color: #fff
}

.breadcrumb {
    align-items: center;
    background-color: #fff;
    border: thin solid #d5d7da;
    border-radius: 50px;
    display: flex;
    padding: 4px 10px
}

.breadcrumb:has(.breadcrumb-highlight) {
    padding: 3.5px 17px 3.5px 4px
}

.breadcrumb-highlight {
    background-color: #060f16;
    border-radius: 50px;
    color: #fff;
    font-family: Inter;
    font-size: 14px;
    font-weight: 500;
    letter-spacing: -.28px;
    margin-right: 14px;
    padding: 6px 16px
}

.breadcrumb-path {
    display: inline-flex;
    gap: 3px;
    margin-right: 12px
}

.breadcrumb-path li {
    color: #060f16;
    font-family: Inter;
    font-size: 14px;
    font-weight: 500;
    letter-spacing: -.28px;
    line-height: 1.3
}

.breadcrumb-path li a {
    color: inherit
}

.breadcrumb-icon {
    color: #060f16;
    display: inline-flex
}

.team-info .image {
    margin-bottom: 43px
}

.team-info .image img {
    border-radius: 25px;
    width: 100%
}

.team-info .name {
    color: #060f16;
    font-size: 32px;
    font-weight: 600;
    letter-spacing: -.32px;
    line-height: 1.09375;
    margin-bottom: 7px
}

@media screen and (max-width:1199px) {
    .team-info .name {
        font-size: 30px
    }
}

@media screen and (max-width:767px) {
    .team-info .name {
        font-size: 28px
    }
}

.team-info .role {
    color: #060f16;
    font-size: 24px;
    line-height: 1.25;
    margin-bottom: 35px
}

.team-info .contact-list {
    border-bottom: thin solid #d5d7da;
    border-top: thin solid #d5d7da;
    margin-bottom: 25px
}

.team-info .contact-list .contact-item {
    padding-block: 25px 20px
}

.team-info .contact-list .contact-item+.contact-item {
    border-top: thin solid #d5d7da
}

.team-info .contact-list .contact-label {
    color: #060f16;
    display: block;
    font-size: 18px;
    font-weight: 600;
    letter-spacing: -.72px;
    line-height: 1.22222
}

.team-info .contact-list .contact-info {
    color: #626262;
    font-family: var(--mv-primary-font);
    font-size: 20px;
    font-weight: 500
}

.team-info .social-list {
    display: flex;
    gap: 11px
}

.team-info .social-list .social-item {
    align-items: center;
    display: inline-flex;
    justify-content: center;
    --mv-box-size: 34px;
    background-color: #a8ffbb;
    border-radius: 50%;
    color: #060f16;
    height: var(--mv-box-size);
    min-width: var(--mv-box-size);
    transition: all .3s linear;
    width: var(--mv-box-size)
}

.team-info .social-list .social-item svg {
    height: 12px;
    width: auto
}

.team-info .social-list .social-item:hover {
    background-color: #060f16;
    color: #fff
}

.progress-bar-header {
    align-items: center;
    display: flex;
    gap: 30px;
    justify-content: space-between;
    margin-bottom: 5px
}

.progress-bar-title,
.progress-bar-value {
    color: #060f16;
    font-family: Inter;
    font-size: 16px;
    font-weight: 500;
    letter-spacing: -.32px;
    line-height: 1.625
}

.progress-bar-value {
    display: inline-flex
}

.progress-bar-track {
    background-color: #fff;
    border: 1.5px solid #a4a7ae;
    border-radius: 20px;
    height: 18px;
    padding: 3.5px;
    width: 100%
}

.progress-bar-fill {
    background-color: #060f16;
    border-radius: 9px;
    display: block;
    height: 100%;
    max-width: 50%;
    width: 100%
}

.post-meta {
    align-items: center;
    display: flex;
    flex-wrap: wrap;
    gap: 30px
}

.post-meta .meta-item {
    align-items: center;
    color: #626262;
    display: inline-flex;
    font-weight: 500;
    gap: 8px;
    letter-spacing: -.64px;
    line-height: 1.25
}

.post-meta .meta-item i,
.post-meta .meta-item svg {
    color: #060f16
}

.post-meta .author-avatar img {
    border-radius: 50%
}

.post-meta .author-name {
    color: inherit
}

.post-social-share {
    align-items: center;
    display: flex;
    gap: 13px
}

.post-social-share-list {
    display: flex;
    flex-wrap: wrap;
    gap: 9px
}

.post-social-share .post-social-share-link {
    background-color: #a8ffbb;
    border-radius: 100px;
    color: #060f16;
    font-size: 12px;
    font-style: normal;
    height: 33px;
    letter-spacing: 1.2px;
    padding-inline: 21px;
    text-transform: uppercase
}

.post-author {
    align-items: center;
    display: flex;
    gap: 28px
}

@media screen and (max-width:575px) {
    .post-author {
        align-items: center;
        flex-direction: column;
        text-align: center
    }
}

.post-author .author-avatar {
    flex-shrink: 0
}

.post-author .author-avatar img {
    border-radius: 50%
}

.post-author .author-name {
    color: #060f16;
    margin-bottom: 10px
}

.post-author .author-bio {
    color: #626262;
    font-family: Inter;
    font-size: 16px;
    font-weight: 500;
    letter-spacing: -.32px;
    line-height: 1.625;
    margin-bottom: 10px
}

.post-author .author-social-list {
    align-items: center;
    display: flex;
    gap: 20px
}

@media screen and (max-width:575px) {
    .post-author .author-social-list {
        justify-content: center
    }
}

.post-author .author-social-list a {
    color: #060f16
}

.post-author .author-social-list a svg {
    height: 12px;
    width: auto
}

.dark-page .show-case[data-layout="2"] {
    background: hsla(0, 0%, 100%, .075)
}

.show-case[data-layout="1"] {
    transform-style: preserve-3d
}

.show-case[data-layout="1"]:not(:has(.show-case-button-group)) .show-case-image:before {
    display: none
}

.show-case[data-layout="1"].coming-soon .show-case-header {
    margin-bottom: 35px
}

.show-case[data-layout="1"].coming-soon .show-case-image img {
    filter: blur(10px)
}

.show-case[data-layout="1"].coming-soon .show-case-box {
    margin-bottom: 0
}

.show-case[data-layout="1"]:hover .show-case-button-group .button {
    opacity: 1;
    transform: translateY(0);
    transition-delay: calc(var(--button-index, 0)*.15s)
}

.show-case[data-layout="1"]:hover .show-case-image:before {
    opacity: 1
}

.show-case[data-layout="1"] .show-case-button-group {
    align-items: center;
    display: flex;
    flex-direction: column;
    gap: 10px;
    justify-content: center;
    left: 50%;
    position: absolute;
    top: 50%;
    transform: translate(-50%, -50%);
    z-index: 99
}

.show-case[data-layout="1"] .show-case-button-group .button {
    background: #fff;
    border-radius: 8px;
    box-shadow: 0 10px 60px 20px rgba(0, 0, 0, .08);
    color: #000;
    font-family: var(--mv-primary-font);
    font-size: 15px;
    font-weight: 500;
    height: 40px;
    line-height: 1.38667;
    min-width: 115px;
    opacity: 0;
    padding: 0;
    transform: translateY(30px);
    transition-delay: calc(var(--button-index, 0)*-.15s)
}

.show-case[data-layout="1"] .show-case-button-group .button svg {
    height: auto;
    width: 24px
}

@media screen and (max-width:767px) {
    .show-case[data-layout="1"] .show-case-button-group .button {
        font-size: 14px;
        height: 34px;
        padding-inline: 25px
    }
}

.show-case[data-layout="1"] .show-case-box {
    backdrop-filter: blur(3px);
    background: linear-gradient(180deg, hsla(0, 0%, 100%, .12), hsla(0, 0%, 100%, 0));
    border-radius: 50px;
    margin-bottom: 46px;
    padding: 15px 15px 0
}

@media screen and (max-width:767px) {
    .show-case[data-layout="1"] .show-case-box {
        margin-bottom: 30px
    }
}

.show-case[data-layout="1"] .show-case-box-inner {
    backdrop-filter: blur(3px);
    background: linear-gradient(180deg, hsla(0, 0%, 100%, .12), hsla(0, 0%, 100%, 0));
    border: thin solid hsla(0, 0%, 100%, .14);
    border-bottom: none;
    border-radius: 40px;
    display: flex;
    flex-direction: column;
    overflow: hidden;
    padding: 20px 33px 0
}

.show-case[data-layout="1"] .show-case-box-inner:after {
    background: linear-gradient(180deg, rgba(13, 11, 16, 0), #0c1e21);
    bottom: -1px;
    content: "";
    height: 122px;
    left: 0;
    pointer-events: none;
    position: absolute;
    width: 100%
}

@media screen and (max-width:1199px) {
    .show-case[data-layout="1"] .show-case-box-inner {
        padding: 20px 20px 0
    }
}

@media screen and (max-width:767px) {
    .show-case[data-layout="1"] .show-case-box-inner {
        padding: 20px 15px 0
    }
}

.show-case[data-layout="1"] .show-case-header {
    align-items: center;
    display: flex;
    flex-wrap: wrap;
    gap: 15px 30px;
    justify-content: space-between;
    margin-bottom: 22px
}

.show-case[data-layout="1"] .show-case-badge {
    background: linear-gradient(270deg, #851adc, #df2398 69.33%, #ff8fc2);
    border-radius: 20px;
    box-shadow: 0 4px 20px 0 rgba(205, 48, 120, .49);
    color: #fff;
    font-size: 10px;
    letter-spacing: -.28px;
    line-height: 25px;
    padding-inline: 16px;
    text-align: center
}

.show-case[data-layout="1"] .show-case-status {
    display: inline-flex;
    gap: 8px
}

.show-case[data-layout="1"] .show-case-status .dot {
    --mv-box-size: 12px;
    border-radius: 50%;
    height: var(--mv-box-size);
    min-width: var(--mv-box-size);
    width: var(--mv-box-size)
}

.show-case[data-layout="1"] .show-case-status .dot-1 {
    background: #ee6a5f;
    box-shadow: inset 0 0 6.764px 0 #ec6d62
}

.show-case[data-layout="1"] .show-case-status .dot-2 {
    background: #f5bd4f;
    box-shadow: inset 0 0 6.764px 0 #f5c451
}

.show-case[data-layout="1"] .show-case-status .dot-3 {
    background: #58a942;
    box-shadow: inset 0 0 6.764px 0 #68cc58
}

.show-case[data-layout="1"] .show-case-image {
    border-radius: 12px 12px 0 0;
    box-shadow: 0 43.077px 86.154px -26.923px rgba(24, 29, 39, .12);
    position: relative
}

.show-case[data-layout="1"] .show-case-image:before {
    backdrop-filter: blur(2px);
    background-color: rgba(0, 0, 0, .15);
    border-radius: inherit;
    content: "";
    display: block;
    inset: 0;
    opacity: 0;
    pointer-events: none;
    position: absolute;
    transition: opacity .3s linear;
    z-index: 1
}

.show-case[data-layout="1"] .show-case-title {
    color: #fff;
    font-size: 24px;
    font-weight: 600;
    letter-spacing: -.5px;
    line-height: 1.41667;
    text-align: center
}

.show-case[data-layout="1"] .show-case-title>a {
    color: inherit
}

@media screen and (max-width:1199px) {
    .show-case[data-layout="1"] .show-case-title {
        font-size: 22px
    }
}

@media screen and (max-width:767px) {
    .show-case[data-layout="1"] .show-case-title {
        font-size: 20px
    }
}

.show-case[data-layout="1"] .show-case-coming-soon {
    align-items: center;
    color: #fff;
    display: flex;
    font-size: 47px;
    font-weight: 600;
    height: 100%;
    justify-content: center;
    left: 0;
    letter-spacing: -1.4px;
    line-height: 1.23404;
    padding-inline: 15px;
    position: absolute;
    text-align: center;
    top: 0;
    width: 100%;
    z-index: 3
}

@media screen and (max-width:1399px) {
    .show-case[data-layout="1"] .show-case-coming-soon {
        font-size: 42px
    }
}

@media screen and (max-width:1199px) {
    .show-case[data-layout="1"] .show-case-coming-soon {
        font-size: 36px
    }
}

@media screen and (max-width:767px) {
    .show-case[data-layout="1"] .show-case-coming-soon {
        font-size: 30px
    }
}

.show-case[data-layout="2"] {
    backdrop-filter: blur(10px);
    background: rgba(0, 0, 0, .075);
    border-radius: 15px;
    box-shadow: 0 5px 55px 0 rgba(75, 83, 161, .15);
    padding: 15px
}

.show-case[data-layout="2"].coming-soon .show-case-header {
    margin-bottom: 35px
}

.show-case[data-layout="2"].coming-soon .show-case-image-group img {
    filter: blur(10px)
}

.show-case[data-layout="2"].coming-soon .show-case-box {
    margin-bottom: 0
}

.show-case[data-layout="2"]:hover .show-case-button-group .button {
    opacity: 1;
    transform: translateY(0);
    transition-delay: calc(var(--button-index, 0)*.15s)
}

.show-case[data-layout="2"]:hover .show-case-image-group:before {
    opacity: 1
}

.show-case[data-layout="2"] .show-case-button-group {
    align-items: center;
    display: flex;
    flex-direction: column;
    gap: 10px;
    justify-content: center;
    left: 50%;
    position: absolute;
    top: 50%;
    transform: translate(-50%, -50%);
    z-index: 99
}

.show-case[data-layout="2"] .show-case-button-group .button {
    background: #fff;
    border-radius: 8px;
    box-shadow: 0 10px 60px 20px rgba(0, 0, 0, .08);
    color: #000;
    font-family: var(--mv-primary-font);
    font-size: 15px;
    font-weight: 500;
    height: 40px;
    line-height: 1.38667;
    min-width: 115px;
    opacity: 0;
    padding: 0;
    transform: translateY(30px);
    transition-delay: calc(var(--button-index, 0)*-.15s)
}

.show-case[data-layout="2"] .show-case-button-group .button svg {
    height: auto;
    width: 24px
}

@media screen and (max-width:767px) {
    .show-case[data-layout="2"] .show-case-button-group .button {
        font-size: 14px;
        height: 34px;
        padding-inline: 25px
    }
}

.show-case[data-layout="2"] .show-case-image-group {
    border-radius: 15px;
    margin-bottom: 15px;
    overflow: hidden;
    position: relative
}

.show-case[data-layout="2"] .show-case-image-group:before {
    backdrop-filter: blur(2px);
    background-color: hsla(0, 0%, 100%, .15);
    border-radius: inherit;
    content: "";
    display: block;
    inset: 0;
    opacity: 0;
    pointer-events: none;
    position: absolute;
    transition: opacity .3s linear;
    z-index: 1
}

.show-case[data-layout="2"] .show-case-image-group .show-case-image {
    display: block;
    height: 100%;
    left: 0;
    opacity: 0;
    pointer-events: none;
    position: absolute;
    top: 0;
    width: 100%
}

.show-case[data-layout="2"] .show-case-image-group .show-case-image:first-child {
    position: relative
}

.show-case[data-layout="2"] .show-case-image-group .show-case-image.is-active {
    opacity: 1;
    pointer-events: auto
}

.show-case[data-layout="2"] .show-case-image-group img {
    height: 100%;
    width: 100%
}

.show-case[data-layout="2"] .show-case-image {
    border-radius: 12px 12px 0 0;
    box-shadow: 0 43.077px 86.154px -26.923px rgba(24, 29, 39, .12)
}

.show-case[data-layout="2"] .show-case-title {
    color: var(--mv-heading-color);
    font-size: 20px;
    font-weight: 600;
    letter-spacing: -.5px;
    line-height: 1.41667;
    text-align: center
}

.show-case[data-layout="2"] .show-case-title>a {
    color: inherit
}

@media screen and (max-width:1199px) {
    .show-case[data-layout="2"] .show-case-title {
        font-size: 22px
    }
}

@media screen and (max-width:767px) {
    .show-case[data-layout="2"] .show-case-title {
        font-size: 20px
    }
}

.show-case[data-layout="2"] .show-case-coming-soon {
    align-items: center;
    color: #fff;
    display: flex;
    font-size: 40px;
    font-weight: 600;
    height: 100%;
    justify-content: center;
    left: 0;
    letter-spacing: -1.4px;
    line-height: 1.23404;
    padding-inline: 15px;
    position: absolute;
    text-align: center;
    top: 0;
    width: 100%;
    z-index: 3
}

@media screen and (max-width:1399px) {
    .show-case[data-layout="2"] .show-case-coming-soon {
        font-size: 36px
    }
}

@media screen and (max-width:1199px) {
    .show-case[data-layout="2"] .show-case-coming-soon {
        font-size: 32px
    }
}

@media screen and (max-width:767px) {
    .show-case[data-layout="2"] .show-case-coming-soon {
        font-size: 28px
    }
}

@media screen and (max-width:575px) {
    .show-case[data-layout="2"] .show-case-coming-soon {
        font-size: 24px
    }
}

.title>a {
    color: inherit
}

.post-tag {
    display: flex;
    flex-wrap: wrap;
    gap: 7px
}

.post-tag a {
    align-items: center;
    background-color: #a8ffbb;
    color: #060f16;
    display: inline-flex;
    font-size: 15px;
    font-weight: 500;
    height: 32px;
    justify-content: center;
    padding-inline: 10px
}

.post-filter-button {
    display: flex;
    flex-wrap: wrap;
    gap: 12px
}

.post-filter-button button {
    background-color: #fff;
    border: thin solid #d5d7da;
    border-radius: 15px;
    color: #060f16;
    font-family: var(--mv-primary-font);
    font-size: 15px;
    font-weight: 500;
    height: 49px;
    line-height: 1.38667;
    padding-inline: 36px
}

.post-filter-button button:before {
    background: linear-gradient(180deg, #1c2f41, #060f16)
}

.post-filter-button button.is-active,
.post-filter-button button:hover {
    border-color: transparent;
    color: #fff
}

.post-filter-button button.is-active:before,
.post-filter-button button:hover:before {
    opacity: 1
}

.header-menu.navigation-menu {
    display: flex;
    gap: 30px
}

.header-menu.navigation-menu [data-hover=rotation-fill-animation] .menu-link-inner,
.header-menu.navigation-menu [data-hover=transition-fill-animation] .menu-link-inner {
    perspective: 400px
}

.header-menu.navigation-menu li {
    font-weight: 500;
    position: relative
}

.header-menu.navigation-menu li>a .menu-link-icon {
    display: none
}

.header-menu.navigation-menu li.menu-item-has-children>a .menu-link-icon {
    display: inline-flex
}

@media screen and (max-width:1199px) {
    .header-menu.navigation-menu li.menu-item-has-children>a .menu-link-icon--desktop {
        display: none
    }
}

@media screen and (min-width:1200px) {
    .header-menu.navigation-menu li.menu-item-has-children>a .menu-link-icon--mobile {
        display: none
    }
}

.header-menu.navigation-menu li.current-menu-ancestor>a[data-hover*=underline] .menu-link-inner:after,
.header-menu.navigation-menu li.current-menu-item>a[data-hover*=underline] .menu-link-inner:after,
.header-menu.navigation-menu li.current-menu-parent>a[data-hover*=underline] .menu-link-inner:after,
.header-menu.navigation-menu li.current_page_item>a[data-hover*=underline] .menu-link-inner:after {
    width: 100%
}

.header-menu.navigation-menu li.current-menu-ancestor>a[data-hover=transition-fill-animation] .direction-item,
.header-menu.navigation-menu li.current-menu-item>a[data-hover=transition-fill-animation] .direction-item,
.header-menu.navigation-menu li.current-menu-parent>a[data-hover=transition-fill-animation] .direction-item,
.header-menu.navigation-menu li.current_page_item>a[data-hover=transition-fill-animation] .direction-item {
    animation: none;
    transform: translateZ(0) !important;
    transform: rotate3d(0, 0, 0) !important;
    transform: translateZ(0)
}

.header-menu.navigation-menu li a {
    align-items: center;
    display: inline-flex;
    position: relative
}

.header-menu.navigation-menu li a .icon-plus {
    --mv-box-size: 8px
}

.header-menu.navigation-menu li a .menu-link-inner {
    align-items: center;
    display: inline-flex;
    gap: 6px;
    line-height: 1.5;
    position: relative;
    transition: all .3s linear;
    width: 100%
}

.header-menu.navigation-menu li a .menu-link-inner>.menu-link-icon,
.header-menu.navigation-menu li a .menu-link-inner>.menu-link-text {
    position: relative
}

.header-menu.navigation-menu li a[data-hover*=underline] .menu-link-inner {
    display: inline-flex;
    position: relative;
    width: 100%
}

.header-menu.navigation-menu li a[data-hover*=underline] .menu-link-inner:after {
    background-color: currentColor;
    bottom: 0;
    content: "";
    display: block;
    height: 1px;
    position: absolute;
    transition: left .3s ease, right .3s ease, width .3s ease, background-color .3s ease;
    width: 0
}

.header-menu.navigation-menu li a[data-hover=underline-rtl] .menu-link-inner:after {
    left: 0
}

.header-menu.navigation-menu li a[data-hover=underline-ltr] .menu-link-inner:after {
    right: 0
}

.header-menu.navigation-menu li a[data-hover=underline-expland] .menu-link-inner:after {
    left: 50%;
    transform: translateX(-50%)
}

.header-menu.navigation-menu li a[data-hover=transition-fill-animation] .direction-item:before {
    background: linear-gradient(90deg, #c96cff, #5f21f2 50%, #2c8fff);
    border-radius: inherit;
    content: "";
    display: block;
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%
}

.header-menu.navigation-menu li a[data-hover=transition-fill-animation] .direction-item:after {
    background-color: #4e296f;
    border-radius: inherit;
    content: "";
    display: block;
    height: calc(100% - 2px);
    left: 1px;
    position: absolute;
    top: 1px;
    width: calc(100% - 2px)
}

.header-menu.navigation-menu li a.pxl-onepage-active[data-hover*=underline] .menu-link-inner:after,
.header-menu.navigation-menu li a:hover[data-hover*=underline] .menu-link-inner:after {
    width: 100%
}

.header-menu.navigation-menu li a.pxl-onepage-active[data-hover=underline-rtl] .menu-link-inner:after,
.header-menu.navigation-menu li a:hover[data-hover=underline-rtl] .menu-link-inner:after {
    left: auto;
    right: 0
}

.header-menu.navigation-menu li a.pxl-onepage-active[data-hover=underline-ltr] .menu-link-inner:after,
.header-menu.navigation-menu li a:hover[data-hover=underline-ltr] .menu-link-inner:after {
    left: 0;
    right: auto
}

.header-menu.navigation-menu li a.pxl-onepage-active[data-hover=transition-fill-animation] .direction-item {
    animation: none;
    transform: translateZ(0)
}

.header-menu.navigation-menu li>.sub-menu {
    left: 100%;
    min-width: 225px;
    opacity: 0;
    padding-block: 15px;
    pointer-events: none;
    position: absolute;
    top: 0;
    transition: transform .5s ease, opacity .5s ease;
    z-index: 99
}

.header-menu.navigation-menu li>.sub-menu.pxl-mega-menu {
    overflow: hidden;
    padding: 0;
    width: 100%
}

.header-menu.navigation-menu li>.sub-menu:not(.pxl-mega-menu).submenu-reverse {
    left: auto;
    right: 0
}

.header-menu.navigation-menu li>.sub-menu li {
    font-size: 15px
}

.header-menu.navigation-menu li>.sub-menu li>a {
    color: #000;
    height: 40px;
    padding-inline: 30px;
    width: 100%
}

.header-menu.navigation-menu li>.sub-menu li>a .menu-link-inner {
    justify-content: space-between
}

.header-menu.navigation-menu li:hover>.sub-menu {
    opacity: 1;
    pointer-events: auto
}

.header-menu.navigation-menu>li>a {
    height: 90px;
    transition: none
}

.header-menu.navigation-menu>li>.sub-menu {
    left: 0;
    top: 100%
}

.header-menu.navigation-menu-empty li {
    font-size: 18px
}

.heading-title {
    display: block;
    position: relative
}

.heading-title.title-gradient {
    --mv-angle: 90deg;
    --gradient-color: #bb7ae6;
    --gradient-color-2: #2563eb;
    --gradient-color-3: #fff;
    --gradient-color-4: #3bff93;
    background: linear-gradient(var(--mv-angle), var(--gradient-color) 0, var(--gradient-color-2) 27%, var(--gradient-color-3) 100%);
    -webkit-background-clip: text;
    background-clip: text;
    color: transparent
}

.heading-title.title-gradient.four-colors {
    --gradient-color: #7648ff;
    --gradient-color-2: #4a92ff;
    --gradient-color-3: #47f3ff;
    --gradient-color-4: #3bff93;
    background: linear-gradient(var(--mv-angle), var(--gradient-color) 0, var(--gradient-color-2) 44.71%, var(--gradient-color-3) 78.37%, var(--gradient-color-4) 100%);
    -webkit-background-clip: text;
    background-clip: text;
    color: transparent
}

.heading-title.title-gradient .line {
    --mv-angle: 90deg;
    background: linear-gradient(var(--mv-angle), var(--gradient-color) 0, var(--gradient-color-2) 27%, var(--gradient-color-3) 100%);
    -webkit-background-clip: text;
    background-clip: text;
    color: transparent
}

.heading-title.title-secondary {
    --mv-primary-font: "Golos Text";
    --mv-secondary-font: "Space Grotesk";
    --mv-third-font: "DM Sans";
    --mv-heading-font: "Space Grotesk"
}

.heading-title.title-secondary h1,
.heading-title.title-secondary h2,
.heading-title.title-secondary h3,
.heading-title.title-secondary h4,
.heading-title.title-secondary h5,
.heading-title.title-secondary h6 {
    font-weight: 500
}

.heading-title.title-secondary h1 {
    font-size: 80px;
    line-height: .875
}

@media screen and (max-width:1399px) {
    .heading-title.title-secondary h1 {
        font-size: 72px
    }
}

@media screen and (max-width:1199px) {
    .heading-title.title-secondary h1 {
        font-size: 64px
    }
}

@media screen and (max-width:991px) {
    .heading-title.title-secondary h1 {
        font-size: 54px
    }
}

@media screen and (max-width:767px) {
    .heading-title.title-secondary h1 {
        font-size: 46px
    }
}

@media screen and (max-width:575px) {
    .heading-title.title-secondary h1 {
        font-size: 38px
    }
}

.heading-title.title-secondary h2 {
    font-size: 60px;
    letter-spacing: -1.6px;
    line-height: 1.16667
}

@media screen and (max-width:1399px) {
    .heading-title.title-secondary h2 {
        font-size: 54px
    }
}

@media screen and (max-width:1199px) {
    .heading-title.title-secondary h2 {
        font-size: 48px;
        letter-spacing: -1.5px
    }
}

@media screen and (max-width:991px) {
    .heading-title.title-secondary h2 {
        font-size: 42px
    }
}

@media screen and (max-width:767px) {
    .heading-title.title-secondary h2 {
        font-size: 36px;
        letter-spacing: -1px
    }
}

@media screen and (max-width:575px) {
    .heading-title.title-secondary h2 {
        font-size: 30px
    }
}

.heading-title.title-secondary h3 {
    font-size: 40px;
    letter-spacing: -2px;
    line-height: 1.2
}

@media screen and (max-width:1399px) {
    .heading-title.title-secondary h3 {
        font-size: 38px
    }
}

@media screen and (max-width:1199px) {
    .heading-title.title-secondary h3 {
        font-size: 34px;
        letter-spacing: -1.5px
    }
}

@media screen and (max-width:991px) {
    .heading-title.title-secondary h3 {
        font-size: 32px
    }
}

@media screen and (max-width:767px) {
    .heading-title.title-secondary h3 {
        font-size: 28px;
        letter-spacing: -1px
    }
}

@media screen and (max-width:575px) {
    .heading-title.title-secondary h3 {
        font-size: 26px
    }
}

.heading-title.title-secondary h4 {
    font-size: 32px;
    letter-spacing: -2px;
    line-height: 1.2
}

@media screen and (max-width:1199px) {
    .heading-title.title-secondary h4 {
        font-size: 30px;
        letter-spacing: -1.5px
    }
}

@media screen and (max-width:991px) {
    .heading-title.title-secondary h4 {
        font-size: 28px
    }
}

@media screen and (max-width:767px) {
    .heading-title.title-secondary h4 {
        font-size: 26px;
        letter-spacing: -1px
    }
}

@media screen and (max-width:575px) {
    .heading-title.title-secondary h4 {
        font-size: 24px
    }
}

.heading-title.title-secondary h5 {
    font-size: 18px;
    letter-spacing: -.36px;
    line-height: 1.2
}

.heading-title.title-secondary h6 {
    font-size: 14px;
    letter-spacing: 1.4px;
    line-height: 1
}

.heading-title.title-underline-highlight {
    padding-bottom: 20px;
    position: relative
}

.heading-title.title-underline-highlight:after {
    background-color: #a8ffbb;
    border-radius: 36px;
    bottom: 0;
    content: "";
    display: inline-block;
    height: 3px;
    left: 0;
    position: absolute;
    width: 32px
}

.heading-subtitle {
    align-items: center;
    display: inline-flex;
    position: relative
}

.heading-subtitle .subtitle-text {
    display: inline-block;
    vertical-align: middle
}

.heading-subtitle .subtitle-highlight,
.heading-subtitle .subtitle-icon {
    align-items: center;
    display: inline-flex;
    justify-content: center;
    vertical-align: middle
}

.heading-subtitle[data-style=primary] {
    background-color: var(--mv-primary-color);
    border-radius: 200px;
    color: #000;
    font-family: var(--primary-font);
    font-family: var(--mv-secondary-font);
    font-size: 12px;
    font-weight: 500;
    letter-spacing: 1px;
    line-height: .83333;
    margin-bottom: 18px;
    padding: 11.5px 18px;
    text-transform: uppercase
}

.heading-subtitle[data-style=secondary] {
    background-color: #fff;
    border: thin solid #d5d7da;
    border-radius: 50px;
    color: #060f16;
    font-family: var(--mv-primary-font);
    font-size: 14px;
    font-weight: 500;
    letter-spacing: -.28px;
    line-height: 1.3;
    margin-bottom: 26px;
    padding: 4px 18px 4px 4px
}

.heading-subtitle[data-style=secondary] .subtitle-highlight {
    background-color: #060f16;
    border-radius: 50px;
    color: #fff;
    display: inline-block;
    line-height: 32px;
    margin-right: 15px;
    padding-inline: 22px;
    white-space: nowrap
}

@media screen and (max-width:575px) {
    .heading-subtitle[data-style=secondary] .subtitle-highlight {
        margin-right: 10px
    }
}

.heading-subtitle[data-style=secondary] .subtitle-icon {
    margin-left: 6px
}

.heading-subtitle[data-style=style-1] {
    background-color: #ffe9d7;
    border: 1px solid #fbc792;
    border-radius: 50px;
    color: #e4621e;
    font-family: Inter;
    font-size: 16px;
    font-weight: 500;
    letter-spacing: -.32px;
    line-height: 1.35;
    margin-bottom: 39px;
    padding: 3px 4px 3px 24px
}

.heading-subtitle[data-style=style-1] .subtitle-icon {
    background-color: #fff;
    border-radius: 50px;
    color: #132436;
    height: 32px;
    margin-left: 12px;
    width: 48px
}

.heading-subtitle[data-style=style-2] {
    border: thin solid #01e5e5;
    border-radius: 100px;
    color: #000;
    flex-direction: row-reverse;
    font-family: Inter;
    font-size: 12px;
    gap: 7px;
    letter-spacing: 1.2px;
    line-height: 1.333333;
    margin-bottom: 25px;
    padding: 4px 15px 1px 10px;
    text-transform: uppercase
}

.heading-subtitle[data-style=style-3] {
    background-color: #e5ff5e;
    border: 1px solid #aace1a;
    border-radius: 200px;
    color: #002b2b;
    margin-bottom: 18px;
    padding: 10.5px 22px
}

.heading-subtitle[data-style=style-3],
.heading-subtitle[data-style=style-4] {
    font-family: var(--mv-secondary-font);
    font-size: 12px;
    font-weight: 500;
    letter-spacing: 1px;
    line-height: .83333;
    text-transform: uppercase
}

.heading-subtitle[data-style=style-4] {
    background-color: rgba(0, 255, 174, .21);
    border: 1px solid #00ffae;
    border-radius: 200px;
    color: #000c60;
    margin-bottom: 25px;
    padding: 11.5px 18px
}

.heading-subtitle[data-style=style-5] {
    background-color: rgba(235, 233, 254, .18);
    border-radius: 200px;
    color: #fff;
    font-family: var(--mv-secondary-font);
    font-size: 12px;
    font-weight: 500;
    letter-spacing: 1px;
    line-height: .83333;
    margin-bottom: 18px;
    padding: 11.5px 18px;
    position: relative;
    text-transform: uppercase
}

.heading-subtitle[data-style=style-5] .subtitle-box-border {
    height: calc(100% + 2px);
    left: -1px;
    position: absolute;
    top: -1px;
    width: calc(100% + 2px)
}

.icon-box,
.icon-box-carousel .icon-box-item {
    display: flex;
    gap: 30px
}

.icon-box .icon-box-icon,
.icon-box-carousel .icon-box-item .icon-box-icon {
    align-items: center;
    display: inline-flex;
    gap: 0;
    justify-content: center
}

.icon-box .icon-box-content,
.icon-box-carousel .icon-box-item .icon-box-content {
    display: flex;
    flex-direction: column;
    gap: 10px;
    position: relative
}

.icon-box a,
.icon-box-carousel .icon-box-item a {
    width: 100%
}

.icon-box {
    align-items: center;
    display: flex;
    gap: 15px;
    line-height: 0
}

.icon-box-content {
    display: inline-flex;
    flex-direction: column;
    gap: 5px
}

.icon-box-description,
.icon-box-title {
    line-height: 1.5
}

.icon-box:hover .icon-box-icon.box-gradient:before {
    opacity: 1
}

.icon-box-carousel[data-layout="2"] .icon-box,
.icon-box[data-layout="2"] {
    align-items: start;
    flex-direction: column;
    min-height: 376px;
    overflow: hidden;
    padding: 62px 15px 44px 67px;
    position: relative
}

@media screen and (max-width:1199px) {

    .icon-box-carousel[data-layout="2"] .icon-box,
    .icon-box[data-layout="2"] {
        min-height: 350px;
        padding: 50px 15px 40px 50px
    }
}

@media screen and (max-width:767px) {

    .icon-box-carousel[data-layout="2"] .icon-box,
    .icon-box[data-layout="2"] {
        min-height: 325px;
        padding: 40px 15px
    }
}

.icon-box-carousel[data-layout="2"] .icon-box .icon-box-icon,
.icon-box[data-layout="2"] .icon-box-icon {
    color: #fff;
    gap: 30px;
    margin-bottom: auto
}

.icon-box-carousel[data-layout="2"] .icon-box .icon-box-icon .icon-copy,
.icon-box[data-layout="2"] .icon-box-icon .icon-copy {
    color: hsla(0, 0%, 100%, .05);
    position: absolute;
    right: 0;
    top: 50%;
    transform: translateY(-50%) scale(5);
    z-index: 0
}

.icon-box-carousel[data-layout="2"] .icon-box .icon-box-content,
.icon-box[data-layout="2"] .icon-box-content {
    gap: 12px
}

.icon-box-carousel[data-layout="2"] .icon-box .icon-box-title,
.icon-box[data-layout="2"] .icon-box-title {
    color: #fff;
    font-family: Inter;
    font-weight: 600
}

.icon-box-carousel[data-layout="2"] .icon-box .icon-box-description,
.icon-box[data-layout="2"] .icon-box-description {
    color: hsla(0, 0%, 100%, .6);
    font-family: Inter;
    font-size: 16px;
    font-weight: 500;
    letter-spacing: -.32px;
    line-height: 1.625
}

.icon-box-carousel[data-layout="2"] .icon-box div.icon-box-title,
.icon-box[data-layout="2"] div.icon-box-title {
    font-size: 24px;
    letter-spacing: -.96px;
    line-height: 1.08333
}

.icon-box-carousel[data-layout="2"] {
    --mv-spacing-inline: 25px
}

.icon-box-carousel[data-layout="2"] .icon-box {
    padding: 35px 30px 47px 33px;
    position: relative
}

.icon-box-carousel[data-layout="3"] .icon-box,
.icon-box[data-layout="3"] {
    align-items: center;
    background-color: #fff;
    border: thin solid #d5d7da;
    border-radius: 16px;
    flex-direction: column;
    gap: 30px;
    padding: 38px 30px 52px;
    text-align: center;
    transition: all .3s linear
}

@media screen and (max-width:1199px) {

    .icon-box-carousel[data-layout="3"] .icon-box,
    .icon-box[data-layout="3"] {
        padding: 35px 30px
    }
}

@media screen and (max-width:767px) {

    .icon-box-carousel[data-layout="3"] .icon-box,
    .icon-box[data-layout="3"] {
        padding: 30px 15px
    }
}

.icon-box-carousel[data-layout="3"] .icon-box .icon-box-icon,
.icon-box[data-layout="3"] .icon-box-icon {
    --mv-box-size: 60px;
    align-items: center;
    background-color: #a8ffbb;
    border-radius: 50%;
    border-radius: 10px;
    color: #1c2f41;
    display: flex;
    gap: 0;
    height: var(--mv-box-size);
    justify-content: center;
    min-width: var(--mv-box-size);
    transition: all .3s linear;
    width: var(--mv-box-size)
}

.icon-box-carousel[data-layout="3"] .icon-box .icon-box-content,
.icon-box[data-layout="3"] .icon-box-content {
    align-items: center;
    gap: 14px
}

.icon-box-carousel[data-layout="3"] .icon-box .icon-box-description,
.icon-box[data-layout="3"] .icon-box-description {
    font-family: Inter;
    font-size: 16px;
    font-weight: 500;
    letter-spacing: -.32px;
    line-height: 1.625;
    max-width: 285px
}

.icon-box-carousel[data-layout="3"] .icon-box:hover,
.icon-box[data-layout="3"]:hover {
    background-color: #a8ffbb
}

.icon-box-carousel[data-layout="3"] .icon-box:hover .icon-box-icon,
.icon-box[data-layout="3"]:hover .icon-box-icon {
    background-color: #fff
}

.icon-box-marquee[data-layout="1"] .marquee-inner {
    --mv-spacing-inline: -28px
}

.icon-box-marquee[data-layout="1"] .icon-box {
    --mv-box-size: 357px;
    background-color: hsla(0, 0%, 100%, .25);
    border: 2px solid rgba(0, 0, 0, .1);
    border-radius: 50%;
    box-shadow: inset 0 0 9.538px 1.59px hsla(0, 0%, 100%, .16);
    flex-direction: column;
    gap: 16px;
    height: var(--mv-box-size);
    justify-content: center;
    margin-inline: -14px;
    min-width: var(--mv-box-size);
    padding: 30px;
    width: var(--mv-box-size)
}

@media screen and (max-width:1199px) {
    .icon-box-marquee[data-layout="1"] .icon-box {
        --mv-box-size: 300px
    }
}

@media screen and (max-width:767px) {
    .icon-box-marquee[data-layout="1"] .icon-box {
        --mv-box-size: 250px
    }
}

.icon-box-marquee[data-layout="1"] .icon-box-icon img {
    height: 63.5px;
    width: auto
}

.icon-box-marquee[data-layout="1"] .icon-box-title {
    color: #000;
    font-family: Inter;
    font-size: 22px;
    font-weight: 500;
    letter-spacing: -.445px;
    line-height: 1.3
}

@media screen and (max-width:767px) {
    .icon-box-marquee[data-layout="1"] .icon-box-title {
        font-size: 20px
    }
}

.icon-box-marquee[data-layout="1"] .icon-box-content {
    gap: 7px;
    text-align: center
}

.icon-box-marquee[data-layout="1"] .icon-box-description {
    color: #626262;
    font-family: Inter;
    font-size: 19px;
    letter-spacing: -.382px;
    line-height: 1.2
}

.icon-box-marquee[data-layout="1"] .icon-box-description .description-after {
    color: #32d583
}

@media screen and (max-width:767px) {
    .icon-box-marquee[data-layout="1"] .icon-box-description {
        font-size: 18px
    }
}

.icon-box-marquee[data-layout="2"] .marquee-inner {
    --mv-spacing-inline: 15px
}

.icon-box-marquee[data-layout="2"] .icon-box {
    align-items: center;
    backdrop-filter: blur(8px);
    background: hsla(0, 0%, 100%, .14);
    border: 1px solid hsla(0, 0%, 100%, .16);
    border-radius: 16px;
    flex-direction: column;
    gap: 6px;
    height: 116px;
    justify-content: center;
    min-width: 204px;
    width: 204px
}

.icon-box-marquee[data-layout="2"] .icon-box-icon {
    min-height: 40px
}

.icon-box-marquee[data-layout="2"] .icon-box-title {
    color: #fff;
    font-size: 17px;
    line-height: 1.64706;
    text-align: center
}

.testimonial-carousel .testimonial {
    height: 100%
}

.testimonial-carousel .testimonial .user-title {
    display: block
}

.testimonial {
    position: relative
}

.testimonial-rating {
    align-items: center;
    display: flex;
    gap: 5px
}

.testimonial .background-overlay {
    z-index: 0
}

.testimonial .user {
    align-items: center;
    display: flex;
    gap: 15px
}

.testimonial .user-content {
    display: flex;
    flex-direction: column
}

.testimonial-carousel[data-layout="1"] .testimonial {
    background-color: #181a0f;
    border-radius: 16px;
    display: flex;
    flex-direction: column;
    padding: 49px 35px 46px 63px
}

@media screen and (max-width:1199px) {
    .testimonial-carousel[data-layout="1"] .testimonial {
        padding: 45px 30px
    }
}

.testimonial-carousel[data-layout="1"] .testimonial-title {
    align-items: center;
    color: #fff;
    display: flex;
    flex-wrap: wrap;
    font-family: var(--mv-secondary-font);
    font-size: 22px;
    font-weight: 600;
    gap: 8px;
    line-height: 1.22727;
    margin-bottom: 29px
}

.testimonial-carousel[data-layout="1"] .testimonial-icon {
    color: #cdf683;
    display: inline-block;
    vertical-align: middle
}

.testimonial-carousel[data-layout="1"] .testimonial-content {
    color: hsla(0, 0%, 100%, .7);
    font-family: var(--mv-primary-font);
    margin-bottom: 40px
}

.testimonial-carousel[data-layout="1"] .testimonial-user {
    gap: 16px
}

.testimonial-carousel[data-layout="1"] .testimonial-user .user-image {
    --mv-box-size: 40px;
    border-radius: 50%;
    height: var(--mv-box-size);
    min-width: var(--mv-box-size);
    width: var(--mv-box-size)
}

.testimonial-carousel[data-layout="1"] .testimonial-user .user-name {
    color: #fff;
    font-family: var(--mv-secondary-font);
    font-size: 14px;
    font-weight: 500;
    letter-spacing: 1.4px;
    line-height: 1;
    text-transform: uppercase
}

.testimonial-carousel[data-layout="1"] .testimonial-user .user-title {
    color: hsla(0, 0%, 100%, .7);
    font-size: 12px;
    font-weight: 400;
    line-height: 1.9125
}

.testimonial-carousel[data-layout="2"] .testimonial-rating {
    gap: 0;
    margin-bottom: 30px
}

.testimonial-carousel[data-layout="2"] .testimonial-content {
    color: #626262;
    font-family: Inter;
    font-size: 18px;
    line-height: 1.722222;
    margin-bottom: 62px
}

@media screen and (max-width:767px) {
    .testimonial-carousel[data-layout="2"] .testimonial-content {
        margin-bottom: 50px
    }
}

.testimonial-carousel[data-layout="2"] .testimonial-user {
    align-items: start;
    gap: 11px;
    padding-right: 127px
}

.testimonial-carousel[data-layout="2"] .testimonial-user .user-image {
    --mv-box-size: 49px;
    border-radius: 50%;
    height: var(--mv-box-size);
    min-width: var(--mv-box-size);
    width: var(--mv-box-size)
}

.testimonial-carousel[data-layout="2"] .testimonial-user .user-title {
    color: #a4a7ae;
    font-family: Inter;
    font-size: 13px;
    font-weight: 500;
    line-height: 1.1667
}

.testimonial-carousel[data-layout="2"] .testimonial-user .user-name {
    color: #000;
    font-family: Inter;
    font-size: 17px;
    font-weight: 600;
    letter-spacing: -.693px;
    line-height: 1.25
}

.testimonial-carousel[data-layout="2"] .carousel-pagination {
    z-index: 99
}

.testimonial-carousel[data-layout="2"] .swiper-pagination-bullets {
    bottom: 17px;
    gap: 23px;
    left: auto;
    margin: 0;
    position: absolute;
    right: 0;
    top: auto;
    width: -moz-fit-content;
    width: fit-content
}

.testimonial-carousel[data-layout="2"] .swiper-pagination-bullets .bullet {
    --mv-box-size: 7px
}

.testimonial-carousel[data-layout="2"] .swiper-pagination-bullets .bullet:before {
    background: linear-gradient(257deg, #01e5e5 .28%, #008787)
}

.testimonial-carousel[data-layout="3"] .testimonial {
    background: linear-gradient(180deg, #eef2f6, rgba(238, 242, 246, 0));
    border: thin solid #ededed;
    border-radius: 25px;
    overflow: hidden;
    padding: 11px
}

.testimonial-carousel[data-layout="3"] .testimonial:after {
    background-color: #a8ffbb;
    content: "";
    inset: 0;
    position: absolute;
    transform: translateY(100%);
    transition: transform .5s ease;
    z-index: 0
}

.testimonial-carousel[data-layout="3"] .testimonial:hover:after {
    transform: translateY(0)
}

.testimonial-carousel[data-layout="3"] .testimonial-inner {
    background-color: #fff;
    border-radius: 20px;
    overflow: hidden;
    padding: 22px;
    position: relative;
    z-index: 3
}

@media screen and (max-width:767px) {
    .testimonial-carousel[data-layout="3"] .testimonial-inner {
        padding: 20px 15px
    }
}

.testimonial-carousel[data-layout="3"] .testimonial .overlay {
    background-color: transparent;
    border-radius: 50%;
    bottom: -150px;
    height: 210px;
    position: absolute;
    right: 46px;
    top: auto;
    width: 157px;
    z-index: 0
}

.testimonial-carousel[data-layout="3"] .testimonial-video {
    background: 50%/cover no-repeat;
    min-height: 322px;
    padding: 0;
    width: 100%
}

.testimonial-carousel[data-layout="3"] .testimonial-video .button {
    --mv-box-size: auto;
    background: linear-gradient(180deg, #1c2f41, #060f16);
    border-radius: 10px;
    bottom: 20px;
    color: #fff;
    height: var(--mv-box-size);
    height: 32px;
    left: auto;
    min-width: var(--mv-box-size);
    padding-inline: 15.5px;
    position: absolute;
    right: 20px;
    top: auto;
    transform: translate(0);
    width: var(--mv-box-size)
}

.testimonial-carousel[data-layout="3"] .testimonial-content {
    font-family: var(--mv-primary-font);
    font-size: 15px;
    font-weight: 500;
    line-height: 1.53;
    margin-bottom: 20px
}

.testimonial-carousel[data-layout="3"] .testimonial-user {
    align-items: stretch;
    gap: 10px
}

.testimonial-carousel[data-layout="3"] .testimonial-user .user-image {
    --mv-box-size: 45px;
    border-radius: 50%;
    height: var(--mv-box-size);
    min-width: var(--mv-box-size);
    width: var(--mv-box-size)
}

.testimonial-carousel[data-layout="3"] .testimonial-user .user-name {
    color: #060f16;
    font-weight: 600;
    letter-spacing: -.64px;
    line-height: 1.25;
    margin-bottom: 3px
}

.testimonial-carousel[data-layout="3"] .testimonial-user .user-title {
    color: #626262;
    font-size: 12px;
    font-weight: 500;
    line-height: 1.1667
}

.testimonial-carousel[data-layout="4"] {
    --mv-spacing-inline: 11px;
    --mv-spacing-block: 13px
}

.testimonial-carousel[data-layout="4"] .testimonial {
    backdrop-filter: blur(10px);
    background-color: #fff;
    border: thin solid #d5d7da;
    border-radius: 16px;
    box-shadow: 0 54px 99px 0 rgba(52, 78, 170, .07);
    display: flex;
    flex-direction: column;
    gap: 15px;
    min-height: 616px;
    overflow: hidden;
    padding: 42px 40px 43px;
    position: relative
}

@media screen and (max-width:1199px) {
    .testimonial-carousel[data-layout="4"] .testimonial {
        min-height: 600px;
        padding: 40px 30px
    }
}

@media screen and (max-width:575px) {
    .testimonial-carousel[data-layout="4"] .testimonial {
        min-height: 500px;
        padding: 30px 15px
    }
}

.testimonial-carousel[data-layout="4"] .testimonial .overlay {
    position: absolute;
    right: -107px;
    top: -75px;
    --mv-box-size: 378px;
    background-color: rgba(164, 220, 255, .56);
    border-radius: 50%;
    filter: blur(100px);
    height: var(--mv-box-size);
    min-width: var(--mv-box-size);
    opacity: 0;
    transition: opacity .3s linear;
    width: var(--mv-box-size);
    z-index: 0
}

.testimonial-carousel[data-layout="4"] .testimonial.is-active .overlay,
.testimonial-carousel[data-layout="4"] .testimonial:hover .overlay {
    opacity: 1
}

.testimonial-carousel[data-layout="4"] .testimonial-icon {
    color: #717680;
    margin-bottom: 30px;
    position: relative
}

.testimonial-carousel[data-layout="4"] .testimonial-content {
    color: var(--Fin-brand-1, #060f16);
    font-size: 24px;
    font-style: normal;
    font-weight: 500;
    letter-spacing: -.011px;
    line-height: 1.41176;
    margin-bottom: 23px;
    margin-top: auto;
    position: relative
}

@media screen and (max-width:991px) {
    .testimonial-carousel[data-layout="4"] .testimonial-content {
        font-size: 22px
    }
}

@media screen and (max-width:575px) {
    .testimonial-carousel[data-layout="4"] .testimonial-content {
        font-size: 20px
    }
}

.testimonial-carousel[data-layout="4"] .testimonial-user {
    align-items: stretch;
    gap: 12px;
    position: relative
}

.testimonial-carousel[data-layout="4"] .testimonial-user .user-image {
    --mv-box-size: 49px;
    border-radius: 50%;
    height: var(--mv-box-size);
    min-width: var(--mv-box-size);
    width: var(--mv-box-size)
}

.testimonial-carousel[data-layout="4"] .testimonial-user .user-name {
    color: #060f16;
    font-size: 17px;
    font-weight: 600;
    letter-spacing: -.64px;
    line-height: 1.25;
    margin-bottom: 3px
}

.testimonial-carousel[data-layout="4"] .testimonial-user .user-title {
    color: #626262;
    font-size: 13px;
    font-weight: 500;
    line-height: 1.1667
}

.testimonial-carousel[data-layout="5"] .testimonial {
    background-color: #fff;
    border: thin solid #f6d0a5;
    border-radius: 20px;
    display: flex;
    flex-direction: column;
    height: 100%;
    overflow: hidden;
    padding: 56px 50px 54px 39px
}

@media screen and (max-width:767px) {
    .testimonial-carousel[data-layout="5"] .testimonial {
        padding: 50px 30px
    }
}

.testimonial-carousel[data-layout="5"] .testimonial .overlay {
    position: absolute;
    right: -180.5px;
    top: -230px;
    --mv-box-size: 312px;
    background-color: #ffd09d;
    border-radius: 50%;
    filter: blur(100px);
    height: var(--mv-box-size);
    min-width: var(--mv-box-size);
    width: var(--mv-box-size);
    z-index: 0
}

.testimonial-carousel[data-layout="5"] .testimonial-rating {
    color: #ed8a19;
    gap: 1px;
    margin-bottom: 22px
}

.testimonial-carousel[data-layout="5"] .testimonial-rating svg {
    height: auto;
    width: 16px
}

.testimonial-carousel[data-layout="5"] .testimonial-content {
    font-size: 18px;
    font-weight: 600;
    letter-spacing: -.72px;
    line-height: 1.222222;
    margin-bottom: 40px
}

.testimonial-carousel[data-layout="5"] .testimonial-user {
    align-items: center;
    gap: 15px;
    margin-top: auto
}

.testimonial-carousel[data-layout="5"] .testimonial-user .user-image {
    --mv-box-size: 65px;
    border-radius: 50%;
    height: var(--mv-box-size);
    min-width: var(--mv-box-size);
    width: var(--mv-box-size)
}

.testimonial-carousel[data-layout="5"] .testimonial-user .user-name {
    color: #000;
    font-family: Inter;
    font-size: 20px;
    font-weight: 600;
    line-height: 1;
    margin-bottom: 3px
}

.testimonial-carousel[data-layout="5"] .testimonial-user .user-title {
    color: #5f6a77;
    font-family: var(--mv-primary-font);
    font-size: 15px;
    font-weight: 500;
    line-height: 1.53
}

.testimonial-carousel[data-layout="5"] .carousel-pagination {
    gap: 23px
}

.testimonial-carousel[data-layout="5"] .bullet {
    --mv-box-size: 7px
}

.testimonial-carousel[data-layout="6"] .testimonial {
    background: linear-gradient(180deg, #eef2f6, rgba(238, 242, 246, 0));
    border: thin solid #ededed;
    border-radius: 25px;
    overflow: hidden;
    padding: 10px;
    position: relative
}

.testimonial-carousel[data-layout="6"] .testimonial .overlay {
    background: linear-gradient(180deg, rgba(0, 12, 96, 0), #000c60);
    inset: 0;
    position: absolute;
    z-index: 0
}

.testimonial-carousel[data-layout="6"] .testimonial .button {
    background-color: #434aff;
    border-radius: 10px;
    color: #fff;
    height: 33px;
    padding-inline: 16px
}

.testimonial-carousel[data-layout="6"] .testimonial-image {
    border-radius: 20px;
    overflow: hidden
}

.testimonial-carousel[data-layout="6"] .testimonial-image img {
    min-height: 250px;
    width: 100%
}

.testimonial-carousel[data-layout="6"] .testimonial-inner {
    border-radius: 20px;
    display: flex;
    flex-direction: column;
    gap: 30px;
    inset: 10px;
    justify-content: space-between;
    overflow: hidden;
    padding: 19px 27px 35px 18px;
    position: absolute
}

.testimonial-carousel[data-layout="6"] .testimonial-header {
    align-items: center;
    display: flex;
    flex-wrap: wrap;
    gap: 20px;
    justify-content: space-between;
    margin-bottom: 30px;
    position: relative
}

.testimonial-carousel[data-layout="6"] .testimonial-footer {
    padding-left: 14px
}

@media screen and (max-width:1199px) {
    .testimonial-carousel[data-layout="6"] .testimonial-footer {
        padding-left: 0
    }
}

.testimonial-carousel[data-layout="6"] .testimonial-icon {
    color: #fff
}

.testimonial-carousel[data-layout="6"] .testimonial-content {
    color: #fff;
    font-size: 14px;
    font-weight: 500;
    line-height: 1.53;
    margin-bottom: 23px;
    position: relative
}

.testimonial-carousel[data-layout="6"] .testimonial-user {
    align-items: start;
    gap: 14px;
    position: relative
}

.testimonial-carousel[data-layout="6"] .testimonial-user .user-image {
    --mv-box-size: 41px;
    border-radius: 50%;
    height: var(--mv-box-size);
    min-width: var(--mv-box-size);
    width: var(--mv-box-size)
}

.testimonial-carousel[data-layout="6"] .testimonial-user .user-name {
    color: #fff;
    font-size: 15px;
    font-weight: 600;
    letter-spacing: -.585px;
    line-height: 1.25;
    margin-bottom: 2px
}

.testimonial-carousel[data-layout="6"] .testimonial-user .user-title {
    color: #fff;
    font-size: 11px;
    font-weight: 500;
    line-height: 1.1667
}

.testimonial-carousel[data-layout="7"] {
    --mv-spacing-inline: 28px
}

.testimonial-carousel[data-layout="7"] .testimonial {
    backdrop-filter: blur(5px);
    background-color: #fff;
    border-radius: 16px;
    box-shadow: 0 5px 55px 0 rgba(75, 83, 161, .15);
    padding: 43px 50px 55px 60px
}

@media screen and (max-width:1199px) {
    .testimonial-carousel[data-layout="7"] .testimonial {
        padding: 40px 30px 50px
    }
}

.testimonial-carousel[data-layout="7"] .testimonial-header {
    align-items: center;
    display: flex;
    flex-wrap: wrap;
    gap: 30px;
    justify-content: space-between;
    margin-bottom: 36px
}

.testimonial-carousel[data-layout="7"] .testimonial-icon {
    bottom: 0;
    color: #9578ff;
    left: 50%;
    position: absolute;
    transform: translate(-50%, 70%)
}

.testimonial-carousel[data-layout="7"] .testimonial-user {
    gap: 19px
}

.testimonial-carousel[data-layout="7"] .testimonial-user .user-image {
    --mv-box-size: 66px;
    border: 3px solid rgba(0, 0, 0, .13);
    border-radius: 50%;
    height: var(--mv-box-size);
    min-width: var(--mv-box-size);
    width: var(--mv-box-size)
}

.testimonial-carousel[data-layout="7"] .testimonial-user .user-image-wrapper {
    display: inline-flex;
    position: relative
}

.testimonial-carousel[data-layout="7"] .testimonial-user .user-name {
    color: #2b2b2b;
    font-size: 20px;
    font-weight: 600;
    line-height: 1;
    margin-bottom: 4px
}

@media screen and (max-width:767px) {
    .testimonial-carousel[data-layout="7"] .testimonial-user .user-name {
        font-size: 18px
    }
}

.testimonial-carousel[data-layout="7"] .testimonial-user .user-title {
    color: #626262;
    font-family: Inter;
    font-size: 16px;
    font-weight: 500;
    letter-spacing: -.32px;
    line-height: 1.625
}

.testimonial-carousel[data-layout="7"] .testimonial-content {
    color: #626262;
    font-size: 20px;
    font-style: italic;
    font-weight: 500
}

@media screen and (max-width:991px) {
    .testimonial-carousel[data-layout="7"] .testimonial-content {
        font-size: 18px
    }
}

@media screen and (max-width:575px) {
    .testimonial-carousel[data-layout="7"] .testimonial-content {
        font-size: 16px
    }
}

.testimonial-carousel[data-layout="7"] .testimonial-rating {
    align-items: center;
    gap: 3px
}

.testimonial-carousel[data-layout="7"] .testimonial-rating .rating-label {
    color: #2b2b2b;
    font-weight: 600;
    letter-spacing: -.64px;
    line-height: 1.25;
    margin-right: 6px
}

.testimonial-carousel[data-layout="7"] .testimonial-rating .rating-icon {
    color: #626262
}

.testimonial-carousel[data-layout="7"] .testimonial-rating .rating-icon svg {
    height: auto;
    width: 17px
}

.testimonial-carousel[data-layout="7"] .testimonial-rating .rating-icon.is-active {
    color: #fbbc05
}

.feature-card-carousel .feature-card,
.feature-card-grid .feature-card {
    display: flex;
    flex-direction: column;
    gap: 30px;
    position: relative
}

.feature-card-carousel .feature-card-image,
.feature-card-grid .feature-card-image {
    display: inline-flex;
    gap: 30px
}

.feature-card-carousel .feature-card-content,
.feature-card-grid .feature-card-content {
    display: flex;
    flex-direction: column;
    gap: 15px
}

.feature-card-carousel .feature-card-title>a,
.feature-card-grid .feature-card-title>a {
    color: inherit
}

.feature-card-carousel[data-layout="1"],
.feature-card-grid[data-layout="1"] {
    --mv-spacing-inline: 140px
}

@media screen and (max-width:1399px) {

    .feature-card-carousel[data-layout="1"],
    .feature-card-grid[data-layout="1"] {
        --mv-spacing-inline: 70px
    }
}

@media screen and (max-width:1199px) {

    .feature-card-carousel[data-layout="1"],
    .feature-card-grid[data-layout="1"] {
        --mv-spacing-inline: 50px
    }
}

@media screen and (max-width:991px) {

    .feature-card-carousel[data-layout="1"],
    .feature-card-grid[data-layout="1"] {
        --mv-spacing-inline: 30px
    }
}

.feature-card-carousel[data-layout="1"] .feature-card,
.feature-card-grid[data-layout="1"] .feature-card {
    align-items: center;
    gap: 41px;
    height: 100%;
    justify-content: space-between
}

.feature-card-carousel[data-layout="1"] .feature-card-curve,
.feature-card-grid[data-layout="1"] .feature-card-curve {
    color: #000;
    left: 50%;
    position: absolute;
    top: 30px;
    transform: translateX(-50%);
    width: 80%
}

@media screen and (max-width:767px) {

    .feature-card-carousel[data-layout="1"] .feature-card-curve,
    .feature-card-grid[data-layout="1"] .feature-card-curve {
        display: none
    }
}

.feature-card-carousel[data-layout="1"] .feature-card-image,
.feature-card-grid[data-layout="1"] .feature-card-image {
    align-items: end;
    justify-content: center
}

.feature-card-carousel[data-layout="1"] .feature-card-content,
.feature-card-grid[data-layout="1"] .feature-card-content {
    align-items: center;
    gap: 10px;
    text-align: center
}

.feature-card-carousel[data-layout="1"] .feature-card-title,
.feature-card-grid[data-layout="1"] .feature-card-title {
    color: #000c60
}

.feature-card-carousel[data-layout="1"] .feature-card-description,
.feature-card-grid[data-layout="1"] .feature-card-description {
    color: #626262;
    font-family: Inter;
    font-size: 16px;
    font-weight: 500;
    letter-spacing: -.32px;
    line-height: 1.625
}

.feature-card-carousel[data-layout="2"],
.feature-card-grid[data-layout="2"] {
    --mv-spacing-inline: 20px;
    --mv-spacing-block: 19px;
    --mv-grid-size: 33.3333%
}

@media screen and (max-width:1199px) {

    .feature-card-carousel[data-layout="2"],
    .feature-card-grid[data-layout="2"] {
        --mv-grid-size: 50%
    }
}

@media screen and (max-width:767px) {

    .feature-card-carousel[data-layout="2"],
    .feature-card-grid[data-layout="2"] {
        --mv-grid-size: 100%
    }
}

.feature-card-carousel[data-layout="2"] .feature-card,
.feature-card-grid[data-layout="2"] .feature-card {
    background-color: #fff;
    border: thin solid #e5e7eb;
    border-radius: 25px;
    justify-content: space-between;
    min-height: 447px;
    padding: 35px 30px 44px 40px
}

@media screen and (max-width:767px) {

    .feature-card-carousel[data-layout="2"] .feature-card,
    .feature-card-grid[data-layout="2"] .feature-card {
        min-height: 400px;
        padding: 30px
    }
}

@media screen and (max-width:575px) {

    .feature-card-carousel[data-layout="2"] .feature-card,
    .feature-card-grid[data-layout="2"] .feature-card {
        padding: 30px 15px
    }
}

.feature-card-carousel[data-layout="2"] .feature-card-content,
.feature-card-grid[data-layout="2"] .feature-card-content {
    gap: 0
}

.feature-card-carousel[data-layout="2"] .feature-card-title,
.feature-card-grid[data-layout="2"] .feature-card-title {
    display: block;
    margin-bottom: 10px
}

.feature-card-carousel[data-layout="2"] .feature-card-description,
.feature-card-grid[data-layout="2"] .feature-card-description {
    color: #626262;
    display: block;
    font-family: Inter;
    font-size: 16px;
    font-weight: 500;
    letter-spacing: -.32px;
    line-height: 1.625;
    margin-bottom: 27px
}

.feature-card-carousel[data-layout="2"] .feature-card-link,
.feature-card-grid[data-layout="2"] .feature-card-link {
    color: #060f16;
    display: inline-flex;
    font-family: var(--mv-primary-font);
    font-size: 15px;
    font-weight: 500;
    line-height: 1.38667
}

.feature-card-carousel[data-layout="3"],
.feature-card-grid[data-layout="3"] {
    --mv-spacing-inline: 20px;
    --mv-spacing-block: 40px;
    --mv-grid-size: 33.3333%
}

@media screen and (max-width:1199px) {

    .feature-card-carousel[data-layout="3"],
    .feature-card-grid[data-layout="3"] {
        --mv-grid-size: 50%
    }
}

@media screen and (max-width:767px) {

    .feature-card-carousel[data-layout="3"],
    .feature-card-grid[data-layout="3"] {
        --mv-grid-size: 100%
    }
}

.feature-card-carousel[data-layout="3"] .feature-card,
.feature-card-grid[data-layout="3"] .feature-card {
    background-color: #f9f9f9;
    border: thin solid #ebebeb;
    border-radius: 14.833px;
    gap: 0;
    padding: 49px 26px 38px 31px;
    position: relative
}

@media(min-width:1201px)and (max-width:1399px) {

    .feature-card-carousel[data-layout="3"] .feature-card h3,
    .feature-card-grid[data-layout="3"] .feature-card h3 {
        font-size: 22px
    }
}

.feature-card-carousel[data-layout="3"] .feature-card-category,
.feature-card-grid[data-layout="3"] .feature-card-category {
    background-color: #0a0a0e;
    border-radius: 6px;
    color: #fff;
    font-size: 18px;
    font-weight: 600;
    left: 31px;
    padding: 1.5px 17px;
    position: absolute;
    top: 0;
    transform: translateY(-50%)
}

.feature-card-carousel[data-layout="3"] .feature-card-title,
.feature-card-grid[data-layout="3"] .feature-card-title {
    color: #060f16
}

.feature-card-carousel[data-layout="3"] .feature-card-description,
.feature-card-grid[data-layout="3"] .feature-card-description {
    color: #626262;
    font-family: Inter;
    font-size: 16px;
    font-weight: 500;
    letter-spacing: -.32px;
    line-height: 1.625;
    margin-bottom: 22px
}

.feature-card-carousel[data-layout="3"] .feature-card-badges,
.feature-card-grid[data-layout="3"] .feature-card-badges {
    display: flex;
    flex-wrap: wrap;
    gap: 15px;
    margin-bottom: 30px
}

.feature-card-carousel[data-layout="3"] .feature-card-badges .badge,
.feature-card-grid[data-layout="3"] .feature-card-badges .badge {
    background-color: rgba(222, 184, 255, .15);
    border-radius: 6px;
    color: #8000ff;
    font-family: var(--mv-primary-font);
    font-size: 12px;
    font-weight: 500;
    line-height: 1.1667;
    padding: 5px 8px
}

.feature-card-carousel[data-layout="3"] .feature-card-links,
.feature-card-grid[data-layout="3"] .feature-card-links {
    display: flex;
    flex-wrap: wrap;
    gap: 20px
}

.feature-card-carousel[data-layout="3"] .feature-card-links .link,
.feature-card-grid[data-layout="3"] .feature-card-links .link {
    color: #060f16;
    font-family: var(--mv-primary-font);
    font-size: 14px;
    font-weight: 500;
    letter-spacing: -.28px;
    line-height: 1.3
}

.feature-card-carousel[data-layout="3"] .feature-card-links .link.link-2,
.feature-card-grid[data-layout="3"] .feature-card-links .link.link-2 {
    color: #2563eb
}

.feature-card-carousel[data-layout="4"],
.feature-card-grid[data-layout="4"] {
    --mv-spacing-inline: 34px;
    --mv-spacing-block: 23px
}

@media screen and (max-width:767px) {

    .feature-card-carousel[data-layout="4"],
    .feature-card-grid[data-layout="4"] {
        --mv-grid-size: 100%
    }
}

.feature-card-carousel[data-layout="4"] .feature-card,
.feature-card-grid[data-layout="4"] .feature-card {
    backdrop-filter: blur(10px);
    background-color: #fff;
    border-radius: 25px;
    box-shadow: 0 54px 99px 0 rgba(52, 78, 170, .07);
    gap: 37px;
    padding: 16px 14.5px 45px
}

@media screen and (max-width:767px) {

    .feature-card-carousel[data-layout="4"] .feature-card,
    .feature-card-grid[data-layout="4"] .feature-card {
        gap: 35px;
        padding: 10px 10px 30px
    }
}

.feature-card-carousel[data-layout="4"] .feature-card div.feature-card-title,
.feature-card-grid[data-layout="4"] .feature-card div.feature-card-title {
    font-size: 22px
}

@media screen and (max-width:575px) {

    .feature-card-carousel[data-layout="4"] .feature-card div.feature-card-title,
    .feature-card-grid[data-layout="4"] .feature-card div.feature-card-title {
        font-size: 20px
    }
}

.feature-card-carousel[data-layout="4"] .feature-card-image,
.feature-card-grid[data-layout="4"] .feature-card-image {
    border-radius: 25px;
    overflow: hidden
}

.feature-card-carousel[data-layout="4"] .feature-card-image img,
.feature-card-grid[data-layout="4"] .feature-card-image img {
    width: 100%
}

.feature-card-carousel[data-layout="4"] .feature-card-title,
.feature-card-grid[data-layout="4"] .feature-card-title {
    color: #002b2b;
    font-family: DM Sans;
    font-weight: 500;
    line-height: 1.31818;
    margin-bottom: 5px
}

.feature-card-carousel[data-layout="4"] .feature-card-content,
.feature-card-grid[data-layout="4"] .feature-card-content {
    gap: 0;
    padding-inline: 25px
}

@media screen and (max-width:1199px) {

    .feature-card-carousel[data-layout="4"] .feature-card-content,
    .feature-card-grid[data-layout="4"] .feature-card-content {
        padding: 0
    }
}

.feature-card-carousel[data-layout="4"] .feature-card-description,
.feature-card-grid[data-layout="4"] .feature-card-description {
    color: #5f6a77;
    font-family: DM Sans;
    line-height: 1.625;
    margin-bottom: 29px
}

.feature-card-carousel[data-layout="4"] .feature-card-link,
.feature-card-grid[data-layout="4"] .feature-card-link {
    color: #002b2b;
    font-family: Space Grotesk;
    font-family: var(--mv-secondary-font);
    font-size: 12px;
    font-weight: 500;
    letter-spacing: 1px;
    line-height: .83333;
    line-height: 1.38667;
    text-transform: uppercase
}

.wpcf7 form.wpcf7-form {
    display: flex;
    flex-wrap: wrap;
    gap: 30px;
    line-height: 0
}

.wpcf7 form.wpcf7-form .wpcf7-not-valid-tip {
    font-size: 12px;
    line-height: 1.5;
    margin-top: 5px
}

.wpcf7 form.wpcf7-form .wpcf7-response-output {
    border-width: 1px;
    color: #fff;
    font-size: 14px;
    line-height: 1.5;
    margin: 0
}

.wpcf7 form.wpcf7-form .wpcf7-form-control-wrap {
    display: block;
    width: 100%
}

.wpcf7 form.wpcf7-form .wpcf7-form-control {
    width: 100%
}

.wpcf7 form.wpcf7-form label {
    display: block;
    line-height: 1.5
}

.wpcf7 form.wpcf7-form.is-loading input,
.wpcf7 form.wpcf7-form.is-loading textarea {
    filter: blur(1px);
    pointer-events: none
}

.wpcf7 form.wpcf7-form.field-style-1 .nice-select,
.wpcf7 form.wpcf7-form.field-style-1 input,
.wpcf7 form.wpcf7-form.field-style-1 select,
.wpcf7 form.wpcf7-form.field-style-1 textarea {
    background-color: hsla(0, 0%, 100%, .13);
    border: thin solid hsla(0, 0%, 100%, .17);
    border-radius: 100px;
    color: #fff;
    font-family: var(--mv-third-font);
    height: 43px;
    padding-inline: 27px 50px
}

.wpcf7 form.wpcf7-form.field-style-2 .nice-select,
.wpcf7 form.wpcf7-form.field-style-2 input,
.wpcf7 form.wpcf7-form.field-style-2 select,
.wpcf7 form.wpcf7-form.field-style-2 textarea {
    background-color: hsla(0, 0%, 100%, .07);
    border-radius: 100px;
    color: #9ca3af;
    font-family: Golos Text;
    font-size: 15px;
    height: 60px;
    line-height: 1.53;
    padding-inline: 33px 125px
}

.wpcf7 form.wpcf7-form.field-style-3 .nice-select,
.wpcf7 form.wpcf7-form.field-style-3 input,
.wpcf7 form.wpcf7-form.field-style-3 select,
.wpcf7 form.wpcf7-form.field-style-3 textarea {
    background-color: hsla(0, 0%, 100%, .12);
    border-radius: 10px;
    color: hsla(30, 20%, 98%, .7);
    font-family: Onest;
    font-size: 15px;
    font-weight: 400;
    height: 54px;
    line-height: normal;
    padding-inline: 25px 155px
}

.wpcf7 form.wpcf7-form.field-style-4 .nice-select,
.wpcf7 form.wpcf7-form.field-style-4 input,
.wpcf7 form.wpcf7-form.field-style-4 select,
.wpcf7 form.wpcf7-form.field-style-4 textarea {
    border-bottom: thin solid hsla(0, 0%, 43%, .3);
    color: #000;
    font-family: Inter;
    font-size: 16px;
    height: 53px;
    letter-spacing: 1.2px;
    line-height: 1;
    padding: 0 0 2px;
    text-transform: uppercase
}

.wpcf7 form.wpcf7-form.field-style-4 textarea {
    padding-block: 12px 13px
}

.wpcf7 form.wpcf7-form.field-style-5 {
    --mv-spacing-inline: 20px;
    --mv-spacing-block: 22px
}

.wpcf7 form.wpcf7-form.field-style-5 label {
    color: hsla(0, 0%, 100%, .8);
    display: block;
    font-family: var(--mv-primary-font);
    font-size: 12px;
    font-weight: 500;
    line-height: 1.1667;
    margin-bottom: 11px
}

.wpcf7 form.wpcf7-form.field-style-5 .nice-select,
.wpcf7 form.wpcf7-form.field-style-5 input,
.wpcf7 form.wpcf7-form.field-style-5 select,
.wpcf7 form.wpcf7-form.field-style-5 textarea {
    background-color: hsla(0, 0%, 100%, .05);
    border: thin solid hsla(0, 0%, 100%, .1);
    border-radius: 100px;
    color: hsla(0, 0%, 100%, .4);
    font-family: var(--mv-primary-font);
    font-size: 12px;
    font-weight: 500;
    height: 42px;
    line-height: 1.1667;
    padding-inline: 15px
}

.wpcf7 form.wpcf7-form.field-style-5 textarea {
    border-radius: 10px;
    height: 140px;
    padding: 11px 15px
}

.wpcf7 form.wpcf7-form.field-style-6 {
    --mv-spacing-inline: 16px;
    --mv-spacing-block: 24px
}

.wpcf7 form.wpcf7-form.field-style-6 label {
    color: #060f16;
    display: block;
    font-family: var(--mv-primary-font);
    font-size: 15px;
    font-weight: 500;
    line-height: 1.53;
    margin-bottom: 5px
}

.wpcf7 form.wpcf7-form.field-style-6 .nice-select,
.wpcf7 form.wpcf7-form.field-style-6 input,
.wpcf7 form.wpcf7-form.field-style-6 select,
.wpcf7 form.wpcf7-form.field-style-6 textarea {
    background-color: #fff;
    border: 1px solid #d5d7da;
    border-radius: 12px;
    color: #a4a7ae;
    font-family: var(--mv-primary-font);
    font-size: 15px;
    font-weight: 500;
    height: 50px;
    line-height: 1.53;
    padding: 15px 17px
}

.wpcf7 form.wpcf7-form.field-style-6 textarea {
    height: 144px;
    padding: 14px 17px
}

.wpcf7 form.wpcf7-form .upload-file {
    align-items: center;
    display: flex;
    flex-wrap: wrap;
    gap: 16px;
    row-gap: 10px
}

.wpcf7 form.wpcf7-form .upload-file:after {
    color: #626262;
    content: attr(data-note);
    display: inline-block;
    font-family: var(--mv-primary-font);
    font-size: 15px;
    font-weight: 500;
    line-height: 1.53
}

.wpcf7 form.wpcf7-form .upload-file .wpcf7-form-control-wrap,
.wpcf7 form.wpcf7-form .upload-file input {
    width: -moz-fit-content;
    width: fit-content
}

.wpcf7 .field-upload-control {
    position: relative
}

.wpcf7 .field-upload-control input[type=file] {
    display: none
}

.wpcf7 .field-upload-control .button-upload {
    align-items: center;
    background-color: #ededed;
    border: thin solid #d5d7da;
    border-radius: 8px;
    display: flex;
    font-family: var(--mv-primary-font);
    font-size: 15px;
    font-weight: 500;
    gap: 6px;
    height: 50px;
    line-height: 1.53;
    width: 193px
}

.filter-header {
    align-items: center;
    display: flex;
    flex-wrap: wrap;
    gap: 30px
}

.filter-header button {
    align-items: center;
    display: inline-flex;
    gap: 5px
}

.filter-header button.is-active .button-note,
.filter-header button:hover .button-note {
    color: inherit
}

.filter-header[data-layout=choose] {
    background-color: #ededed;
    border-radius: 10px;
    gap: 10px;
    padding: 13px
}

.filter-header[data-layout=choose] button {
    background-color: #fff;
    border-radius: 10px;
    color: #060f16;
    font-family: var(--mv-primary-font);
    font-size: 14px;
    font-weight: 500;
    gap: 5px;
    height: 38px;
    padding-inline: 22px
}

.filter-header[data-layout=choose] button .highlight-text {
    border: thin solid #ededed;
    border-radius: 5.01px;
    font-family: DM Sans;
    font-size: 12px;
    font-weight: 700;
    line-height: 1.3;
    padding: 4px 9px
}

.filter-header[data-layout=choose] button.is-active,
.filter-header[data-layout=choose] button:hover {
    background-color: #060f16;
    color: #fff
}

.filter-header[data-layout=choose] .button-note {
    border: thin solid #d5d7da;
    border-radius: 5px;
    color: #626262;
    display: inline-block;
    font-family: DM Sans;
    font-size: 12px;
    font-weight: 700;
    line-height: 22px;
    padding: 0 8px;
    transition: color .3s linear
}

.filter-header[data-layout=switcher] {
    align-items: center;
    display: flex;
    font-family: Golos Text;
    font-size: 15px;
    gap: 10px;
    justify-content: center;
    line-height: 1.53;
    position: relative;
    z-index: 3
}

.filter-header[data-layout=switcher] button {
    background-color: transparent;
    color: #5f6a77;
    font-family: Golos Text;
    font-size: 15px;
    line-height: 1.53
}

.filter-header[data-layout=switcher] button .button-note {
    color: #002b2b
}

.filter-header[data-layout=switcher] .switch-value {
    cursor: pointer
}

.filter-header[data-layout=switcher] .toggle-switch {
    background-color: #002b2b;
    border-radius: 30px;
    cursor: pointer;
    display: inline-block;
    height: 30px;
    position: relative;
    width: 60px
}

.filter-header[data-layout=switcher] input {
    display: none
}

.filter-header[data-layout=switcher] .check-switch:checked+.toggle-switch .slider {
    left: auto;
    right: 4px
}

.filter-header[data-layout=switcher] .slider {
    align-items: center;
    display: inline-flex;
    justify-content: center;
    left: 4px;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    --mv-box-size: 22px;
    background-color: #e5ff5e;
    border-radius: 50%;
    height: var(--mv-box-size);
    min-width: var(--mv-box-size);
    transition: left .5s ease, right .5s ease, background-color .5s ease;
    width: var(--mv-box-size)
}

.filter-header[data-layout=switcher] .highlight-text {
    color: #002b2b
}

.price[data-layout="1"] {
    background: linear-gradient(180deg, #eef2f6, rgba(238, 242, 246, 0));
    border: thin solid #ededed;
    border-radius: 21.667px;
    padding: 12px 13px
}

.price[data-layout="1"] .price-main {
    background-color: #fff;
    border: thin solid #ededed;
    border-radius: inherit;
    padding: 23px;
    position: relative
}

.price[data-layout="1"] .price-icon {
    align-items: center;
    display: flex;
    gap: 0;
    justify-content: center;
    --mv-box-size: 65px;
    background: linear-gradient(0deg, rgba(238, 242, 246, 0), #eef2f6);
    border: thin solid #ededed;
    border-radius: 12px;
    height: var(--mv-box-size);
    margin-bottom: 22px;
    min-width: var(--mv-box-size);
    width: var(--mv-box-size)
}

.price[data-layout="1"] .price-title {
    margin-bottom: 17px
}

.price[data-layout="1"] .price-note {
    font-family: Inter;
    font-size: 16px;
    font-weight: 500;
    letter-spacing: -.32px;
    line-height: 1.625;
    margin-bottom: 18px
}

.price[data-layout="1"] .price-price {
    color: #060f16;
    font-size: 40px;
    font-weight: 600;
    letter-spacing: -1.6px;
    line-height: 1.3;
    margin-bottom: 36.5px
}

.price[data-layout="1"] .price-price .suffix {
    font-family: Inter;
    font-size: 16px;
    font-weight: 500;
    letter-spacing: -.32px;
    line-height: 1.625
}

.price[data-layout="1"] .price-button {
    background: linear-gradient(180deg, #1c2f41, #060f16);
    border-radius: 16px;
    color: #fff;
    font-family: var(--mv-primary-font);
    font-size: 15px;
    font-weight: 500;
    height: 56px;
    line-height: 1.38667;
    width: 100%
}

.price[data-layout="1"] .price-features {
    padding: 33px 22px 20px
}

.price[data-layout="1"] .price-features .feature-item {
    align-items: center;
    color: #626262;
    display: flex;
    font-family: var(--mv-primary-font);
    font-size: 15px;
    font-weight: 500;
    gap: 11px;
    line-height: 1.53
}

.price[data-layout="1"] .price-features .feature-item+.feature-item {
    margin-top: 11px
}

.price[data-layout="1"] .price-features .feature-icon {
    color: #060f16
}

.price {
    overflow: hidden;
    position: relative;
    transition: all .3s linear
}

.price .feature-item {
    align-items: center;
    display: flex;
    gap: 10px
}

.price .price-badge {
    align-items: center;
    background-color: hsla(0, 0%, 100%, .15);
    border-radius: 108.333px;
    display: inline-flex;
    font-family: Inter;
    font-size: 16px;
    font-weight: 500;
    gap: 6px;
    height: 30px;
    justify-content: center;
    letter-spacing: -.32px;
    line-height: 1.625;
    padding-inline: 10px;
    position: absolute;
    right: 21px;
    top: 23px
}

.price-table[data-layout="1"] .grid {
    --mv-grid-size: 50%;
    --mv-spacing-inline: 0px;
    --mv-spacing-block: 0px
}

@media screen and (max-width:767px) {
    .price-table[data-layout="1"] .grid {
        --mv-grid-size: 100%
    }
}

.price-table[data-layout="1"] .price.is-active,
.price-table[data-layout="1"] .price:hover {
    background-color: #def2ed
}

.price-table[data-layout="1"] .price.is-active .button,
.price-table[data-layout="1"] .price:hover .button {
    color: #e5ff5e
}

.price-table[data-layout="1"] .price {
    padding: 49px 49px 49px 48px;
    position: relative;
    transition: background-color .3s linear, box-shadow .3s linear
}

@media screen and (max-width:767px) {
    .price-table[data-layout="1"] .price {
        padding: 45px 30px
    }
}

@media screen and (max-width:575px) {
    .price-table[data-layout="1"] .price {
        padding: 45px 15px
    }
}

.price-table[data-layout="1"] .price-overview {
    margin-bottom: 33px
}

.price-table[data-layout="1"] .price-title {
    color: #002b2b;
    font-family: var(--mv-secondary-font);
    font-size: 22px;
    font-weight: 500;
    letter-spacing: -.36px;
    line-height: 1.22727;
    margin-bottom: 18px
}

.price-table[data-layout="1"] .price-description {
    color: #002b2b;
    font-family: Golos Text;
    font-size: 15px;
    line-height: 1.53;
    margin-bottom: 33px;
    max-width: 170px
}

.price-table[data-layout="1"] .price-amount {
    color: #002b2b;
    display: block;
    font-family: var(--mv-secondary-font);
    font-size: 40px;
    font-weight: 500;
    letter-spacing: -2px;
    line-height: 1.2;
    margin-bottom: 1px
}

.price-table[data-layout="1"] .price-amount-wrapper {
    margin-bottom: 26px
}

@media screen and (max-width:1199px) {
    .price-table[data-layout="1"] .price-amount {
        font-size: 36px
    }
}

@media screen and (max-width:767px) {
    .price-table[data-layout="1"] .price-amount {
        font-size: 32px
    }
}

.price-table[data-layout="1"] .price-note {
    color: rgba(95, 106, 119, .7);
    display: block;
    font-family: var(--mv-primary-font);
    font-size: 14px;
    font-weight: 500;
    line-height: 1.57143
}

.price-table[data-layout="1"] .price-note--two {
    color: rgba(0, 43, 43, .7);
    margin-top: 8px;
    text-align: center
}

.price-table[data-layout="1"] .price-button {
    background-color: #12715b;
    border-radius: 100px;
    color: #fff;
    height: 48px;
    width: 100%
}

.price-table[data-layout="1"] .price-button-wrapper {
    margin-bottom: 35px
}

.price-table[data-layout="1"] .price-badge {
    background-color: #e5ff5e;
    border-radius: 4px;
    color: #002b2b;
    font-size: 12px;
    font-weight: 500;
    line-height: 29px;
    padding-inline: 11px;
    position: absolute;
    right: 16px;
    text-align: center;
    top: 16px
}

.price-table[data-layout="1"] .price-feature .feature-item {
    align-items: center;
    display: flex;
    font-size: 13px;
    gap: 8px;
    line-height: 1.69231
}

.price-table[data-layout="1"] .price-feature .feature-item+.feature-item {
    margin-top: 15px
}

.price-table[data-layout="1"] .price-feature .feature-icon {
    --mv-box-size: 16px;
    align-items: center;
    background-color: #12715b;
    border-radius: 50%;
    color: #fff;
    display: inline-flex;
    gap: 0;
    height: var(--mv-box-size);
    justify-content: center;
    min-width: var(--mv-box-size);
    width: var(--mv-box-size)
}

.price-table[data-layout="1"] .price .feature-title {
    margin-bottom: 16px
}

.price-table[data-layout="2"] .grid {
    --mv-grid-size: 33.3333333%
}

@media screen and (max-width:1199px) {
    .price-table[data-layout="2"] .grid {
        --mv-grid-size: 50%
    }
}

@media screen and (max-width:767px) {
    .price-table[data-layout="2"] .grid {
        --mv-grid-size: 100%
    }
}

.price-table[data-layout="2"] path[fill^="url("],
.price-table[data-layout="2"] path[stroke^="url("] {
    transition: .3s
}

.price-table[data-layout="2"] .price {
    background-color: #fff;
    border-radius: 27px;
    overflow: hidden;
    padding: 12px 13px 30px;
    position: relative
}

.price-table[data-layout="2"] .price.is-active .price-overview:before,
.price-table[data-layout="2"] .price:hover .price-overview:before {
    opacity: 1
}

.price-table[data-layout="2"] .price.is-active .price-button,
.price-table[data-layout="2"] .price:hover .price-button {
    background-color: #fff;
    border-color: #fff
}

.price-table[data-layout="2"] .price.is-active .price-description,
.price-table[data-layout="2"] .price.is-active .price-title,
.price-table[data-layout="2"] .price:hover .price-description,
.price-table[data-layout="2"] .price:hover .price-title {
    color: #fff
}

.price-table[data-layout="2"] .price.is-active .price-badge,
.price-table[data-layout="2"] .price:hover .price-badge {
    background-color: hsla(0, 0%, 100%, .15);
    color: #fff
}

.price-table[data-layout="2"] .price.is-active .price-amount,
.price-table[data-layout="2"] .price.is-active .price-amount .amount-suffix,
.price-table[data-layout="2"] .price.is-active .price-icon,
.price-table[data-layout="2"] .price:hover .price-amount,
.price-table[data-layout="2"] .price:hover .price-amount .amount-suffix,
.price-table[data-layout="2"] .price:hover .price-icon {
    color: #fff
}

.price-table[data-layout="2"] .price.is-active .price-icon path[fill^="url("],
.price-table[data-layout="2"] .price:hover .price-icon path[fill^="url("] {
    fill: currentColor
}

.price-table[data-layout="2"] .price.is-active .price-icon path[stroke^="url("],
.price-table[data-layout="2"] .price:hover .price-icon path[stroke^="url("] {
    stroke: currentColor
}

.price-table[data-layout="2"] .price.is-active .price-icon:before,
.price-table[data-layout="2"] .price:hover .price-icon:before {
    opacity: 1
}

.price-table[data-layout="2"] .price-overview {
    background-color: #f4f4f4;
    border-radius: 22px;
    margin-bottom: 33px;
    overflow: hidden;
    padding: 22px 23px 23px 21px;
    position: relative
}

.price-table[data-layout="2"] .price-overview:before {
    background: linear-gradient(257deg, #01e5e5 .28%, #008787);
    content: "";
    inset: 0;
    opacity: 0;
    position: absolute;
    transition: opacity .3s linear;
    z-index: 0
}

.price-table[data-layout="2"] .price-overview>* {
    position: relative
}

.price-table[data-layout="2"] .price-icon {
    position: relative;
    --mv-box-size: 65px;
    align-items: center;
    background-color: rgba(1, 229, 229, .12);
    border-radius: 11px;
    display: inline-flex;
    height: var(--mv-box-size);
    justify-content: center;
    margin-bottom: 24px;
    min-width: var(--mv-box-size);
    overflow: hidden;
    width: var(--mv-box-size)
}

.price-table[data-layout="2"] .price-icon:before {
    background: linear-gradient(257deg, #01e5e5 .28%, #008787);
    content: "";
    inset: 0;
    opacity: 0;
    position: absolute;
    transition: opacity .3s linear;
    z-index: 0
}

.price-table[data-layout="2"] .price-icon i,
.price-table[data-layout="2"] .price-icon svg {
    position: relative
}

.price-table[data-layout="2"] .price-title {
    margin-bottom: 18px;
    transition: color .3s linear
}

.price-table[data-layout="2"] .price-description {
    color: #626262;
    font-family: Inter;
    font-size: 16px;
    font-weight: 500;
    letter-spacing: -.32px;
    line-height: 1.625;
    margin-bottom: 15px;
    transition: color .3s linear
}

.price-table[data-layout="2"] .price-amount {
    color: #000;
    font-family: var(--mv-heading-font);
    font-size: 40px;
    font-weight: 600;
    letter-spacing: -1.6px;
    line-height: 1.3;
    margin-bottom: 31px;
    transition: color .3s linear
}

.price-table[data-layout="2"] .price-amount .amount-suffix {
    color: #626262;
    font-family: Inter;
    font-size: 16px;
    font-weight: 500;
    letter-spacing: -.32px;
    line-height: 1.625;
    transition: color .3s linear
}

.price-table[data-layout="2"] .price-button {
    background-color: transparent;
    border: thin solid #01e5e5;
    border-radius: 16px;
    color: #000;
    font-family: var(--mv-primary-font);
    font-size: 15px;
    font-weight: 500;
    height: 56px;
    line-height: 1.38667;
    width: 100%
}

.price-table[data-layout="2"] .price-button:before {
    background-color: #fff
}

.price-table[data-layout="2"] .price-feature {
    padding-inline: 20px
}

@media screen and (max-width:1199px) {
    .price-table[data-layout="2"] .price-feature {
        padding: 0
    }
}

.price-table[data-layout="2"] .price-feature .feature-item {
    align-items: center;
    display: flex;
    font-family: var(--mv-primary-font);
    font-size: 15px;
    font-weight: 500;
    gap: 11px;
    line-height: 1.53
}

.price-table[data-layout="2"] .price-feature .feature-item+.feature-item {
    margin-top: 8.5px
}

.price-table[data-layout="2"] .price-badge {
    align-items: center;
    background-color: rgba(0, 0, 0, .15);
    border-radius: 108.333px;
    color: #000;
    display: inline-flex;
    font-family: Inter;
    font-size: 16px;
    font-weight: 500;
    gap: 6px;
    height: 30px;
    justify-content: center;
    letter-spacing: -.32px;
    line-height: 1.625;
    padding-inline: 10px;
    position: absolute;
    right: 21px;
    top: 23px;
    transition: color .3s linear, background-color .3s linear
}

.price-table[data-layout="2"][data-layout_style="2"] .price {
    background-color: rgba(27, 27, 27, .4);
    border: thin solid hsla(0, 0%, 100%, .2);
    border-radius: 24px;
    overflow: hidden
}

.price-table[data-layout="2"][data-layout_style="2"] .price:after {
    background-color: hsla(0, 0%, 100%, .5);
    bottom: 0;
    content: "";
    display: inline-block;
    filter: blur(150px);
    height: 465px;
    position: absolute;
    right: 55px;
    transform: translateY(60%);
    transition: opacity .3s linear, transform .3s linear;
    width: 187px;
    z-index: 0
}

.price-table[data-layout="2"][data-layout_style="2"] .price .blur {
    background: linear-gradient(90deg, #340068, #002582 20.67%, #1b8097 40.87%, #38ac84 61.54%, #af6c47 79.33%, #6800ce);
    border-radius: 472px;
    bottom: 0;
    display: inline-block;
    filter: blur(65px);
    height: 100px;
    left: 50%;
    opacity: 0;
    position: absolute;
    transform: translateX(-50%) translateY(100%);
    transition: opacity .3s linear, transform .3s linear;
    width: 472px;
    z-index: 0
}

.price-table[data-layout="2"][data-layout_style="2"] .price.is-active .blur,
.price-table[data-layout="2"][data-layout_style="2"] .price:hover .blur {
    opacity: 1;
    transform: translateX(-50%) translateY(24px)
}

.price-table[data-layout="2"][data-layout_style="2"] .price.is-active:after,
.price-table[data-layout="2"][data-layout_style="2"] .price:hover:after {
    opacity: 0;
    transform: translateY(100%)
}

.price-table[data-layout="2"][data-layout_style="2"] .price.is-active .price-button,
.price-table[data-layout="2"][data-layout_style="2"] .price:hover .price-button {
    border-color: transparent
}

.price-table[data-layout="2"][data-layout_style="2"] .price.is-active .price-button:before,
.price-table[data-layout="2"][data-layout_style="2"] .price:hover .price-button:before {
    background-color: #1a1a1a
}

.price-table[data-layout="2"][data-layout_style="2"] .price.is-active .price-button:after,
.price-table[data-layout="2"][data-layout_style="2"] .price:hover .price-button:after {
    bottom: -4px;
    opacity: 1;
    transition-delay: .3s
}

.price-table[data-layout="2"][data-layout_style="2"] .price.is-active .price-icon,
.price-table[data-layout="2"][data-layout_style="2"] .price:hover .price-icon {
    color: #060f16
}

.price-table[data-layout="2"][data-layout_style="2"] .price.is-active .price-icon:before,
.price-table[data-layout="2"][data-layout_style="2"] .price:hover .price-icon:before {
    background-color: #fff
}

.price-table[data-layout="2"][data-layout_style="2"] .price.is-active .price-icon:after,
.price-table[data-layout="2"][data-layout_style="2"] .price:hover .price-icon:after {
    bottom: 0
}

.price-table[data-layout="2"][data-layout_style="2"] .price-overview {
    background-color: hsla(0, 0%, 100%, .06);
    border: thin solid hsla(0, 0%, 93%, .12);
    border-radius: 22px;
    position: relative;
    z-index: 9
}

.price-table[data-layout="2"][data-layout_style="2"] .price-overview:before {
    background: hsla(0, 0%, 100%, .08);
    border-radius: 16px;
    box-shadow: inset 0 0 6px 1px hsla(0, 0%, 100%, .12), 0 0 16px 0 rgba(191, 247, 71, .26)
}

.price-table[data-layout="2"][data-layout_style="2"] .price-icon {
    background-color: transparent;
    color: #fff;
    overflow: visible
}

.price-table[data-layout="2"][data-layout_style="2"] .price-icon path[fill^="url("] {
    fill: currentColor
}

.price-table[data-layout="2"][data-layout_style="2"] .price-icon path[stroke^="url("] {
    stroke: currentColor
}

.price-table[data-layout="2"][data-layout_style="2"] .price-icon svg,
.price-table[data-layout="2"][data-layout_style="2"] .price-icon>i {
    z-index: 10
}

.price-table[data-layout="2"][data-layout_style="2"] .price-icon:before {
    background: #4d494d;
    border-radius: inherit;
    opacity: 1;
    transition: opacity .3s linear, background-color .3s linear;
    z-index: 9
}

.price-table[data-layout="2"][data-layout_style="2"] .price-icon:after {
    background: linear-gradient(90deg, #7648ff, #4a92ff 19.77%, #47f3ff 39.54%, #3bff93 59.88%, #febe57 80.21%, #fe487b);
    border-radius: inherit;
    bottom: -4px;
    content: "";
    height: 100%;
    left: 0;
    position: absolute;
    transition: bottom .3s linear;
    width: 100%;
    z-index: 0
}

.price-table[data-layout="2"][data-layout_style="2"] .price-title {
    color: #fff
}

.price-table[data-layout="2"][data-layout_style="2"] .price-description {
    color: #a4a7ae
}

.price-table[data-layout="2"][data-layout_style="2"] .price-amount {
    color: #fff
}

.price-table[data-layout="2"][data-layout_style="2"] .price-amount .amount-suffix {
    color: #a4a7ae
}

.price-table[data-layout="2"][data-layout_style="2"] .price-button {
    background-color: transparent;
    border: thin solid hsla(0, 0%, 100%, .3);
    border-radius: 100px;
    color: #fff;
    font-family: var(--mv-primary-font);
    font-size: 15px;
    font-weight: 500;
    line-height: 1.38667;
    overflow: visible
}

.price-table[data-layout="2"][data-layout_style="2"] .price-button:before {
    background-color: transparent;
    border-radius: inherit;
    content: "";
    inset: 0;
    opacity: 1;
    position: absolute;
    z-index: 3
}

.price-table[data-layout="2"][data-layout_style="2"] .price-button:after {
    background: linear-gradient(90deg, #7648ff, #4a92ff 19.77%, #47f3ff 39.54%, #3bff93 59.88%, #febe57 80.21%, #fe487b);
    border-radius: inherit;
    bottom: -4px;
    content: "";
    height: 100%;
    left: 0;
    opacity: 0;
    position: absolute;
    transition: opacity .3s linear;
    transition-delay: 0s;
    width: 100%;
    z-index: 0
}

.price-table[data-layout="2"][data-layout_style="2"] .price-feature {
    position: relative;
    z-index: 9
}

.price-table[data-layout="2"][data-layout_style="2"] .price-feature .feature-item {
    color: #fff
}

.price-table[data-layout="2"][data-layout_style="2"] .price-feature .feature-icon {
    color: #29875e
}

.price-table[data-layout="2"][data-layout_style="2"] .price-badge {
    background-color: hsla(0, 0%, 100%, .15);
    color: #fff
}

.price-table[data-layout="3"] .grid {
    --mv-grid-size: 33.3333333%
}

@media screen and (max-width:1199px) {
    .price-table[data-layout="3"] .grid {
        --mv-grid-size: 50%
    }
}

@media screen and (max-width:767px) {
    .price-table[data-layout="3"] .grid {
        --mv-grid-size: 100%
    }
}

.price-table[data-layout="3"] .price {
    background: linear-gradient(180deg, rgba(0, 0, 0, .3), hsla(0, 0%, 100%, .02));
    border: thin solid hsla(0, 0%, 100%, .1);
    border-radius: 21px;
    box-shadow: inset 0 0 0 1.3px hsla(0, 0%, 100%, .1);
    display: flex;
    flex-direction: column;
    min-height: 672px;
    padding: 39px
}

@media screen and (max-width:991px) {
    .price-table[data-layout="3"] .price {
        min-height: 650px;
        padding: 40px 30px
    }
}

@media screen and (max-width:575px) {
    .price-table[data-layout="3"] .price {
        min-height: 600px;
        padding: 30px 15px
    }
}

.price-table[data-layout="3"] .price.is-active .button,
.price-table[data-layout="3"] .price:hover .button {
    background-color: #2563eb
}

.price-table[data-layout="3"] .price-title {
    color: #fff;
    font-size: 30px;
    font-weight: 500;
    letter-spacing: -.013px;
    line-height: 1.35065;
    margin-bottom: 8px
}

.price-table[data-layout="3"] .price-description {
    font-size: 18px;
    font-style: normal;
    font-weight: 600;
    letter-spacing: -.72px;
    line-height: 1.22222;
    margin-bottom: 26px
}

.price-table[data-layout="3"] .price-amount {
    border-bottom: thin solid hsla(0, 0%, 100%, .1);
    border-top: thin solid hsla(0, 0%, 100%, .1);
    color: #fff;
    font-size: 40px;
    font-weight: 600;
    letter-spacing: -1.6px;
    line-height: 1.3;
    padding-block: 15px;
    position: relative
}

.price-table[data-layout="3"] .price-amount .amount-suffix {
    font-size: 20px;
    font-weight: 600;
    letter-spacing: 0;
    line-height: 1;
    opacity: .6
}

.price-table[data-layout="3"] .price-divider {
    margin-bottom: 26px
}

.price-table[data-layout="3"] .price-feature {
    margin-bottom: 30px
}

.price-table[data-layout="3"] .price-feature .feature-item {
    align-items: center;
    color: hsla(0, 0%, 100%, .6);
    display: flex;
    font-size: 18px;
    font-weight: 600;
    gap: 11px;
    letter-spacing: -.72px;
    line-height: 1.22222
}

.price-table[data-layout="3"] .price-feature .feature-item+.feature-item {
    margin-top: 16.5px
}

.price-table[data-layout="3"] .price-feature .feature-icon {
    color: #fff
}

.price-table[data-layout="3"] .price-button {
    background-color: hsla(0, 0%, 100%, .1);
    border-radius: 130px;
    color: #fff;
    font-family: var(--mv-primary-font);
    font-size: 15px;
    font-weight: 500;
    height: 45.5px;
    line-height: 1.38667;
    margin-top: auto;
    width: 100%
}

.price-table[data-layout="4"] {
    --mv-spacing-inline: 16px;
    --mv-grid-size: 33.3333333%
}

.price-table[data-layout="4"] .price {
    background-color: transparent;
    border: thin solid hsla(0, 0%, 100%, 0);
    border-radius: 16px;
    overflow: hidden;
    padding: 35px 30px
}

.price-table[data-layout="4"] .price.is-active,
.price-table[data-layout="4"] .price:hover {
    border-color: hsla(0, 0%, 100%, .08)
}

.price-table[data-layout="4"] .price.is-active .price-button,
.price-table[data-layout="4"] .price:hover .price-button {
    border-color: transparent
}

.price-table[data-layout="4"] .price.is-active .price-button:before,
.price-table[data-layout="4"] .price:hover .price-button:before {
    opacity: 1
}

.price-table[data-layout="4"] .price .price-title {
    align-items: center;
    color: #fff;
    display: flex;
    gap: 10px;
    margin-bottom: 16px
}

.price-table[data-layout="4"] .price .price-title i,
.price-table[data-layout="4"] .price .price-title svg {
    flex-shrink: 0
}

.price-table[data-layout="4"] .price .price-description {
    color: #a4a7ae;
    font-family: Inter;
    font-size: 16px;
    letter-spacing: -.32px;
    line-height: 1.625;
    margin-bottom: 28px
}

.price-table[data-layout="4"] .price .price-amount {
    align-items: end;
    color: #fff;
    display: flex;
    font-family: Inter;
    font-size: 40px;
    font-weight: 600;
    gap: 5px;
    letter-spacing: -1.6px;
    line-height: 1.3;
    margin-bottom: 24px
}

.price-table[data-layout="4"] .price .price-amount .amount-suffix {
    color: #717680;
    font-family: var(--mv-primary-font);
    font-size: 20px;
    font-weight: 500;
    letter-spacing: 0;
    margin-bottom: 12px
}

.price-table[data-layout="4"] .price .price-button {
    background-color: transparent;
    border: thin solid #717680;
    border-radius: 12px;
    color: #fff;
    font-family: var(--mv-primary-font);
    font-size: 15px;
    font-weight: 500;
    height: 50px;
    line-height: 1.38667;
    overflow: hidden;
    width: 100%
}

.price-table[data-layout="4"] .price .price-button:before {
    backdrop-filter: blur(10px);
    background: linear-gradient(90deg, #ea580c, #f97316 50%, #f59e0b);
    content: "";
    inset: 0;
    opacity: 0;
    pointer-events: none;
    position: absolute;
    transition: opacity .3s linear;
    z-index: 0
}

.price-table[data-layout="4"] .price .price-divider {
    background-color: hsla(220, 6%, 47%, .24);
    height: 1px;
    margin-block: 32px;
    width: 100%
}

.price-table[data-layout="4"] .price .price-feature .feature-item {
    align-items: center;
    color: #fff;
    display: flex;
    font-family: Inter;
    font-size: 16px;
    gap: 8px;
    letter-spacing: -.32px
}

.price-table[data-layout="4"] .price .price-feature .feature-item+.feature-item {
    margin-top: 13px
}

.price-table[data-layout="5"] .grid {
    --mv-spacing-inline: 20px;
    --mv-spacing-block: 0;
    --mv-grid-size: 33.33331%;
    padding-inline: calc(var(--mv-spacing-inline)/2)
}

@media screen and (max-width:991px) {
    .price-table[data-layout="5"] .grid {
        --mv-grid-size: 50%
    }
}

@media screen and (max-width:767px) {
    .price-table[data-layout="5"] .grid {
        --mv-grid-size: 100%;
        padding-inline: 0
    }
}

.price-table[data-layout="5"] .price {
    border-radius: 22px;
    overflow: visible;
    padding: 50px 30px;
    position: relative
}

@media screen and (max-width:1199px) {
    .price-table[data-layout="5"] .price {
        padding: 50px 15px
    }
}

.price-table[data-layout="5"] .price.is-active .background-overlay,
.price-table[data-layout="5"] .price:hover .background-overlay {
    opacity: 1
}

.price-table[data-layout="5"] .price .background-overlay {
    background-color: #09090e;
    border-radius: inherit;
    margin-inline: calc(var(--mv-spacing-inline)*-1);
    opacity: 0;
    overflow: hidden;
    position: absolute
}

.price-table[data-layout="5"] .price .background-overlay:before {
    background: linear-gradient(270deg, #434aff 13.62%, #47b2ff 63.88%, #39edac 91.61%);
    border-radius: 399px;
    content: "";
    filter: blur(60px);
    height: 190px;
    opacity: .6;
    position: absolute;
    right: -122px;
    top: -52px;
    transform: rotate(24.455deg);
    width: 399px;
    z-index: 0
}

@media screen and (max-width:767px) {
    .price-table[data-layout="5"] .price .background-overlay {
        margin-inline: 0
    }
}

.price-table[data-layout="5"] .price-overview {
    position: relative
}

.price-table[data-layout="5"] .price-title {
    color: #000c60;
    margin-bottom: 26px;
    transition: color .3s linear
}

.price-table[data-layout="5"] .price-amount {
    color: #000c60;
    font-size: 40px;
    font-weight: 600;
    letter-spacing: -1.6px;
    line-height: 1.3;
    margin-bottom: 15px;
    transition: color .3s linear
}

.price-table[data-layout="5"] .price-amount .amount-suffix {
    color: #a4a7ae;
    font-family: Inter;
    font-size: 16px;
    font-weight: 500;
    letter-spacing: -.32px;
    line-height: 1.625
}

@media screen and (max-width:1199px) {
    .price-table[data-layout="5"] .price-amount {
        font-size: 35px
    }
}

@media screen and (max-width:767px) {
    .price-table[data-layout="5"] .price-amount {
        font-size: 30px
    }
}

.price-table[data-layout="5"] .price-description {
    color: #5f6a77;
    font-family: Golos Text;
    font-size: 17px;
    line-height: 1.76471;
    transition: color .3s linear
}

.price-table[data-layout="5"] .price-divider {
    background-color: #e9effe;
    height: 1px;
    margin-block: 30px 40px;
    transition: background-color .3s linear
}

.price-table[data-layout="5"] .price-feature {
    margin-bottom: 61px;
    position: relative
}

.price-table[data-layout="5"] .price-feature .feature-item {
    color: #000c60;
    font-family: Inter;
    font-size: 16px;
    font-weight: 500;
    gap: 16px;
    letter-spacing: -.32px;
    line-height: 1.625;
    transition: color .3s linear
}

.price-table[data-layout="5"] .price-feature .feature-item+.feature-item {
    margin-top: 16px
}

.price-table[data-layout="5"] .price-feature .feature-icon {
    transition: background-color .3s linear;
    --mv-box-size: 26px;
    background-color: #e9ebff;
    border-radius: 50%;
    height: var(--mv-box-size);
    min-width: var(--mv-box-size);
    width: var(--mv-box-size)
}

.price-table[data-layout="5"] .price-button {
    background-color: #fff;
    border: thin solid #d5d7da;
    border-radius: 100px;
    color: #080e62;
    font-family: var(--mv-primary-font);
    font-size: 14px;
    font-weight: 500;
    height: 50px;
    letter-spacing: -.28px;
    line-height: 1.3;
    padding-inline: 30px;
    width: 100%
}

.price-table[data-layout="5"] .price-badge {
    background: linear-gradient(270deg, #434aff 13.62%, #47b2ff 63.88%, #39edac 91.61%);
    border-radius: 99px;
    color: #fff;
    font-size: 14px;
    font-weight: 500;
    gap: 6px;
    height: 24px;
    letter-spacing: -.28px;
    line-height: 1.3;
    padding-inline: 12px;
    right: 28px;
    top: 24px;
    transition: transform .3s linear
}

@media screen and (max-width:1199px) {
    .price-table[data-layout="5"] .price-badge {
        right: 15px
    }
}

.price-table[data-layout="5"]:not([data-layout_style="2"]) .price.is-active .price-amount,
.price-table[data-layout="5"]:not([data-layout_style="2"]) .price.is-active .price-title,
.price-table[data-layout="5"]:not([data-layout_style="2"]) .price:hover .price-amount,
.price-table[data-layout="5"]:not([data-layout_style="2"]) .price:hover .price-title {
    color: #fff
}

.price-table[data-layout="5"]:not([data-layout_style="2"]) .price.is-active .price-description,
.price-table[data-layout="5"]:not([data-layout_style="2"]) .price:hover .price-description {
    color: #a4a7ae
}

.price-table[data-layout="5"]:not([data-layout_style="2"]) .price.is-active .price-feature .feature-item,
.price-table[data-layout="5"]:not([data-layout_style="2"]) .price:hover .price-feature .feature-item {
    color: #fff
}

.price-table[data-layout="5"]:not([data-layout_style="2"]) .price.is-active .price-feature .feature-icon,
.price-table[data-layout="5"]:not([data-layout_style="2"]) .price:hover .price-feature .feature-icon {
    background-color: rgba(233, 235, 255, .13)
}

.price-table[data-layout="5"]:not([data-layout_style="2"]) .price.is-active .price-button,
.price-table[data-layout="5"]:not([data-layout_style="2"]) .price:hover .price-button {
    background: linear-gradient(270deg, #434aff 13.62%, #47b2ff 63.88%, #39edac 91.61%);
    border-color: transparent;
    color: #fff
}

.price-table[data-layout="5"][data-layout_style="2"] .grid {
    --mv-spacing-inline: 20px;
    --mv-spacing-block: 20px;
    padding-inline: 0
}

.price-table[data-layout="5"][data-layout_style="2"] .price {
    overflow: hidden
}

.price-table[data-layout="5"][data-layout_style="2"] .price.is-active .price-button,
.price-table[data-layout="5"][data-layout_style="2"] .price:hover .price-button {
    background-color: #060f16;
    box-shadow: 0 20px 50px 0 rgba(0, 0, 0, .1);
    color: #fff
}

.price-table[data-layout="5"][data-layout_style="2"] .price.is-active .price-button:before,
.price-table[data-layout="5"][data-layout_style="2"] .price:hover .price-button:before {
    opacity: 1
}

.price-table[data-layout="5"][data-layout_style="2"] .price .background-overlay {
    --mv-angle: 90deg;
    --mv-background-color: #fff;
    --mv-background-color-b: #fff;
    --gradient-color: rgba(201, 108, 255, .3);
    --gradient-color-2: rgba(95, 33, 242, .3);
    --gradient-color-3: rgba(44, 143, 255, .3);
    border-width: 10px;
    margin: 0
}

.price-table[data-layout="5"][data-layout_style="2"] .price .background-overlay:before {
    background: linear-gradient(90deg, rgba(201, 108, 255, .2), rgba(95, 33, 242, .2) 50%, rgba(44, 143, 255, .2))
}

.price-table[data-layout="5"][data-layout_style="2"] .price-badge {
    background: linear-gradient(90deg, #c96cff, #5f21f2 50%, #2c8fff)
}

.tabs {
    transition: height .5s linear
}

.tabs .tab-buttons {
    display: flex;
    gap: 5px
}

.tabs .tab-content {
    height: 0;
    overflow: hidden;
    pointer-events: none
}

.tabs .tab-content.is-active {
    height: auto;
    pointer-events: visible;
    transition: height .5s linear
}

.tabs .tab-featured-images {
    overflow: hidden;
    position: relative;
    width: 100%
}

.tabs .tab-featured-images .image {
    height: 100%;
    left: 0;
    -o-object-fit: cover;
    object-fit: cover;
    opacity: 0;
    pointer-events: none;
    position: absolute;
    top: 0;
    transition: opacity .5s linear;
    width: 100%
}

.tabs .tab-featured-images .image.is-active {
    opacity: 1;
    pointer-events: visible
}

.tabs[data-layout="1"] .tab-buttons {
    flex-direction: column
}

.tabs[data-layout="1"] .tab-button {
    background-color: transparent;
    border: thin solid hsla(0, 0%, 100%, .17);
    border-radius: 12px;
    color: #fff;
    font-size: 16px;
    font-weight: 600;
    gap: 14px;
    height: 57px;
    letter-spacing: -.64px;
    padding-inline: 20px
}

.tabs[data-layout="1"] .tab-button .action-icon {
    margin-left: auto;
    position: relative
}

.tabs[data-layout="1"] .tab-button .direction-item {
    background: linear-gradient(90deg, #c96cff, #5f21f2 50%, #2c8fff)
}

.tabs[data-layout="1"] .tab-content .content-title {
    color: #fff;
    font-size: 36px;
    font-weight: 600;
    letter-spacing: -1.44px;
    line-height: 1.11111;
    margin-bottom: 16px
}

@media screen and (max-width:1199px) {
    .tabs[data-layout="1"] .tab-content .content-title {
        font-size: 32px
    }
}

@media screen and (max-width:991px) {
    .tabs[data-layout="1"] .tab-content .content-title {
        font-size: 30px
    }
}

@media screen and (max-width:767px) {
    .tabs[data-layout="1"] .tab-content .content-title {
        font-size: 28px
    }
}

@media screen and (max-width:575px) {
    .tabs[data-layout="1"] .tab-content .content-title {
        font-size: 26px
    }
}

.tabs[data-layout="1"] .tab-content .content-description {
    color: #fff;
    font-family: Inter;
    font-size: 16px;
    font-weight: 500;
    letter-spacing: -.32px;
    line-height: 1.625;
    margin-bottom: 35px
}

.tabs[data-layout="1"] .tab-content .content-features {
    gap: 8px;
    padding-left: 26px
}

.tabs[data-layout="1"] .tab-content .content-features .list-item {
    color: #fff;
    font-family: Geist;
    gap: 32px
}

.tabs[data-layout="1"] .tab-content .content-features .item-icon {
    font-size: 4px
}

.tabs[data-layout="1"] .tab-featured-images {
    background-color: #9584ee;
    border-radius: 20px;
    min-height: 352px;
    overflow: hidden;
    padding: 30px;
    position: relative;
    width: 100%
}

.tabs[data-layout="1"] .tab-featured-images .image {
    border-radius: 20px;
    left: 50%;
    max-height: 100%;
    max-width: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    opacity: 0;
    pointer-events: none;
    position: absolute;
    top: 50%;
    transform: translate(-50%, -50%);
    transition: opacity .5s linear
}

.tabs[data-layout="1"] .tab-featured-images .image.is-active {
    opacity: 1;
    pointer-events: visible
}

.tabs[data-layout="2"] .tab-buttons {
    flex-wrap: wrap;
    gap: 20px
}

.tabs[data-layout="2"] .tab-buttons .tab-button {
    align-items: center;
    background-color: #313341;
    border-radius: 100px;
    color: #fff;
    font-size: 14px;
    font-weight: 600;
    gap: 15px;
    height: 70px;
    line-height: 1;
    padding-inline: 19px 20px
}

.tabs[data-layout="2"] .tab-buttons .tab-button .button-text {
    align-items: start;
    flex-direction: column;
    gap: 4px
}

.tabs[data-layout="2"] .tab-buttons .tab-button .subtext {
    color: #fff;
    display: block;
    font-size: 12px;
    font-weight: 400
}

.tabs[data-layout="2"] .tab-buttons .tab-button.is-active,
.tabs[data-layout="2"] .tab-buttons .tab-button:hover {
    background-color: #000
}

.tabs[data-layout="2"] .tab-content .content-title {
    color: #fff;
    font-size: 36px;
    font-weight: 600;
    letter-spacing: -1.44px;
    line-height: 1.11111;
    margin-bottom: 16px
}

@media screen and (max-width:1199px) {
    .tabs[data-layout="2"] .tab-content .content-title {
        font-size: 32px
    }
}

@media screen and (max-width:991px) {
    .tabs[data-layout="2"] .tab-content .content-title {
        font-size: 30px
    }
}

@media screen and (max-width:767px) {
    .tabs[data-layout="2"] .tab-content .content-title {
        font-size: 28px
    }
}

@media screen and (max-width:575px) {
    .tabs[data-layout="2"] .tab-content .content-title {
        font-size: 26px
    }
}

.tabs[data-layout="2"] .tab-content .content-description {
    color: #fff;
    font-family: Inter;
    font-size: 16px;
    font-weight: 500;
    letter-spacing: -.32px;
    line-height: 1.625;
    margin-bottom: 35px
}

.tabs[data-layout="2"] .tab-content .content-features {
    gap: 8px;
    padding-left: 26px
}

.tabs[data-layout="2"] .tab-content .content-features .list-item {
    color: #fff;
    font-family: Geist;
    gap: 32px
}

.tabs[data-layout="2"] .tab-content .content-features .item-icon {
    font-size: 4px
}

.tabs[data-layout="2"] .tab-featured-images {
    min-height: 251px
}

.tabs[data-layout="2"] .tab-featured-images .image {
    height: auto;
    left: 0;
    -o-object-fit: contain;
    object-fit: contain;
    pointer-events: none;
    position: absolute;
    top: 0;
    transition: opacity .5s linear;
    width: auto
}

.team-grid {
    --mv-grid-size: 25%;
    --mv-spacing-inline: 33px;
    --mv-spacing-block: 82px
}

@media screen and (max-width:1199px) {
    .team-grid {
        --mv-grid-size: 33.3333333%;
        --mv-spacing-inline: 30px;
        --mv-spacing-block: 65px
    }
}

@media screen and (max-width:991px) {
    .team-grid {
        --mv-grid-size: 50%;
        --mv-spacing-block: 65px
    }
}

@media screen and (max-width:767px) {
    .team-grid {
        --mv-spacing-block: 50px
    }
}

@media screen and (max-width:575px) {
    .team-grid {
        --mv-grid-size: 100%
    }
}

.team-grid canvas {
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: -1
}

.team-grid .team-title>a {
    color: inherit
}

.team-grid .team-thumbnail {
    overflow: hidden
}

.team-grid .team-thumbnail:has(canvas)>a {
    opacity: 0
}

.team-grid .team-thumbnail img {
    width: 100%
}

.team-grid .team:hover .team-socials a {
    scale: 1
}

.team-grid .team-thumbnail {
    border-radius: 20px;
    margin-bottom: 17px
}

.team-grid .team-content {
    text-align: center
}

.team-grid .team-title {
    color: #060f16;
    margin-bottom: 6px
}

.team-grid .team-title a:after {
    color: #060f16
}

.team-grid .team-role {
    color: #626262;
    font-family: var(--mv-primary-font);
    font-size: 15px;
    font-weight: 500;
    line-height: 1.53
}

.team-grid .team-socials {
    align-items: center;
    bottom: 50px;
    display: flex;
    gap: 10px;
    justify-content: center;
    left: 15px;
    position: absolute;
    right: 15px
}

.team-grid .team-socials a {
    align-items: center;
    display: inline-flex;
    justify-content: center;
    --mv-box-size: 34px;
    background-color: #a8ffbb;
    border-radius: 50%;
    color: #060f16;
    height: var(--mv-box-size);
    min-width: var(--mv-box-size);
    scale: 0;
    width: var(--mv-box-size)
}

.team-grid .team-socials a svg {
    height: 12px;
    width: auto
}

.team-grid .team-socials a:hover {
    background-color: #060f16;
    color: #fff
}

.team-grid .grid-pagination {
    margin-top: 88px
}

@media screen and (max-width:1199px) {
    .team-grid .grid-pagination {
        margin-top: 65px
    }
}

@media screen and (max-width:767px) {
    .team-grid .grid-pagination {
        margin-top: 50px
    }
}

.post-grid .post-title {
    -ms-word-wrap: break-word;
    word-wrap: break-word
}

.post-grid .post-author>a,
.post-grid .post-title>a {
    color: inherit
}

.post-grid .post-author {
    flex-direction: row
}

.post-grid .post-featured-image {
    overflow: hidden
}

.post-grid .post-featured-image img {
    -o-object-fit: cover;
    object-fit: cover;
    width: 100%
}

.post-grid .post-featured-image canvas {
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%
}

.post-grid .post-featured-image:has(canvas)>a {
    display: block;
    opacity: 0;
    position: relative;
    z-index: 9
}

.post-grid[data-layout="1"] {
    --mv-grid-size: 100%;
    --mv-spacing-block: 46px
}

@media screen and (max-width:1199px) {
    .post-grid[data-layout="1"] {
        --mv-spacing-block: 30px
    }
}

.post-grid[data-layout="1"] .post {
    background-color: #fff;
    box-shadow: 0 100.296px 167.159px 0 hsla(0, 0%, 41%, .07);
    display: flex
}

@media screen and (max-width:991px) {
    .post-grid[data-layout="1"] .post {
        flex-wrap: wrap
    }
}

.post-grid[data-layout="1"] .post-featured-image {
    flex: 0 1 614px
}

.post-grid[data-layout="1"] .post-featured-image img {
    height: 100%
}

@media screen and (max-width:991px) {
    .post-grid[data-layout="1"] .post-featured-image {
        flex: 0 1 100%
    }
}

.post-grid[data-layout="1"] .post-content {
    display: flex;
    flex: 0 1 570px;
    flex-direction: column;
    padding: 57px 30px 44px 63px
}

@media screen and (max-width:1199px) {
    .post-grid[data-layout="1"] .post-content {
        padding: 30px
    }
}

@media screen and (max-width:991px) {
    .post-grid[data-layout="1"] .post-content {
        flex: 0 1 100%;
        padding: 50px 30px
    }
}

@media screen and (max-width:575px) {
    .post-grid[data-layout="1"] .post-content {
        padding: 50px 15px
    }
}

.post-grid[data-layout="1"] .post-date {
    background-color: #a8ffbb;
    border-radius: 100px;
    color: var(--mv-heading-color);
    display: inline-block;
    font-size: 15px;
    font-weight: 500;
    line-height: 32px;
    margin-bottom: 18px;
    padding-inline: 23px;
    text-align: center;
    width: -moz-fit-content;
    width: fit-content
}

@media screen and (max-width:767px) {
    .post-grid[data-layout="1"] .post-date {
        font-size: 14px
    }
}

.post-grid[data-layout="1"] .post-title {
    font-weight: 600;
    line-height: 1.333333;
    margin-bottom: 12px
}

.post-grid[data-layout="1"] .post-excerpt {
    font-family: var(--mv-primary-font);
    font-size: 20px;
    font-weight: 500;
    margin-bottom: 30px
}

@media screen and (max-width:1199px) {
    .post-grid[data-layout="1"] .post-excerpt {
        font-size: 18px
    }
}

@media screen and (max-width:767px) {
    .post-grid[data-layout="1"] .post-excerpt {
        font-size: 16px
    }
}

.post-grid[data-layout="1"] .post-author {
    color: var(--mv-heading-color);
    font-size: 18px;
    font-weight: 600;
    gap: 5px;
    letter-spacing: -.72px;
    line-height: 1.22222;
    margin-top: auto;
    text-transform: uppercase
}

.post-grid[data-layout="1"] .post-author>a {
    text-transform: capitalize
}

@media screen and (max-width:767px) {
    .post-grid[data-layout="1"] .post-author {
        font-size: 16px
    }
}

.post-grid[data-layout="1"]:not([data-layout_style="3"]) h3.post-title {
    font-size: 30px;
    letter-spacing: 0
}

@media screen and (max-width:1399px) {
    .post-grid[data-layout="1"]:not([data-layout_style="3"]) h3.post-title {
        font-size: 28px
    }
}

@media screen and (max-width:1199px) {
    .post-grid[data-layout="1"]:not([data-layout_style="3"]) h3.post-title {
        font-size: 26px
    }
}

@media screen and (max-width:575px) {
    .post-grid[data-layout="1"]:not([data-layout_style="3"]) h3.post-title {
        font-size: 24px
    }
}

.post-grid[data-layout="1"] .grid-pagination {
    margin-top: 114px
}

@media screen and (max-width:1199px) {
    .post-grid[data-layout="1"] .grid-pagination {
        margin-top: 90px
    }
}

@media screen and (max-width:767px) {
    .post-grid[data-layout="1"] .grid-pagination {
        margin-top: 60px
    }
}

.post-grid[data-layout="1"][data-layout_style="2"] .post {
    align-items: center;
    flex-direction: column
}

.post-grid[data-layout="1"][data-layout_style="2"] .post-content,
.post-grid[data-layout="1"][data-layout_style="2"] .post-featured-image {
    flex: 0 1 auto;
    width: 100%
}

.post-grid[data-layout="1"][data-layout_style="2"] .post-content {
    align-items: center;
    padding: 104px 30px 112px;
    text-align: center
}

@media screen and (max-width:1199px) {
    .post-grid[data-layout="1"][data-layout_style="2"] .post-content {
        padding: 90px 15px
    }
}

@media screen and (max-width:767px) {
    .post-grid[data-layout="1"][data-layout_style="2"] .post-content {
        padding: 50px 15px
    }
}

.post-grid[data-layout="1"][data-layout_style="2"] .post-date {
    margin-bottom: 18px
}

.post-grid[data-layout="1"][data-layout_style="2"] .post-title {
    margin-bottom: 12px;
    max-width: 600px
}

.post-grid[data-layout="1"][data-layout_style="2"] .post-excerpt {
    margin-bottom: 27px;
    max-width: 600px
}

.post-grid[data-layout="1"][data-layout_style="3"] {
    --mv-spacing-inline: 34px;
    --mv-spacing-block: 118px;
    --mv-grid-size: 33.3333333%
}

@media screen and (max-width:1199px) {
    .post-grid[data-layout="1"][data-layout_style="3"] {
        --mv-grid-size: 50%;
        --mv-spacing-inline: 30px;
        --mv-spacing-block: 90px
    }
}

@media screen and (max-width:767px) {
    .post-grid[data-layout="1"][data-layout_style="3"] {
        --mv-grid-size: 100%;
        --mv-spacing-block: 60px
    }
}

.post-grid[data-layout="1"][data-layout_style="3"] .post {
    align-items: start;
    background-color: transparent;
    box-shadow: none;
    flex-direction: column
}

.post-grid[data-layout="1"][data-layout_style="3"] .post-content,
.post-grid[data-layout="1"][data-layout_style="3"] .post-featured-image {
    flex: 0 1 auto;
    width: 100%
}

.post-grid[data-layout="1"][data-layout_style="3"] .post-featured-image {
    border-radius: 25px;
    margin-bottom: 40px
}

.post-grid[data-layout="1"][data-layout_style="3"] .post-content {
    padding: 0
}

.post-grid[data-layout="1"][data-layout_style="3"] .post-date {
    color: var(--mv-heading-color);
    font-size: 12px;
    font-weight: 400;
    letter-spacing: 1.2px;
    line-height: 26px;
    margin-bottom: 17px;
    padding-inline: 12px;
    text-transform: uppercase
}

.post-grid[data-layout="1"][data-layout_style="3"] .post-title {
    margin-bottom: 14px;
    max-width: 400px
}

@media screen and (max-width:767px) {
    .post-grid[data-layout="1"][data-layout_style="3"] .post-title {
        max-width: 100%
    }
}

.post-grid[data-layout="1"][data-layout_style="3"] .post-author {
    color: var(--mv-heading-color);
    font-family: var(--mv-primary-font);
    font-size: 15px;
    font-weight: 500;
    line-height: 1.53
}

.post-grid[data-layout="2"] {
    --mv-grid-size: 100%;
    --mv-spacing-block: 36px
}

.post-grid[data-layout="2"] .post {
    background-color: #fff;
    box-shadow: 0 100.296px 167.159px 0 hsla(0, 0%, 41%, .07);
    display: flex
}

@media screen and (max-width:767px) {
    .post-grid[data-layout="2"] .post {
        flex-wrap: wrap
    }
}

.post-grid[data-layout="2"] .post-featured-image {
    flex: 0 1 47.4%
}

.post-grid[data-layout="2"] .post-featured-image img {
    height: 100%
}

@media screen and (max-width:767px) {
    .post-grid[data-layout="2"] .post-featured-image {
        flex: 0 1 100%
    }

    .post-grid[data-layout="2"] .post-featured-image img {
        height: auto
    }
}

.post-grid[data-layout="2"] .post-content {
    display: flex;
    flex: 0 1 52.6%;
    flex-direction: column;
    gap: 30px;
    padding: 58px 50px 54px 62px
}

@media screen and (max-width:1199px) {
    .post-grid[data-layout="2"] .post-content {
        padding: 30px
    }
}

@media screen and (max-width:767px) {
    .post-grid[data-layout="2"] .post-content {
        flex: 0 1 100%;
        padding: 30px 15px
    }
}

.post-grid[data-layout="2"] .post-content-bottom {
    align-items: center;
    display: flex;
    flex-wrap: wrap;
    gap: 30px;
    justify-content: space-between;
    margin-top: auto;
    row-gap: 15px
}

.post-grid[data-layout="2"] .post-title {
    color: #060f16;
    font-weight: 600;
    line-height: 1.33333;
    margin-bottom: 9px
}

.post-grid[data-layout="2"] .post-tag {
    margin-bottom: 19px
}

.post-grid[data-layout="2"] .post-excerpt {
    font-family: var(--mv-primary-font);
    font-size: 20px;
    font-weight: 500
}

@media screen and (max-width:1199px) {
    .post-grid[data-layout="2"] .post-excerpt {
        font-size: 18px
    }
}

@media screen and (max-width:767px) {
    .post-grid[data-layout="2"] .post-excerpt {
        font-size: 16px
    }
}

.post-grid[data-layout="2"] .post-salary {
    color: #060f16;
    font-weight: 600;
    letter-spacing: -1.2px;
    line-height: 1.73333
}

.post-grid[data-layout="2"] .post-button {
    background: linear-gradient(180deg, #1c2f41, #060f16);
    border-radius: 15px;
    color: #fff;
    font-family: var(--mv-primary-font);
    font-size: 15px;
    font-weight: 500;
    height: 49px;
    line-height: 1.38667;
    margin-left: auto;
    padding-inline: 40px
}

.post-grid[data-layout="2"] .post-button:before {
    background: linear-gradient(180deg, #060f16, #1c2f41)
}

.post-grid[data-layout="2"] .post-salary,
.post-grid[data-layout="2"] h3.post-title {
    font-size: 30px
}

@media screen and (max-width:1199px) {

    .post-grid[data-layout="2"] .post-salary,
    .post-grid[data-layout="2"] h3.post-title {
        font-size: 28px
    }
}

@media screen and (max-width:991px) {

    .post-grid[data-layout="2"] .post-salary,
    .post-grid[data-layout="2"] h3.post-title {
        font-size: 26px
    }
}

@media screen and (max-width:575px) {

    .post-grid[data-layout="2"] .post-salary,
    .post-grid[data-layout="2"] h3.post-title {
        font-size: 24px
    }
}

.screen-reader-text {
    display: none
}

body.woocommerce #main {
    padding-inline: 15px
}

body.woocommerce #main .inner {
    margin: 0 auto;
    max-width: 1440px;
    padding-block: 123px 172px
}

@media screen and (max-width:1199px) {
    body.woocommerce #main .inner {
        padding-block: 105px
    }
}

@media screen and (max-width:767px) {
    body.woocommerce #main .inner {
        padding-block: 90px
    }
}

body.woocommerce #main .inner .content-area {
    flex: 0 1 945px
}

.woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) #respond input#submit,
.woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) a.button,
.woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) button.button,
.woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) input.button,
:where(body:not(.woocommerce-block-theme-has-button-styles)):where(:not(.edit-post-visual-editor)) .woocommerce #respond input#submit,
:where(body:not(.woocommerce-block-theme-has-button-styles)):where(:not(.edit-post-visual-editor)) .woocommerce a.button,
:where(body:not(.woocommerce-block-theme-has-button-styles)):where(:not(.edit-post-visual-editor)) .woocommerce button.button,
:where(body:not(.woocommerce-block-theme-has-button-styles)):where(:not(.edit-post-visual-editor)) .woocommerce input.button {
    background-color: transparent;
    display: inline-flex;
    overflow: hidden
}

.woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) #respond input#submit:hover,
.woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) a.button:hover,
.woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) button.button:hover,
.woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) input.button:hover,
:where(body:not(.woocommerce-block-theme-has-button-styles)):where(:not(.edit-post-visual-editor)) .woocommerce #respond input#submit:hover,
:where(body:not(.woocommerce-block-theme-has-button-styles)):where(:not(.edit-post-visual-editor)) .woocommerce a.button:hover,
:where(body:not(.woocommerce-block-theme-has-button-styles)):where(:not(.edit-post-visual-editor)) .woocommerce button.button:hover,
:where(body:not(.woocommerce-block-theme-has-button-styles)):where(:not(.edit-post-visual-editor)) .woocommerce input.button:hover {
    background-color: transparent
}

.woocommerce:where(body:not(.woocommerce-uses-block-theme)) ul.products li.product .price {
    color: inherit
}

.price {
    overflow: visible
}

.woocommerce ul.products li.product .price,
.woocommerce:where(body:not(.woocommerce-uses-block-theme)) div.product p.price,
.woocommerce:where(body:not(.woocommerce-uses-block-theme)) div.product span.price {
    align-items: center;
    color: inherit;
    display: inline-flex;
    font-size: inherit;
    font-weight: inherit;
    gap: 5px;
    margin: 0
}

.woocommerce ul.products li.product .price ins {
    background: transparent;
    font-weight: inherit;
    text-decoration: none
}

.woocommerce ul.products li.product .onsale {
    align-items: center;
    background-color: var(--mv-primary-color);
    border-radius: 5px;
    color: var(--mv-secondary-color);
    display: inline-flex;
    font-size: 12px;
    font-weight: 500;
    justify-content: center;
    left: 15px;
    line-height: normal;
    margin: 0;
    min-height: 24px;
    min-width: 36px;
    padding-inline: 10px;
    position: absolute;
    right: auto;
    top: 15px;
    z-index: 3
}

.woocommerce .woocommerce-product-rating:after,
.woocommerce .woocommerce-product-rating:before {
    display: none
}

.woocommerce .woocommerce-product-rating {
    align-items: center;
    display: inline-flex;
    gap: 8px;
    line-height: normal
}

.woocommerce .star-rating:after,
.woocommerce .star-rating:before,
.woocommerce .woocommerce-product-rating .star-rating:after,
.woocommerce .woocommerce-product-rating .star-rating:before {
    display: none
}

.woocommerce .star-rating,
.woocommerce .woocommerce-product-rating .star-rating {
    color: #060f16;
    display: inline-flex;
    float: none;
    gap: 3px;
    height: auto;
    line-height: 1;
    margin: 0;
    width: auto
}

.woocommerce div.product div.summary {
    margin-bottom: 0
}

.woocommerce #content div.product div.summary,
.woocommerce div.product div.summary,
.woocommerce-page #content div.product div.summary,
.woocommerce-page div.product div.summary {
    width: auto
}

.woocommerce div.product form.cart div.quantity {
    float: none;
    margin: 0
}

.woocommerce .quantity .qty {
    width: 100%
}

.quantity {
    align-items: center;
    display: inline-flex;
    flex-wrap: wrap;
    gap: 7px
}

.quantity .quantity-label {
    color: #060f16;
    font-size: 18px;
    font-weight: 600;
    letter-spacing: -.72px;
    line-height: 1.22222;
    text-transform: uppercase
}

.quantity .quantity-field {
    align-items: center;
    background-color: #fff;
    border: thin solid #d5d7da;
    color: #060f16;
    display: inline-flex;
    height: 50px;
    justify-content: center;
    min-width: 160px;
    position: relative;
    width: 160px
}

.quantity .quantity-field input {
    display: block;
    font-family: var(--mv-primary-font);
    font-size: 16px;
    font-weight: 600;
    height: 100%;
    text-align: center
}

.quantity .quantity-field input[type=number]::-webkit-inner-spin-button,
.quantity .quantity-field input[type=number]::-webkit-outer-spin-button {
    -webkit-appearance: none
}

.quantity .quantity-field input[type=number] {
    -moz-appearance: textfield
}

.quantity .quantity-field .icon-minus,
.quantity .quantity-field .icon-plus {
    --mv-box-size: 10px;
    color: inherit;
    cursor: pointer;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    z-index: 9
}

.quantity .quantity-field .icon-minus {
    left: 29px
}

.quantity .quantity-field .icon-minus:before {
    height: 2px
}

.quantity .quantity-field .icon-plus {
    right: 29px
}

.woocommerce div.product form.cart .button {
    float: none;
    vertical-align: unset
}

.woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) #respond input#submit.alt,
.woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) a.button.alt,
.woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) button.button.alt,
.woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) input.button.alt,
:where(body:not(.woocommerce-block-theme-has-button-styles)):where(:not(.edit-post-visual-editor)) .woocommerce #respond input#submit.alt,
:where(body:not(.woocommerce-block-theme-has-button-styles)):where(:not(.edit-post-visual-editor)) .woocommerce a.button.alt,
:where(body:not(.woocommerce-block-theme-has-button-styles)):where(:not(.edit-post-visual-editor)) .woocommerce button.button.alt,
:where(body:not(.woocommerce-block-theme-has-button-styles)):where(:not(.edit-post-visual-editor)) .woocommerce input.button.alt {
    background-color: #060f16
}

.woocommerce #reviews #comments ol.commentlist li {
    margin: 0
}

.woocommerce #reviews #comments ol.commentlist li+li {
    margin-top: 30px
}

.bypostauthor {
    font-weight: inherit
}

.woocommerce #reviews #comments ol.commentlist li img.avatar {
    background-color: transparent;
    border-radius: 50%;
    flex-shrink: 0;
    float: none;
    height: 42px;
    left: auto;
    padding: 0;
    position: relative;
    top: auto;
    width: 42px
}

.woocommerce #reviews #comments ol.commentlist li .comment-text:after,
.woocommerce #reviews #comments ol.commentlist li .comment-text:before {
    display: none
}

.woocommerce #reviews #comments ol.commentlist li .comment-text {
    background-color: #fff;
    border: none;
    border-radius: 0;
    border-radius: 10px;
    box-shadow: 0 5px 55px 0 rgba(75, 83, 161, .15);
    display: flex;
    flex-direction: column;
    gap: 5px 30px;
    margin: 0;
    padding: 20px;
    width: 100%
}

.woocommerce #reviews #comments ol.commentlist li .comment-text p.meta {
    color: inherit;
    font-size: 14px;
    font-weight: 400;
    margin: 0 0 10px
}

.woocommerce #reviews #comments ol.commentlist li .comment-text p {
    color: #626262;
    font-family: var(--mv-primary-font);
    font-size: 20px;
    font-weight: 500;
    margin: 0
}

.woocommerce #review_form #respond p {
    margin: 0
}

.woocommerce #review_form #respond p.comment-notes {
    margin-bottom: 15px
}

.woocommerce #review_form #respond p.comment-form-cookies-consent {
    margin-block: 10px 30px
}

.woocommerce #reviews #comment {
    height: 150px
}

.woocommerce #reviews #comments ol.commentlist:after,
.woocommerce #reviews #comments ol.commentlist:before,
.woocommerce div.product form.cart:after,
.woocommerce div.product form.cart:before {
    display: none
}

.woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) #respond input#submit.disabled,
.woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) #respond input#submit:disabled,
.woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) #respond input#submit:disabled[disabled],
.woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) a.button.disabled,
.woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) a.button:disabled,
.woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) a.button:disabled[disabled],
.woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) button.button.disabled,
.woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) button.button:disabled,
.woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) button.button:disabled[disabled],
.woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) input.button.disabled,
.woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) input.button:disabled,
.woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) input.button:disabled[disabled],
:where(body:not(.woocommerce-block-theme-has-button-styles)):where(:not(.edit-post-visual-editor)) .woocommerce #respond input#submit.disabled,
:where(body:not(.woocommerce-block-theme-has-button-styles)):where(:not(.edit-post-visual-editor)) .woocommerce #respond input#submit:disabled,
:where(body:not(.woocommerce-block-theme-has-button-styles)):where(:not(.edit-post-visual-editor)) .woocommerce #respond input#submit:disabled[disabled],
:where(body:not(.woocommerce-block-theme-has-button-styles)):where(:not(.edit-post-visual-editor)) .woocommerce a.button.disabled,
:where(body:not(.woocommerce-block-theme-has-button-styles)):where(:not(.edit-post-visual-editor)) .woocommerce a.button:disabled,
:where(body:not(.woocommerce-block-theme-has-button-styles)):where(:not(.edit-post-visual-editor)) .woocommerce a.button:disabled[disabled],
:where(body:not(.woocommerce-block-theme-has-button-styles)):where(:not(.edit-post-visual-editor)) .woocommerce button.button.disabled,
:where(body:not(.woocommerce-block-theme-has-button-styles)):where(:not(.edit-post-visual-editor)) .woocommerce button.button:disabled,
:where(body:not(.woocommerce-block-theme-has-button-styles)):where(:not(.edit-post-visual-editor)) .woocommerce button.button:disabled[disabled],
:where(body:not(.woocommerce-block-theme-has-button-styles)):where(:not(.edit-post-visual-editor)) .woocommerce input.button.disabled,
:where(body:not(.woocommerce-block-theme-has-button-styles)):where(:not(.edit-post-visual-editor)) .woocommerce input.button:disabled,
:where(body:not(.woocommerce-block-theme-has-button-styles)):where(:not(.edit-post-visual-editor)) .woocommerce input.button:disabled[disabled] {
    opacity: .75;
    padding-inline: 36px
}

.woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) #respond input#submit.disabled:hover,
.woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) #respond input#submit:disabled:hover,
.woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) #respond input#submit:disabled[disabled]:hover,
.woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) a.button.disabled:hover,
.woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) a.button:disabled:hover,
.woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) a.button:disabled[disabled]:hover,
.woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) button.button.disabled:hover,
.woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) button.button:disabled:hover,
.woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) button.button:disabled[disabled]:hover,
.woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) input.button.disabled:hover,
.woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) input.button:disabled:hover,
.woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) input.button:disabled[disabled]:hover,
:where(body:not(.woocommerce-block-theme-has-button-styles)):where(:not(.edit-post-visual-editor)) .woocommerce #respond input#submit.disabled:hover,
:where(body:not(.woocommerce-block-theme-has-button-styles)):where(:not(.edit-post-visual-editor)) .woocommerce #respond input#submit:disabled:hover,
:where(body:not(.woocommerce-block-theme-has-button-styles)):where(:not(.edit-post-visual-editor)) .woocommerce #respond input#submit:disabled[disabled]:hover,
:where(body:not(.woocommerce-block-theme-has-button-styles)):where(:not(.edit-post-visual-editor)) .woocommerce a.button.disabled:hover,
:where(body:not(.woocommerce-block-theme-has-button-styles)):where(:not(.edit-post-visual-editor)) .woocommerce a.button:disabled:hover,
:where(body:not(.woocommerce-block-theme-has-button-styles)):where(:not(.edit-post-visual-editor)) .woocommerce a.button:disabled[disabled]:hover,
:where(body:not(.woocommerce-block-theme-has-button-styles)):where(:not(.edit-post-visual-editor)) .woocommerce button.button.disabled:hover,
:where(body:not(.woocommerce-block-theme-has-button-styles)):where(:not(.edit-post-visual-editor)) .woocommerce button.button:disabled:hover,
:where(body:not(.woocommerce-block-theme-has-button-styles)):where(:not(.edit-post-visual-editor)) .woocommerce button.button:disabled[disabled]:hover,
:where(body:not(.woocommerce-block-theme-has-button-styles)):where(:not(.edit-post-visual-editor)) .woocommerce input.button.disabled:hover,
:where(body:not(.woocommerce-block-theme-has-button-styles)):where(:not(.edit-post-visual-editor)) .woocommerce input.button:disabled:hover,
:where(body:not(.woocommerce-block-theme-has-button-styles)):where(:not(.edit-post-visual-editor)) .woocommerce input.button:disabled[disabled]:hover {
    background-color: #a8ffbb
}

#add_payment_method .wc-proceed-to-checkout:after,
#add_payment_method .wc-proceed-to-checkout:before,
.woocommerce .cart-collaterals:after,
.woocommerce .cart-collaterals:before,
.woocommerce .woocommerce-billing-fields:after,
.woocommerce .woocommerce-billing-fields:before,
.woocommerce .woocommerce-shipping-fields:after,
.woocommerce .woocommerce-shipping-fields:before,
.woocommerce form .form-row:after,
.woocommerce form .form-row:before,
.woocommerce-cart .wc-proceed-to-checkout:after,
.woocommerce-cart .wc-proceed-to-checkout:before,
.woocommerce-checkout .wc-proceed-to-checkout:after,
.woocommerce-checkout .wc-proceed-to-checkout:before,
.woocommerce-page .cart-collaterals:after,
.woocommerce-page .cart-collaterals:before,
.woocommerce-page .woocommerce-billing-fields:after,
.woocommerce-page .woocommerce-billing-fields:before,
.woocommerce-page .woocommerce-shipping-fields:after,
.woocommerce-page .woocommerce-shipping-fields:before,
.woocommerce-page form .form-row:after,
.woocommerce-page form .form-row:before {
    display: none
}

.woocommerce ul#shipping_method .amount {
    font-weight: inherit
}

.woocommerce form .form-row {
    margin: 0;
    padding: 0
}

.woocommerce ul#shipping_method li {
    line-height: normal;
    margin: 0
}

#add_payment_method #payment ul.payment_methods,
.woocommerce-cart #payment ul.payment_methods,
.woocommerce-checkout #payment ul.payment_methods {
    border-bottom-color: #d5d7da;
    padding: 35px 0
}

.woocommerce #payment #place_order,
.woocommerce-page #payment #place_order {
    float: none
}

#add_payment_method #payment div.form-row,
.woocommerce-cart #payment div.form-row,
.woocommerce-checkout #payment div.form-row {
    padding: 0
}

.woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) #respond input#submit.alt:hover,
.woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) a.button.alt:hover,
.woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) button.button.alt:hover,
.woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) input.button.alt:hover,
:where(body:not(.woocommerce-block-theme-has-button-styles)):where(:not(.edit-post-visual-editor)) .woocommerce #respond input#submit.alt:hover,
:where(body:not(.woocommerce-block-theme-has-button-styles)):where(:not(.edit-post-visual-editor)) .woocommerce a.button.alt:hover,
:where(body:not(.woocommerce-block-theme-has-button-styles)):where(:not(.edit-post-visual-editor)) .woocommerce button.button.alt:hover,
:where(body:not(.woocommerce-block-theme-has-button-styles)):where(:not(.edit-post-visual-editor)) .woocommerce input.button.alt:hover {
    background-color: #a8ffbb;
    color: #060f16
}

.woocommerce ul#shipping_method li label.radio-field {
    display: inline-flex
}

.woocommerce ul#shipping_method li label.radio-field .radio-field__label {
    white-space: nowrap
}

.added_to_cart.wc-forward,
.woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) #respond input#submit.added:after,
.woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) a.button.added:after,
.woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) button.button.added:after,
.woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) input.button.added:after,
:where(body:not(.woocommerce-block-theme-has-button-styles)):where(:not(.edit-post-visual-editor)) .woocommerce #respond input#submit.added:after,
:where(body:not(.woocommerce-block-theme-has-button-styles)):where(:not(.edit-post-visual-editor)) .woocommerce a.button.added:after,
:where(body:not(.woocommerce-block-theme-has-button-styles)):where(:not(.edit-post-visual-editor)) .woocommerce button.button.added:after,
:where(body:not(.woocommerce-block-theme-has-button-styles)):where(:not(.edit-post-visual-editor)) .woocommerce input.button.added:after {
    display: none !important
}

.woocommerce #content div.product div.summary,
.woocommerce div.product div.summary,
.woocommerce-page #content div.product div.summary,
.woocommerce-page div.product div.summary {
    float: none;
    width: 100%
}

.woocommerce img {
    -o-object-fit: contain;
    object-fit: contain
}

.woocommerce-shop .content-area .content-header {
    align-items: center;
    display: flex;
    flex-wrap: wrap-reverse;
    gap: 30px;
    justify-content: space-between;
    margin-bottom: 30px;
    row-gap: 15px
}

.woocommerce-shop .content-area .content-header .woocommerce-result-count {
    color: #060f16;
    font-family: Inter;
    font-size: 18px;
    font-weight: 600;
    letter-spacing: -.72px;
    line-height: 1.22222;
    margin: 0
}

.woocommerce-shop .content-area .content-header .woocommerce-ordering {
    float: none;
    margin: 0;
    min-width: 316px
}

.woocommerce-shop .content-area .content-header .woocommerce-ordering .nice-select {
    border: thin solid #a4a7ae;
    border-radius: 100px;
    color: #060f16;
    display: inline-flex;
    font-family: Inter;
    font-size: 16px;
    font-weight: 500;
    height: 56px;
    letter-spacing: -.32px;
    line-height: 1.625;
    padding-inline: 22px;
    width: 100%
}

.woocommerce-shop .content-area .content-header .woocommerce-ordering .nice-select.open {
    border-bottom-color: transparent;
    border-radius: 15px 15px 0 0
}

.woocommerce-shop .content-area .content-header .woocommerce-ordering .nice-select ul.list {
    border: thin solid #a4a7ae;
    border-radius: 0 0 15px 15px;
    z-index: 99
}

.woocommerce-shop .content-area .content-header .woocommerce-ordering .nice-select ul.list li.focus,
.woocommerce-shop .content-area .content-header .woocommerce-ordering .nice-select ul.list li.selected {
    font-weight: 500
}

.woocommerce .products ul:after,
.woocommerce .products ul:before,
.woocommerce ul.products:after,
.woocommerce ul.products:before {
    display: none
}

.woocommerce .products ul,
.woocommerce ul.products {
    display: flex;
    flex-wrap: wrap;
    list-style: none;
    margin: 0;
    margin-block: calc(var(--mv-spacing-block)*-1/2);
    margin-inline: calc(var(--mv-spacing-inline)*-1/2)
}

.woocommerce .products ul li.product,
.woocommerce ul.products li.product {
    flex: 0 1 var(--mv-grid-size);
    margin: 0;
    padding-block: calc(var(--mv-spacing-block)/2);
    padding-inline: calc(var(--mv-spacing-inline)/2);
    transform-origin: center;
    width: auto
}

.post-grid.is-post-type-product {
    --mv-spacing-inline: 45px;
    --mv-spacing-block: 75px
}

@media screen and (max-width:1199px) {
    .post-grid.is-post-type-product {
        --mv-spacing-inline: 30px;
        --mv-spacing-block: 60px
    }
}

@media screen and (max-width:767px) {
    .post-grid.is-post-type-product {
        --mv-spacing-block: 50px
    }
}

.post-grid.is-post-type-product .grid-item {
    width: var(--mv-grid-size)
}

.post-grid.is-post-type-product.columns-5 {
    --mv-grid-size: 20%
}

@media screen and (max-width:1399px) {
    .post-grid.is-post-type-product.columns-5 {
        --mv-grid-size: 33.333333%
    }
}

@media screen and (max-width:1199px) {
    .post-grid.is-post-type-product.columns-5 {
        --mv-grid-size: 33.333333%
    }
}

@media screen and (max-width:991px) {
    .post-grid.is-post-type-product.columns-5 {
        --mv-grid-size: 50%
    }
}

@media screen and (max-width:575px) {
    .post-grid.is-post-type-product.columns-5 {
        --mv-grid-size: 100%
    }
}

.post-grid.is-post-type-product.columns-4 {
    --mv-grid-size: 25%
}

@media screen and (max-width:1199px) {
    .post-grid.is-post-type-product.columns-4 {
        --mv-grid-size: 33.333333%
    }
}

@media screen and (max-width:991px) {
    .post-grid.is-post-type-product.columns-4 {
        --mv-grid-size: 50%
    }
}

@media screen and (max-width:575px) {
    .post-grid.is-post-type-product.columns-4 {
        --mv-grid-size: 100%
    }
}

.post-grid.is-post-type-product.columns-3 {
    --mv-grid-size: 33.3333333%
}

@media screen and (max-width:991px) {
    .post-grid.is-post-type-product.columns-3 {
        --mv-grid-size: 50%
    }
}

@media screen and (max-width:575px) {
    .post-grid.is-post-type-product.columns-3 {
        --mv-grid-size: 100%
    }
}

.post-grid.is-post-type-product.columns-2 {
    --mv-grid-size: 50%
}

@media screen and (max-width:575px) {
    .post-grid.is-post-type-product.columns-2 {
        --mv-grid-size: 100%
    }
}

.post-grid.is-post-type-product.columns-1 {
    --mv-grid-size: 100%
}

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

.product:hover .actions .button {
    opacity: 1;
    scale: 1
}

.product .actions {
    display: inline-flex;
    flex-direction: column;
    gap: 10px;
    position: absolute;
    right: 15px;
    top: 15px;
    z-index: 11
}

.product .actions .button {
    --mv-box-size: 46px;
    background-color: #060f16;
    border-radius: 50%;
    color: #fff;
    font-size: 18px;
    height: var(--mv-box-size);
    min-width: var(--mv-box-size);
    opacity: 0;
    padding: 0 !important;
    scale: 1.15;
    width: var(--mv-box-size)
}

.product .actions .button:after,
.product .actions .button:before {
    display: none
}

.product .actions .button:hover {
    background-color: #a8ffbb;
    color: #060f16
}

.product .actions .button svg {
    height: auto;
    width: 16px
}

.product .product-thumbnail {
    align-items: center;
    aspect-ratio: 452/493;
    background-color: #fff;
    border: thin solid #d5d7da;
    border-radius: 20px;
    display: flex;
    justify-content: center;
    margin-bottom: 22px;
    overflow: hidden;
    padding: 30px 50px;
    position: relative
}

.product .product-thumbnail>a {
    inset: 0;
    position: absolute;
    z-index: 9
}

.product .product-thumbnail img {
    height: auto;
    max-width: 300px;
    -o-object-fit: contain;
    object-fit: contain;
    transition: scale .5s ease;
    width: 100%
}

.product .product-thumbnail:hover img {
    scale: 1.15
}

.product-content {
    align-items: center;
    display: flex;
    gap: 30px;
    justify-content: space-between;
    padding-right: 13px;
    row-gap: 5px
}

@media screen and (max-width:1199px) {
    .product-content {
        align-items: stretch;
        flex-direction: column;
        padding: 0
    }
}

.product-title {
    color: #060f16;
    font-size: 20px;
    font-weight: 600;
    line-height: 1.5;
    max-width: 320px
}

.product-title>a {
    color: inherit
}

@media screen and (max-width:1199px) {
    .product-title {
        max-width: 100%
    }
}

@media screen and (max-width:991px) {
    .product-title {
        font-size: 18px
    }
}

.product-price {
    color: #737373;
    flex: 0 0 auto;
    font-size: 32px;
    font-weight: 600;
    letter-spacing: -1.28px;
    line-height: 1.625
}

.product-price:has(del) del {
    font-size: 24px
}

@media screen and (max-width:1199px) {
    .product-price {
        font-size: 28px
    }

    .product-price:has(del) del {
        font-size: 22px
    }
}

@media screen and (max-width:767px) {
    .product-price {
        font-size: 24px
    }

    .product-price:has(del) del {
        font-size: 20px
    }
}

.product .star-rating {
    margin-top: 10px
}

.woocommerce.single-product div.product {
    margin-bottom: 40px
}

.single-product .wishlist-button {
    --mv-box-size: 47px;
    background-color: #a4a7ae;
    color: #060f16;
    height: var(--mv-box-size);
    width: var(--mv-box-size)
}

.single-product .product {
    display: flex;
    flex-direction: row;
    gap: 56px
}

@media screen and (max-width:1199px) {
    .single-product .product {
        gap: 60px 30px
    }
}

@media screen and (max-width:991px) {
    .single-product .product {
        flex-wrap: wrap
    }
}

.single-product .product h2.product-title {
    color: #060f16;
    font-size: 30px;
    font-weight: 600;
    letter-spacing: -1.2px;
    line-height: 1.4;
    margin-bottom: 17px;
    max-width: none
}

@media screen and (max-width:1199px) {
    .single-product .product h2.product-title {
        font-size: 26px
    }
}

@media screen and (max-width:767px) {
    .single-product .product h2.product-title {
        font-size: 22px
    }
}

.single-product .product .woocommerce-product-rating {
    color: #626262;
    font-size: 20px;
    font-weight: 600;
    line-height: 1;
    margin-bottom: 15px
}

.single-product .product .woocommerce-product-rating>a {
    color: inherit
}

@media screen and (max-width:1199px) {
    .single-product .product .woocommerce-product-rating {
        font-size: 18px
    }
}

@media screen and (max-width:767px) {
    .single-product .product .woocommerce-product-rating {
        font-size: 16px
    }
}

.single-product .product .product-price {
    color: #060f16;
    font-size: 30px;
    font-weight: 600;
    letter-spacing: -1px;
    line-height: 1.25;
    margin-bottom: 17px
}

@media screen and (max-width:1199px) {
    .single-product .product .product-price {
        font-size: 26px
    }
}

.single-product .product .woocommerce-product-details__short-description {
    font-family: var(--mv-primary-font);
    font-size: 20px;
    font-weight: 500;
    margin-bottom: 18px
}

.single-product .product .single_add_to_cart_button {
    border-radius: 100px;
    font-family: var(--mv-primary-font);
    font-size: 14px;
    font-weight: 500;
    height: 47px;
    letter-spacing: -.28px;
    line-height: 1.3;
    width: 100%
}

.single-product .product .product_meta {
    color: #060f16;
    display: flex;
    flex-direction: column;
    font-family: Inter;
    font-size: 16px;
    font-weight: 500;
    gap: 7.5px;
    letter-spacing: -.32px;
    line-height: 1.625;
    margin-bottom: 36px
}

.single-product .product .product_meta a {
    color: #626262
}

.single-product .product .product_meta .tagged_as a {
    text-decoration: underline;
    text-underline-offset: 4px
}

.single-product .product .product-share .social-label {
    display: inline-block;
    padding-top: 4px
}

.single-product .product .product-share {
    color: #060f16;
    display: flex;
    gap: 18px
}

.single-product .product .product-share .social-list {
    display: flex;
    gap: 11px
}

.single-product .product .product-share .social-list a {
    align-items: center;
    display: inline-flex;
    justify-content: center;
    --mv-box-size: 32px;
    background-color: #a8ffbb;
    border-radius: 50%;
    color: #060f16;
    height: var(--mv-box-size);
    min-width: var(--mv-box-size);
    width: var(--mv-box-size)
}

.single-product .product .product-share .social-list a:hover {
    background-color: #060f16;
    color: #fff
}

.single-product .product-images {
    display: flex;
    flex: 0 1 683px;
    gap: 20px;
    max-height: 606px;
    max-width: 683px
}

.single-product .product-images #horizontalCarousel {
    --mv-spacing-inline: 0px;
    display: none;
    flex: 0 1 100%;
    margin-right: 1px;
    max-width: 100%;
    width: 100%
}

.single-product .product-images #horizontalCarousel .carousel-container {
    width: 100%
}

.single-product .product-images #horizontalCarousel .carousel-item {
    align-items: center;
    aspect-ratio: 1/1;
    background: var(--White, #fff);
    border: thin solid #d5d7da;
    border-radius: 20px;
    display: flex;
    justify-content: center
}

@media screen and (max-width:1199px) {
    .single-product .product-images {
        flex: 0 1 calc(60% - 15px);
        max-width: calc(60% - 15px)
    }
}

@media screen and (max-width:991px) {
    .single-product .product-images {
        flex: 0 1 100%;
        max-width: 100%
    }
}

@media screen and (max-width:767px) {
    .single-product .product-images {
        flex: 0 1 100%;
        flex-wrap: wrap
    }

    .single-product .product-images #horizontalCarousel {
        display: block
    }

    .single-product .product-images #verticalCarousel {
        display: none
    }
}

.single-product .product-images .carousel-item .product-image {
    max-width: calc(100% - 120px)
}

@media screen and (max-width:767px) {
    .single-product .product-images .carousel-item .product-image {
        max-width: calc(100% - 30px)
    }
}

.single-product .product-images .custom-product-gallery {
    --mv-spacing-inline: 0px;
    background-color: #fff;
    border: thin solid #d5d7da;
    border-radius: 20px;
    flex: 1 1 505px;
    max-width: 505px
}

@media screen and (max-width:991px) {
    .single-product .product-images .custom-product-gallery {
        max-width: 100%;
        width: 100%
    }
}

@media screen and (max-width:767px) {
    .single-product .product-images .custom-product-gallery {
        flex: 0 1 100%;
        padding-block: 90px
    }
}

.single-product .product-images .custom-product-gallery .carousel-container {
    height: 100%;
    width: 100%
}

.single-product .product-images .custom-product-gallery .carousel-item {
    align-items: center;
    display: flex;
    justify-content: center
}

.single-product .product-images .custom-product-gallery__thumbs {
    --mv-spacing-inline: 18px;
    flex: 0 1 160px;
    max-width: 160px;
    min-width: 120px
}

.single-product .product-images .custom-product-gallery__thumbs .carousel-item {
    height: 33.3333333% !important
}

.single-product .product-images .custom-product-gallery__thumbs .carousel-container {
    max-height: calc(100% + 18px)
}

@media screen and (max-width:767px) {
    .single-product .product-images .custom-product-gallery__thumbs {
        flex: 0 1 100%;
        max-width: 100%
    }

    .single-product .product-images .custom-product-gallery__thumbs .carousel-item {
        height: auto !important
    }

    .single-product .product-images .custom-product-gallery__thumbs .carousel-container {
        max-height: none
    }
}

.single-product .summary {
    flex: 0 1 555px;
    width: 100%
}

@media screen and (max-width:1199px) {
    .single-product .summary {
        flex: 0 1 calc(40% - 15px)
    }
}

@media screen and (max-width:991px) {
    .single-product .summary {
        flex: 0 1 100%
    }
}

.single-product .summary .buttons {
    display: flex;
    gap: 16px
}

.single-product .summary .buttons button {
    background-color: #a4a7ae;
    color: #060f16;
    padding: 0;
    --mv-box-size: 50px;
    border-radius: 0;
    font-size: 18px;
    height: var(--mv-box-size);
    width: var(--mv-box-size)
}

.single-product .summary .buttons button:hover {
    background-color: #060f16;
    color: #fff
}

.single-product form.cart:after,
.single-product form.cart:before {
    display: none
}

.single-product form.cart {
    margin-bottom: 37px;
    max-width: -moz-fit-content;
    max-width: fit-content;
    width: 100%
}

.single-product form.cart .form-group {
    display: flex;
    gap: 16px;
    justify-content: space-between;
    margin-bottom: 18px
}

@media screen and (max-width:1199px) {
    .single-product form.cart .form-group {
        align-items: end;
        justify-content: start
    }

    .single-product form.cart .form-group .buttons {
        width: 100%
    }
}

.single-product .woocommerce-tabs {
    margin-bottom: 85px
}

.single-product .woocommerce-tabs .tabs {
    border-bottom: thin solid #d5d7da;
    display: flex;
    gap: 15px 80px;
    width: 100%
}

@media screen and (max-width:1199px) {
    .single-product .woocommerce-tabs .tabs {
        gap: 15px 50px
    }
}

@media screen and (max-width:767px) {
    .single-product .woocommerce-tabs .tabs {
        gap: 15px 30px
    }
}

.single-product .woocommerce-tabs .tabs li.active>a:after,
.single-product .woocommerce-tabs .tabs li:hover>a:after {
    transform: scaleX(1);
    transform-origin: left
}

.single-product .woocommerce-tabs .tabs a {
    color: #060f16;
    display: inline-flex;
    font-size: 24px;
    font-style: normal;
    font-weight: 500;
    letter-spacing: -1px;
    line-height: 32.4px;
    padding-bottom: 13px;
    position: relative
}

.single-product .woocommerce-tabs .tabs a:after {
    background-color: currentColor;
    bottom: -1px;
    content: "";
    display: block;
    height: 2px;
    left: 0;
    position: absolute;
    transform: scaleX(0);
    transform-origin: right;
    transition: transform .3s linear;
    width: 100%
}

.single-product .woocommerce-tabs .woocommerce-Tabs-panel {
    font-family: var(--mv-primary-font);
    font-size: 20px;
    font-weight: 500;
    padding-top: 30px
}

@media screen and (max-width:1199px) {
    .single-product .woocommerce-tabs .woocommerce-Tabs-panel {
        font-size: 18px
    }
}

@media screen and (max-width:767px) {
    .single-product .woocommerce-tabs .woocommerce-Tabs-panel {
        font-size: 16px
    }
}

.single-product .woocommerce-tabs .woocommerce-Reviews-title {
    font-size: 32px;
    font-weight: 600;
    margin-bottom: 30px
}

@media screen and (max-width:1199px) {
    .single-product .woocommerce-tabs .woocommerce-Reviews-title {
        font-size: 28px
    }
}

@media screen and (max-width:767px) {
    .single-product .woocommerce-tabs .woocommerce-Reviews-title {
        font-size: 24px
    }
}

.single-product .woocommerce-tabs .woocommerce-Reviews {
    display: flex;
    gap: 30px
}

.single-product .woocommerce-tabs .woocommerce-Reviews #comments,
.single-product .woocommerce-tabs .woocommerce-Reviews #review_form_wrapper {
    flex: 0 1 calc(50% - 15px)
}

@media screen and (max-width:1199px) {
    .single-product .woocommerce-tabs .woocommerce-Reviews #comments {
        flex: 0 1 calc(60% - 15px)
    }

    .single-product .woocommerce-tabs .woocommerce-Reviews #review_form_wrapper {
        flex: 0 1 calc(40% - 15px)
    }
}

@media screen and (max-width:991px) {
    .single-product .woocommerce-tabs .woocommerce-Reviews {
        flex-wrap: wrap
    }

    .single-product .woocommerce-tabs .woocommerce-Reviews #comments,
    .single-product .woocommerce-tabs .woocommerce-Reviews #review_form_wrapper {
        flex: 0 1 100%
    }
}

.single-product .woocommerce-tabs .commentlist li+li {
    margin-top: 30px
}

.single-product .woocommerce-tabs .comment_container {
    display: flex;
    gap: 15px
}

.single-product .woocommerce-tabs .comment_container .description {
    display: block;
    width: 100%
}

.single-product .woocommerce-tabs .comment_container .woocommerce-review__author {
    font-weight: 600
}

.single-product .woocommerce-tabs .comment_container .star-rating svg {
    height: auto;
    width: 14px
}

.single-product .comment-respond:after,
.single-product .comment-respond:before {
    display: none
}

.single-product .comment-respond .comment-reply-title {
    color: #060f16;
    display: block;
    font-size: 22px;
    font-weight: 500;
    margin-bottom: 32px
}

.single-product .comment-respond .comment-notes {
    font-family: Inter;
    font-size: 16px;
    font-weight: 500;
    letter-spacing: -.32px;
    line-height: 1.625
}

.single-product .comment-respond .comment-form .field-control {
    display: flex;
    flex-direction: column;
    gap: 10px
}

.single-product .comment-respond .comment-form .field-control.comment-form-comment>label {
    margin: 0
}

.single-product .comment-respond .comment-form .field-control>label {
    color: #060f16;
    display: block;
    font-size: 18px;
    font-weight: 600;
    letter-spacing: -.72px;
    line-height: 1.2222;
    margin-bottom: 0;
    width: 100%
}

.single-product .comment-respond .comment-form .field-control+.field-control {
    margin-top: 30px
}

.single-product .comment-respond .comment-form .field-control .nice-select {
    display: block;
    display: none;
    margin-bottom: 30px;
    position: relative;
    width: 100%
}

.single-product .comment-respond .comment-form .field-control input,
.single-product .comment-respond .comment-form .field-control textarea {
    border: thin solid #a4a7ae;
    border-radius: 10px;
    color: #060f16;
    font-family: Inter;
    font-size: 16px;
    font-weight: 500;
    height: 50px;
    letter-spacing: -.32px;
    line-height: 1.625;
    padding-inline: 20px;
    width: 100%
}

.single-product .comment-respond .comment-form .field-control textarea {
    padding: 15px 20px
}

.single-product .comment-respond .comment-form .field-control.comment-form-rating a {
    color: #060f16
}

.single-product .comment-respond .comment-form .field-control.comment-form-rating .stars>span {
    display: flex;
    gap: 5px
}

.single-product .comment-respond .comment-form .comment-form-cookies-consent {
    font-size: 14px;
    margin-top: 15px
}

.single-product .comment-respond .comment-form .form-submit {
    margin-top: 30px
}

.single-product .comment-respond .comment-form #submit {
    background-color: #060f16;
    border-radius: 100px;
    color: #fff;
    font-family: var(--mv-primary-font);
    font-size: 14px;
    font-weight: 500;
    height: 47px;
    letter-spacing: -.28px;
    line-height: 1.3;
    padding-inline: 40px
}

.single-product .comment-respond .comment-form #submit:hover {
    background-color: #a8ffbb;
    color: #060f16
}

.single-product .related.products .post-grid .product {
    flex-direction: column;
    gap: 56px;
    margin: 0
}

@media screen and (max-width:767px) {
    .single-product .related.products .post-grid .product {
        gap: 45px
    }
}

.single-product .related.products .post-grid .product .product-price {
    color: #737373;
    margin: 0
}

.single-product .related.products .post-grid .product .product-content {
    padding: 0
}

.single-product .related.products>h2 {
    color: #060f16;
    font-family: Inter;
    font-size: 32px;
    font-weight: 600;
    letter-spacing: -1px;
    line-height: 1.0125;
    margin-bottom: 30px
}

.woocommerce-cart .woocommerce:has(.empty-cart-label) {
    align-items: center;
    display: flex;
    flex-direction: column;
    gap: 15px;
    justify-content: center
}

.woocommerce-cart .woocommerce .empty-cart-label {
    color: #060f16;
    font-size: 20px;
    font-weight: 600;
    line-height: 1.3333;
    text-transform: uppercase
}

.woocommerce-cart .woocommerce .return-to-shop .button {
    background-color: #060f16;
    border-radius: 100px;
    color: #fff;
    font-family: var(--mv-primary-font);
    font-size: 15px;
    font-weight: 500;
    height: 45px;
    line-height: 1.38667;
    line-height: 1;
    padding-inline: 36px
}

.woocommerce-cart .woocommerce .return-to-shop .button:hover {
    background-color: #a8ffbb;
    color: #060f16
}

.woocommerce-cart .woocommerce-cart-form {
    margin-bottom: 100px
}

@media screen and (max-width:767px) {
    .woocommerce-cart .woocommerce-cart-form {
        margin-bottom: 90px
    }
}

.woocommerce-cart .cart-table__head {
    align-items: center;
    color: #060f16;
    display: flex;
    font-size: 16px;
    font-weight: 600;
    gap: 30px;
    justify-content: space-between;
    letter-spacing: 2px;
    line-height: 1.2375;
    padding-bottom: 13px;
    text-transform: uppercase
}

@media screen and (max-width:991px) {
    .woocommerce-cart .cart-table__head {
        display: none
    }
}

.woocommerce-cart .cart-table__body {
    border-bottom: thin solid #ededed;
    border-top: thin solid #ededed
}

.woocommerce-cart .cart-table__item {
    align-items: center;
    display: flex;
    gap: 30px;
    justify-content: space-between;
    padding-block: 15px;
    position: relative;
    row-gap: 10px
}

.woocommerce-cart .cart-table__item+.cart-table__item {
    border-top: thin solid #ededed
}

@media screen and (max-width:991px) {
    .woocommerce-cart .cart-table__item {
        flex-wrap: wrap
    }
}

.woocommerce-cart .cart-table__item .cart-table__col:before {
    color: #060f16;
    content: attr(data-title);
    display: none;
    flex: 0 0 110px;
    font-size: 16px;
    font-weight: 600;
    letter-spacing: 0;
    line-height: 1.2375;
    text-transform: uppercase
}

.woocommerce-cart .cart-table__item .cart-table__col--thumb {
    flex: 0 0 100px
}

.woocommerce-cart .cart-table__item .cart-table__col--thumb>a {
    align-items: center;
    aspect-ratio: 100/121;
    border: thin solid #ededed;
    border-radius: 10px;
    display: inline-flex;
    justify-content: center;
    padding-inline: 15px
}

.woocommerce-cart .cart-table__item .cart-table__col--product {
    color: #060f16;
    font-size: 18px;
    font-weight: 600;
    letter-spacing: -.72px;
    line-height: 1.222222
}

.woocommerce-cart .cart-table__item .cart-table__col--product>a {
    color: inherit
}

.woocommerce-cart .cart-table__item .cart-table__col--price,
.woocommerce-cart .cart-table__item .cart-table__col--subtotal {
    color: #060f16;
    font-family: var(--mv-primary-font);
    font-size: 20px;
    font-weight: 500
}

@media screen and (max-width:991px) {
    .woocommerce-cart .cart-table__item .cart-table__col {
        align-items: center;
        display: flex;
        flex: 0 1 100%;
        gap: 15px;
        justify-content: space-between
    }

    .woocommerce-cart .cart-table__item .cart-table__col--remove {
        position: absolute;
        right: 15px;
        top: 15px
    }

    .woocommerce-cart .cart-table__item .cart-table__col.product-thumbnail {
        margin-bottom: 20px;
        max-width: 200px
    }

    .woocommerce-cart .cart-table__item .cart-table__col.product-thumbnail:before {
        display: none
    }

    .woocommerce-cart .cart-table__item .cart-table__col.product-thumbnail a {
        aspect-ratio: 1/1;
        margin: 0;
        max-width: 300px;
        padding: 30px
    }

    .woocommerce-cart .cart-table__item .cart-table__col.product-name a {
        max-width: 450px;
        text-align: end
    }

    .woocommerce-cart .cart-table__item .cart-table__col:before {
        display: inline-flex
    }
}

@media screen and (max-width:575px) {
    .woocommerce-cart .cart-table__item .cart-table__col.product-name:before {
        display: none
    }

    .woocommerce-cart .cart-table__item .cart-table__col.product-name a {
        max-width: 100%;
        text-align: start
    }
}

.woocommerce-cart .cart-table__col--thumb {
    flex: 0 0 100px
}

.woocommerce-cart .cart-table__col--thumb>a {
    align-items: center;
    aspect-ratio: 100/121;
    border: thin solid #ededed;
    border-radius: 10px;
    display: inline-flex;
    justify-content: center;
    padding-inline: 15px
}

.woocommerce-cart .cart-table__col--product {
    flex: 0 1 250px
}

.woocommerce-cart .cart-table__col--product>a {
    color: inherit
}

.woocommerce-cart .cart-table__col--price {
    flex: 0 0 110px
}

.woocommerce-cart .cart-table__col--quantity {
    flex: 0 0 148px
}

.woocommerce-cart .cart-table__col--quantity .quantity-field {
    border-color: #ededed;
    border-radius: 100px;
    min-width: 146px;
    overflow: hidden;
    width: 146px
}

.woocommerce-cart .cart-table__col--quantity .quantity-field .icon-minus,
.woocommerce-cart .cart-table__col--quantity .quantity-field .icon-plus {
    --mv-box-size: 9px
}

.woocommerce-cart .cart-table__col--quantity .quantity-field .icon-minus:after,
.woocommerce-cart .cart-table__col--quantity .quantity-field .icon-minus:before,
.woocommerce-cart .cart-table__col--quantity .quantity-field .icon-plus:after,
.woocommerce-cart .cart-table__col--quantity .quantity-field .icon-plus:before {
    height: 1px
}

.woocommerce-cart .cart-table__col--quantity .quantity-field input {
    color: #060f16;
    font-size: 18px;
    font-weight: 300;
    padding-left: 15px
}

.woocommerce-cart .cart-table__col--quantity .quantity-label {
    display: none
}

.woocommerce-cart .cart-table__col--subtotal {
    flex: 0 0 110px
}

.woocommerce-cart .cart-table__col--remove {
    flex: 0 0 36px
}

.woocommerce-cart .cart-table__col--remove a {
    --mv-box-size: 36px;
    align-items: center;
    background-color: #a8ffbb;
    border-radius: 50%;
    color: #060f16 !important;
    display: inline-flex;
    height: var(--mv-box-size);
    justify-content: center;
    min-width: var(--mv-box-size);
    position: relative;
    width: var(--mv-box-size)
}

.woocommerce-cart .cart-table__col--remove a:hover {
    color: #fff !important
}

.woocommerce-cart .cart-table__col--remove a:after,
.woocommerce-cart .cart-table__col--remove a:before {
    background-color: currentColor;
    content: "";
    display: inline-block;
    height: 1px;
    left: 50%;
    position: absolute;
    top: 50%;
    transition: color .3s linear;
    width: 15px
}

.woocommerce-cart .cart-table__col--remove a:before {
    transform: translate(-50%, -50%) rotate(45deg)
}

.woocommerce-cart .cart-table__col--remove a:after {
    transform: translate(-50%, -50%) rotate(-45deg)
}

.woocommerce-cart .cart-table__actions {
    display: flex;
    flex-wrap: wrap;
    gap: 30px;
    justify-content: space-between;
    margin-top: 17px;
    row-gap: 15px
}

.woocommerce-cart .cart-table__actions .coupon {
    display: flex;
    flex: 0 0 440px;
    gap: 16px
}

@media screen and (max-width:767px) {
    .woocommerce-cart .cart-table__actions .coupon {
        flex: 0 1 100%;
        flex-wrap: wrap
    }

    .woocommerce-cart .cart-table__actions .coupon input {
        width: 100%
    }
}

.woocommerce-cart .cart-table__actions .coupon input {
    border: thin solid #ededed;
    border-radius: 100px;
    color: #626262;
    font-family: var(--mv-primary-font);
    font-size: 15px;
    font-weight: 500;
    height: 47px;
    line-height: 1.53;
    padding-inline: 20px
}

.woocommerce-cart .cart-table__actions .button {
    background-color: #060f16;
    border-radius: 100px;
    color: #fff;
    font-family: var(--mv-primary-font);
    font-size: 15px;
    font-weight: 500;
    height: 45px;
    line-height: 1.38667;
    padding-inline: 36px;
    text-transform: uppercase
}

.woocommerce-cart .cart-table__actions .button:hover {
    background-color: #a8ffbb;
    color: #060f16
}

.woocommerce-cart .cart-collaterals .cart_totals {
    background-color: #060f16;
    float: none;
    max-width: 653px;
    padding: 46px 35px 67px 61px;
    width: 100%
}

.woocommerce-cart .cart-collaterals .cart_totals>h2 {
    color: #fff;
    font-size: 32px;
    font-style: normal;
    font-weight: 600;
    letter-spacing: -1px;
    line-height: 1.35;
    margin-bottom: 22px;
    text-transform: capitalize
}

@media screen and (max-width:1199px) {
    .woocommerce-cart .cart-collaterals .cart_totals {
        padding: 50px 30px
    }

    .woocommerce-cart .cart-collaterals .cart_totals>h2 {
        font-size: 28px
    }
}

@media screen and (max-width:767px) {
    .woocommerce-cart .cart-collaterals .cart_totals {
        padding: 35px 15px
    }

    .woocommerce-cart .cart-collaterals .cart_totals>h2 {
        font-size: 24px
    }
}

.woocommerce-cart .cart-collaterals .cart_totals .radio-field:after {
    background-color: #fff;
    color: #060f16
}

.woocommerce-cart .cart-collaterals .cart_totals .radio-field:before {
    border-top-color: #fff
}

.woocommerce-cart .cart-collaterals .cart_totals .radio-field__checked {
    border-color: currentColor;
    color: #a8ffbb
}

.woocommerce-cart .cart-collaterals .cart_totals .radio-field__label {
    color: #fff
}

.woocommerce-cart .cart-collaterals .cart_totals #shipping_method {
    display: flex;
    flex-wrap: wrap;
    gap: 5px 10px;
    margin-bottom: 5px
}

.woocommerce-cart .cart-collaterals .cart_totals .cart-totals-table .woocommerce-shipping-totals {
    align-items: center;
    display: flex;
    gap: 30px;
    row-gap: 15px
}

@media screen and (max-width:767px) {
    .woocommerce-cart .cart-collaterals .cart_totals .cart-totals-table .woocommerce-shipping-totals {
        flex-wrap: wrap
    }

    .woocommerce-cart .cart-collaterals .cart_totals .cart-totals-table .woocommerce-shipping-totals .value {
        flex: 0 1 100%;
        margin: 0
    }
}

.woocommerce-cart .cart-collaterals .cart_totals .cart-totals-table__item {
    align-items: center;
    border-bottom: thin solid hsla(0, 0%, 100%, .17);
    display: flex;
    gap: 30px;
    padding-block: 15px
}

.woocommerce-cart .cart-collaterals .cart_totals .cart-totals-table__item .label,
.woocommerce-cart .cart-collaterals .cart_totals .cart-totals-table__item .price,
.woocommerce-cart .cart-collaterals .cart_totals .cart-totals-table__item.cart-subtotal .value {
    color: #fff;
    font-size: 24px;
    font-weight: 600;
    letter-spacing: -.96px;
    line-height: 1.08333
}

@media screen and (max-width:1199px) {

    .woocommerce-cart .cart-collaterals .cart_totals .cart-totals-table__item .label,
    .woocommerce-cart .cart-collaterals .cart_totals .cart-totals-table__item .price,
    .woocommerce-cart .cart-collaterals .cart_totals .cart-totals-table__item.cart-subtotal .value {
        font-size: 22px
    }
}

@media screen and (max-width:767px) {

    .woocommerce-cart .cart-collaterals .cart_totals .cart-totals-table__item .label,
    .woocommerce-cart .cart-collaterals .cart_totals .cart-totals-table__item .price,
    .woocommerce-cart .cart-collaterals .cart_totals .cart-totals-table__item.cart-subtotal .value {
        font-size: 20px
    }
}

@media screen and (max-width:575px) {

    .woocommerce-cart .cart-collaterals .cart_totals .cart-totals-table__item .label,
    .woocommerce-cart .cart-collaterals .cart_totals .cart-totals-table__item .price,
    .woocommerce-cart .cart-collaterals .cart_totals .cart-totals-table__item.cart-subtotal .value {
        font-size: 18px
    }
}

.woocommerce-cart .cart-collaterals .cart_totals .cart-totals-table__item .woocommerce-remove-coupon {
    font-size: 14px
}

.woocommerce-cart .cart-collaterals .cart_totals .cart-totals-table__item.order-total .value {
    font-family: var(--mv-primary-font);
    font-size: 20px;
    font-weight: 500
}

.woocommerce-cart .cart-collaterals .cart_totals .cart-totals-table__item.order-total .value strong {
    font-weight: 500
}

.woocommerce-cart .cart-collaterals .cart_totals .cart-totals-table__item .label {
    flex: 0 0 90px
}

.woocommerce-cart .cart-collaterals .cart_totals .cart-totals-table__item .value {
    color: #fff;
    flex: 0 1 336px;
    margin-left: auto
}

.woocommerce-cart .cart-collaterals .cart_totals .cart-totals-table__item .woocommerce-shipping-totals {
    width: 100%
}

.woocommerce-cart .cart-collaterals .cart_totals .cart-totals-table__item .woocommerce-shipping-methods {
    color: #fff;
    font-family: Inter;
    font-size: 16px;
    font-weight: 500;
    letter-spacing: -.32px;
    line-height: 1.625
}

.woocommerce-cart .cart-collaterals .cart_totals .cart-totals-table__item .woocommerce-shipping-destination strong {
    font-weight: inherit
}

.woocommerce-cart .cart-collaterals .cart_totals .cart-totals-table__item .woocommerce-shipping-calculator,
.woocommerce-cart .cart-collaterals .cart_totals .cart-totals-table__item .woocommerce-shipping-destination {
    margin-top: 5px
}

.woocommerce-cart .cart-collaterals .cart_totals .cart-totals-table__item .woocommerce-shipping-calculator a {
    color: inherit;
    margin: 0
}

.woocommerce-cart .cart-collaterals .cart_totals .cart-totals-table__item .woocommerce-shipping-calculator a:hover {
    color: #a8ffbb
}

.woocommerce-cart .cart-collaterals .cart_totals .cart-totals-table__item .woocommerce-shipping-calculator input {
    color: #060f16;
    height: 42px;
    padding: 0 20px
}

.woocommerce-cart .cart-collaterals .cart_totals .cart-totals-table__item .woocommerce-shipping-calculator .nice-select {
    color: #060f16;
    width: 100%
}

.woocommerce-cart .cart-collaterals .cart_totals .cart-totals-table__item .woocommerce-shipping-calculator .shipping-calculator-form {
    margin-top: 5px
}

.woocommerce-cart .cart-collaterals .cart_totals .cart-totals-table__item .woocommerce-shipping-calculator .shipping-calculator-form>p+p {
    margin-top: 10px
}

.woocommerce-cart .cart-collaterals .cart_totals .button {
    background-color: #a8ffbb;
    border-radius: 100px;
    color: #fff;
    color: #060f16;
    font-family: var(--mv-primary-font);
    font-size: 15px;
    font-weight: 500;
    line-height: 1.38667;
    margin-top: 10px;
    padding-inline: 36px;
    width: -moz-fit-content;
    width: fit-content
}

.woocommerce-cart .cart-collaterals .cart_totals .button:hover {
    background-color: #fff;
    color: #060f16
}

.woocommerce-cart .cart-collaterals .cart_totals .wc-proceed-to-checkout {
    padding: 0
}

.woocommerce-cart .cart-collaterals .cart_totals .wc-proceed-to-checkout .button {
    margin: 40px 0 0
}

.add_to_cart_button:after,
.add_to_cart_button:before {
    display: none
}

.woocommerce-checkout .woocommerce-form-coupon-toggle {
    align-items: center;
    background-color: #060f16;
    display: flex;
    flex-wrap: wrap;
    gap: 15px 30px;
    justify-content: center;
    margin-bottom: 56px;
    padding: 30px 15px;
    position: relative
}

@media screen and (max-width:575px) {
    .woocommerce-checkout .woocommerce-form-coupon-toggle {
        align-items: stretch
    }

    .woocommerce-checkout .woocommerce-form-coupon-toggle .form-row-first {
        flex-grow: 1
    }

    .woocommerce-checkout .woocommerce-form-coupon-toggle .form-row-last {
        margin-left: auto
    }
}

.woocommerce-checkout .woocommerce-form-coupon-toggle:after,
.woocommerce-checkout .woocommerce-form-coupon-toggle:before {
    background-color: #a8ffbb;
    content: "";
    height: 100%;
    position: absolute;
    top: 0;
    width: 7px
}

.woocommerce-checkout .woocommerce-form-coupon-toggle:before {
    left: 0
}

.woocommerce-checkout .woocommerce-form-coupon-toggle:after {
    right: 0
}

.woocommerce-checkout .woocommerce-info:after,
.woocommerce-checkout .woocommerce-info:before {
    display: none
}

.woocommerce-checkout .woocommerce-info {
    background-color: transparent;
    border: none;
    color: #fff;
    flex-wrap: wrap;
    font-size: 24px;
    font-weight: 600;
    letter-spacing: -.96px;
    line-height: 1.083333;
    margin: 0;
    padding: 0
}

@media screen and (max-width:767px) {
    .woocommerce-checkout .woocommerce-info {
        font-size: 22px
    }
}

@media screen and (max-width:575px) {
    .woocommerce-checkout .woocommerce-info {
        font-size: 20px
    }
}

.woocommerce-checkout form.woocommerce-form-coupon {
    border: none;
    border-radius: 0;
    display: inline-flex !important;
    flex-wrap: wrap;
    gap: 5px;
    margin: 0;
    padding: 0
}

.woocommerce-checkout form.woocommerce-form-coupon .form-row {
    float: none;
    width: auto
}

.woocommerce-checkout form.woocommerce-form-coupon .form-row input {
    background-color: #fff;
    border-radius: 100px;
    color: #626262;
    font-family: var(--mv-primary-font);
    font-size: 15px;
    font-weight: 500;
    height: 43px;
    line-height: 1.53;
    min-width: 253px;
    padding: 0 15px 0 23px
}

.woocommerce-checkout form.woocommerce-form-coupon .form-row .button {
    background-color: #a8ffbb;
    border-radius: 100px;
    color: #fff;
    color: #060f16;
    font-family: var(--mv-primary-font);
    font-size: 15px;
    font-weight: 500;
    height: 43px;
    line-height: 1.38667;
    margin: 0;
    padding-inline: 36px;
    width: -moz-fit-content;
    width: fit-content
}

.woocommerce-checkout form.woocommerce-form-coupon .form-row .button:hover {
    background-color: #fff;
    color: #060f16
}

.woocommerce-checkout form.checkout {
    display: flex;
    gap: 30px;
    justify-content: space-between
}

@media screen and (max-width:991px) {
    .woocommerce-checkout form.checkout {
        flex-direction: column;
        gap: 60px
    }
}

.woocommerce-checkout form.checkout h3 {
    margin-bottom: 42px;
    padding-bottom: 15px;
    position: relative
}

.woocommerce-checkout form.checkout h3:after {
    background-color: #a8ffbb;
    bottom: 0;
    content: "";
    height: 2px;
    left: 0;
    position: absolute;
    width: 60px
}

@media screen and (max-width:767px) {
    .woocommerce-checkout form.checkout h3 {
        margin-bottom: 30px
    }
}

.woocommerce-checkout form.checkout #customer_details {
    flex: 0 1 637px
}

@media screen and (max-width:991px) {
    .woocommerce-checkout form.checkout #customer_details {
        flex: 0 1 auto;
        width: 100%
    }
}

.woocommerce-checkout form.checkout #customer_details:after,
.woocommerce-checkout form.checkout #customer_details:before {
    display: none
}

.woocommerce-checkout form.checkout #customer_details {
    display: flex;
    flex-direction: column;
    gap: 57px
}

.woocommerce-checkout form.checkout #customer_details .col-1,
.woocommerce-checkout form.checkout #customer_details .col-2 {
    float: none;
    width: 100%
}

.woocommerce-checkout form.checkout #customer_details .woocommerce-billing-fields__field-wrapper,
.woocommerce-checkout form.checkout #customer_details .woocommerce-shipping-fields__field-wrapper {
    display: flex;
    flex-wrap: wrap;
    gap: 21px 20px
}

.woocommerce-checkout form.checkout #customer_details .form-row {
    flex: 0 1 100%
}

.woocommerce-checkout form.checkout #customer_details .form-row#billing_first_name_field,
.woocommerce-checkout form.checkout #customer_details .form-row#billing_last_name_field,
.woocommerce-checkout form.checkout #customer_details .form-row.shipping_first_name_field,
.woocommerce-checkout form.checkout #customer_details .form-row.shipping_last_name_field {
    flex: 0 1 calc(50% - 10px)
}

@media screen and (max-width:575px) {

    .woocommerce-checkout form.checkout #customer_details .form-row#billing_first_name_field,
    .woocommerce-checkout form.checkout #customer_details .form-row#billing_last_name_field,
    .woocommerce-checkout form.checkout #customer_details .form-row.shipping_first_name_field,
    .woocommerce-checkout form.checkout #customer_details .form-row.shipping_last_name_field {
        flex: 0 1 100%
    }
}

.woocommerce-checkout form.checkout #customer_details .form-row label {
    color: #060f16;
    font-size: 12px;
    font-weight: 600;
    letter-spacing: 2px;
    line-height: 1.65;
    margin-bottom: 12px;
    text-transform: uppercase
}

.woocommerce-checkout form.checkout #customer_details .form-row label .required {
    color: inherit
}

.woocommerce-checkout form.checkout #customer_details .form-row .select2 {
    height: 52px
}

.woocommerce-checkout form.checkout #customer_details .form-row .select2.select2-container--open.select2-container--above .select2-selection {
    border-radius: 0 0 25px 25px
}

.woocommerce-checkout form.checkout #customer_details .form-row .select2.select2-container--open.select2-container--below .select2-selection {
    border-radius: 25px 25px 0 0
}

.woocommerce-checkout form.checkout #customer_details .form-row .select2-selection {
    align-items: center;
    display: flex
}

.woocommerce-checkout form.checkout #customer_details .form-row .select2-selection .select2-selection__rendered {
    color: #626262;
    font-size: 13px;
    font-weight: 500;
    padding: 0
}

.woocommerce-checkout form.checkout #customer_details .form-row .select2-selection .select2-selection__arrow {
    right: 20px
}

.woocommerce-checkout form.checkout #customer_details .form-row .select2-selection,
.woocommerce-checkout form.checkout #customer_details .form-row input {
    border: thin solid #d5d7da;
    border-radius: 60px;
    color: #626262;
    font-size: 13px;
    font-weight: 500;
    height: 52px;
    padding: 0 18px
}

.woocommerce-checkout form.checkout .order-review-wrapper {
    flex: 0 1 467px
}

@media screen and (max-width:991px) {
    .woocommerce-checkout form.checkout .order-review-wrapper {
        flex: 0 1 auto;
        width: 100%
    }
}

.woocommerce-checkout form.checkout .woocommerce-additional-fields {
    margin-top: 42px
}

.woocommerce-checkout form.checkout .woocommerce-additional-fields #order_comments {
    border: thin solid rgba(98, 98, 98, .29);
    border-radius: 6px;
    color: #626262;
    font-size: 16px;
    font-weight: 300;
    height: 92px;
    line-height: 1.6;
    padding: 11px 18px
}

.woocommerce-checkout form.checkout #ship-to-different-address {
    padding: 0
}

.woocommerce-checkout form.checkout #ship-to-different-address:after {
    display: block;
    position: relative
}

.woocommerce-checkout form.checkout #ship-to-different-address #ship-to-different-address-checkbox {
    display: none
}

.woocommerce-checkout form.checkout #ship-to-different-address label {
    cursor: pointer;
    display: block;
    padding-bottom: 15px
}

.woocommerce-checkout #shipping_method {
    display: flex;
    flex-wrap: wrap;
    gap: 15px;
    row-gap: 10px
}

.woocommerce-checkout #shipping_method label {
    color: #060f16;
    font-family: var(--mv-primary-font);
    font-size: 15px;
    font-weight: 500;
    line-height: 1.53
}

@media screen and (max-width:1199px) {
    .woocommerce-checkout #shipping_method {
        flex-direction: column
    }
}

.woocommerce-checkout .woocommerce-remove-coupon {
    font-size: 12px
}

.woocommerce-checkout #payment {
    background-color: #fff;
    border-radius: 0;
    margin: 0
}

.woocommerce-checkout #payment .payment_methods:after,
.woocommerce-checkout #payment .payment_methods:before {
    display: none
}

.woocommerce-checkout #payment .payment_methods {
    padding-block: 35px
}

.woocommerce-checkout #payment .payment_methods .radio-field>input:checked+.radio-field__checked:after {
    color: #a8ffbb
}

.woocommerce-checkout #payment .payment_methods .radio-field>input:checked+.radio-field__checked {
    border-color: #a8ffbb
}

.woocommerce-checkout #payment .wc_payment_method:after,
.woocommerce-checkout #payment .wc_payment_method:before {
    display: none
}

.woocommerce-checkout #payment .wc_payment_method+.wc_payment_method {
    margin-top: 15px
}

.woocommerce-checkout #payment .wc_payment_method .payment_box:after,
.woocommerce-checkout #payment .wc_payment_method .payment_box:before {
    display: none
}

.woocommerce-checkout #payment .wc_payment_method .payment_box {
    background-color: transparent;
    border-radius: 0;
    color: #060f16;
    font-family: var(--mv-primary-font);
    font-size: 15px;
    font-weight: 500;
    line-height: 1.53;
    margin: 0;
    padding: 0 0 0 15px
}

.woocommerce-checkout #payment .radio-field__label {
    color: #060f16;
    font-size: 20px;
    font-weight: 600;
    line-height: 1.5
}

@media screen and (max-width:767px) {
    .woocommerce-checkout #payment .radio-field__label {
        font-size: 18px
    }
}

.woocommerce-checkout #payment .place-order {
    margin-top: 25px;
    padding: 0
}

.woocommerce-checkout #payment .place-order p {
    font-family: var(--mv-primary-font);
    font-size: 15px;
    font-weight: 500;
    line-height: 1.53
}

.woocommerce-checkout #payment .place-order a {
    color: inherit
}

.woocommerce-checkout #payment .place-order a:hover {
    color: #a8ffbb
}

.woocommerce-checkout #payment .place-order #place_order {
    background-color: #060f16;
    border-radius: 100px;
    color: #fff;
    font-family: var(--mv-primary-font);
    font-size: 15px;
    font-weight: 500;
    height: 60px;
    line-height: 1.38667;
    margin-top: 35px;
    padding-inline: 36px;
    width: -moz-fit-content;
    width: fit-content
}

.woocommerce-checkout #payment .place-order #place_order:hover {
    background-color: #a8ffbb;
    color: #060f16
}

.select2-search {
    padding: 15px
}

.select2-search input {
    border: thin solid #d5d7da;
    color: #626262;
    font-size: 14px;
    font-weight: 500;
    height: 52px;
    padding: 0 18px;
    padding-inline: 20px
}

.select2-dropdown {
    border: thin solid #d5d7da;
    overflow: hidden
}

.select2-dropdown.select2-dropdown--below {
    border-radius: 0 0 25px 25px
}

.select2-dropdown.select2-dropdown--above {
    border-radius: 25px 25px 0 0
}

.select2-dropdown .select2-results__option {
    font-size: 13px;
    font-weight: 500;
    padding-inline: 15px
}

.review-order-table .woocommerce-shipping-totals,
.review-order-table__head,
.review-order-table__item {
    align-items: center;
    display: flex;
    gap: 30px;
    justify-content: space-between
}

.review-order-table .woocommerce-shipping-totals {
    flex-wrap: wrap;
    row-gap: 5px
}

.review-order-table__head {
    border-bottom: thin solid #d5d7da;
    color: #060f16;
    font-family: var(--mv-primary-font);
    font-size: 20px;
    font-weight: 500;
    padding-bottom: 13px
}

@media screen and (max-width:767px) {
    .review-order-table__head {
        font-size: 18px
    }
}

.review-order-table__item {
    border-bottom: thin solid #d5d7da;
    padding-block: 14px
}

.review-order-table__body .review-order-table__col--name {
    color: #626262;
    font-family: Inter;
    font-size: 16px;
    font-weight: 500;
    letter-spacing: -.32px;
    line-height: 1.625
}

.review-order-table__body .review-order-table__col--name>a {
    color: inherit
}

.review-order-table__body .review-order-table__col--name .product-quantity {
    color: #060f16
}

.review-order-table .woocommerce-shipping-totals .label,
.review-order-table__col--label {
    color: #060f16;
    font-size: 18px;
    font-weight: 600;
    line-height: 1.55
}

.review-order-table .woocommerce-shipping-totals .value,
.review-order-table__col--value {
    color: #060f16;
    font-size: 20px;
    font-weight: 600
}

.review-order-table .woocommerce-shipping-totals .value strong,
.review-order-table__col--value strong {
    font-weight: inherit
}

@media screen and (max-width:767px) {

    .review-order-table .woocommerce-shipping-totals .value,
    .review-order-table__col--value {
        font-size: 18px
    }
}

.review-order-table .product-total {
    color: #060f16;
    font-family: Inter;
    font-size: 16px;
    font-weight: 500;
    letter-spacing: -.32px;
    line-height: 1.625
}

@media screen and (max-width:767px) {
    .review-order-table .product-total {
        font-size: 18px
    }
}

.review-order-table__col--full {
    width: 100%
}

#shipping_method>li {
    display: inline-flex;
    margin: 0
}

.radio-field {
    align-items: center;
    color: #060f16;
    cursor: pointer;
    display: inline-flex;
    font-family: var(--mv-primary-font);
    font-size: 15px;
    font-weight: 500;
    gap: 6px;
    line-height: 1.53;
    position: relative
}

.radio-field>input {
    display: none
}

.radio-field__checked {
    position: relative;
    --mv-box-size: 10px;
    align-items: center;
    border: thin solid;
    border-radius: 50%;
    display: inline-flex;
    flex: 0 0 auto;
    height: var(--mv-box-size);
    justify-content: center;
    min-width: var(--mv-box-size);
    width: var(--mv-box-size)
}

.radio-field__checked:after {
    background-color: currentColor;
    border-radius: inherit;
    content: "";
    inset: 1px;
    opacity: 0;
    position: absolute;
    transform: scale(.6);
    transition: opacity .25s ease, transform .25s ease
}

.radio-field>input:checked+.radio-field__checked:after {
    opacity: 1;
    transform: scale(1)
}

.radio-field__label {
    align-items: center;
    display: inline-flex
}

.radio-field:after {
    background: #060f16;
    border-radius: 6px;
    bottom: calc(100% + 10px);
    color: #fff;
    content: attr(data-tooltip);
    font-size: 12px;
    line-height: 1;
    padding: 6px 10px;
    pointer-events: none;
    white-space: nowrap
}

.radio-field:after,
.radio-field:before {
    left: 50%;
    opacity: 0;
    position: absolute;
    transform: translateX(-50%) translateY(6px);
    transition: all .25s ease;
    z-index: 20
}

.radio-field:before {
    border: 5px solid transparent;
    border-top-color: #060f16;
    bottom: 100%;
    content: ""
}

.radio-field:hover:after,
.radio-field:hover:before {
    opacity: 1;
    transform: translateX(-50%) translateY(0)
}

.radio-field:not([data-tooltip]):after,
.radio-field:not([data-tooltip]):before {
    display: none
}

.radio-field>input:checked~.radio-field__label {
    font-weight: 500
}

.cart-discount .woocommerce-remove-coupon {
    color: inherit
}

.admin-bar #header-desktop.header-transparent,
.admin-bar #header-sticky {
    top: 32px
}

.admin-bar #smooth-wrapper {
    padding-top: 32px
}

.admin-bar #smooth-wrapper #header-desktop.header-transparent {
    top: 0
}

.direction-item {
    border-radius: inherit;
    height: 100%;
    left: 0;
    pointer-events: none;
    position: absolute;
    top: 0;
    width: 100%;
    will-change: transform;
    z-index: 0
}

@keyframes transition-fill-in-top {
    0% {
        transform: translate3d(0, -101%, 0)
    }

    to {
        transform: translateZ(0)
    }
}

@keyframes transition-fill-in-right {
    0% {
        transform: translate3d(101%, 0, 0)
    }

    to {
        transform: translateZ(0)
    }
}

@keyframes transition-fill-in-bottom {
    0% {
        transform: translate3d(0, 101%, 0)
    }

    to {
        transform: translateZ(0)
    }
}

@keyframes transition-fill-in-left {
    0% {
        transform: translate3d(-101%, 0, 0)
    }

    to {
        transform: translateZ(0)
    }
}

@keyframes transition-fill-out-top {
    0% {
        transform: translateZ(0)
    }

    to {
        transform: translate3d(0, -101%, 0)
    }
}

@keyframes transition-fill-out-right {
    0% {
        transform: translateZ(0)
    }

    to {
        transform: translate3d(101%, 0, 0)
    }
}

@keyframes transition-fill-out-bottom {
    0% {
        transform: translateZ(0)
    }

    to {
        transform: translate3d(0, 101%, 0)
    }
}

@keyframes transition-fill-out-left {
    0% {
        transform: translateZ(0)
    }

    to {
        transform: translate3d(-101%, 0, 0)
    }
}

.transition-fill-in-top .direction-item {
    animation: transition-fill-in-top .35s ease 0s 1 forwards;
    transform-origin: 50% 0
}

.transition-fill-in-right .direction-item {
    animation: transition-fill-in-right .35s ease 0s 1 forwards;
    transform-origin: 100% 0
}

.transition-fill-in-bottom .direction-item {
    animation: transition-fill-in-bottom .35s ease 0s 1 forwards;
    transform-origin: 50% 100%
}

.transition-fill-in-left .direction-item {
    animation: transition-fill-in-left .35s ease 0s 1 forwards;
    transform-origin: 0 0
}

.transition-fill-out-top .direction-item {
    animation: transition-fill-out-top .35s ease 0s 1 forwards;
    transform-origin: 50% 0
}

.transition-fill-out-right .direction-item {
    animation: transition-fill-out-right .35s ease 0s 1 forwards;
    transform-origin: 100% 50%
}

.transition-fill-out-bottom .direction-item {
    animation: transition-fill-out-bottom .35s ease 0s 1 forwards;
    transform-origin: 50% 100%
}

.transition-fill-out-left .direction-item {
    animation: transition-fill-out-left .35s ease 0s 1 forwards;
    transform-origin: 0 0
}

[data-hover=transition-fill-animation] {
    overflow: hidden;
    position: relative
}

[data-hover=transition-fill-animation].is-active .direction-item {
    transform: translateZ(0) !important;
    transition: transform .35s linear .35s
}

[data-hover=transition-fill-animation] .direction-item {
    transform: translate3d(100%, 0, 0)
}

@keyframes rotation-fill-in-top {
    0% {
        transform: rotate3d(-1, 0, 0, 90deg)
    }

    to {
        transform: rotate3d(0, 0, 0, 0deg)
    }
}

@keyframes rotation-fill-in-right {
    0% {
        transform: rotate3d(0, -1, 0, 90deg)
    }

    to {
        transform: rotate3d(0, 0, 0, 0deg)
    }
}

@keyframes rotation-fill-in-bottom {
    0% {
        transform: rotateX(90deg)
    }

    to {
        transform: rotate3d(0, 0, 0, 0deg)
    }
}

@keyframes rotation-fill-in-left {
    0% {
        transform: rotateY(90deg)
    }

    to {
        transform: rotate3d(0, 0, 0, 0deg)
    }
}

@keyframes rotation-fill-out-top {
    0% {
        transform: rotate3d(0, 0, 0, 0deg)
    }

    to {
        transform: rotate3d(-1, 0, 0, 180deg)
    }
}

@keyframes rotation-fill-out-right {
    0% {
        transform: rotate3d(0, 0, 0, 0deg)
    }

    to {
        transform: rotate3d(0, -1, 0, 180deg)
    }
}

@keyframes rotation-fill-out-bottom {
    0% {
        transform: rotate3d(0, 0, 0, 0deg)
    }

    to {
        transform: rotateX(180deg)
    }
}

@keyframes rotation-fill-out-left {
    0% {
        transform: rotate3d(0, 0, 0, 0deg)
    }

    to {
        transform: rotateY(180deg)
    }
}

.rotation-fill-in-top .direction-item {
    animation: rotation-fill-in-top .35s ease 0s 1 forwards;
    transform-origin: 50% 0
}

.rotation-fill-in-right .direction-item {
    animation: rotation-fill-in-right .35s ease 0s 1 forwards;
    transform-origin: 100% 0
}

.rotation-fill-in-bottom .direction-item {
    animation: rotation-fill-in-bottom .35s ease 0s 1 forwards;
    transform-origin: 50% 100%
}

.rotation-fill-in-left .direction-item {
    animation: rotation-fill-in-left .35s ease 0s 1 forwards;
    transform-origin: 0 0
}

.rotation-fill-out-top .direction-item {
    animation: rotation-fill-out-top .35s ease 0s 1 forwards;
    transform-origin: 50% 0
}

.rotation-fill-out-right .direction-item {
    animation: rotation-fill-out-right .35s ease 0s 1 forwards;
    transform-origin: 100% 50%
}

.rotation-fill-out-bottom .direction-item {
    animation: rotation-fill-out-bottom .35s ease 0s 1 forwards;
    transform-origin: 50% 100%
}

.rotation-fill-out-left .direction-item {
    animation: rotation-fill-out-left .35s ease 0s 1 forwards;
    transform-origin: 0 0
}

[data-hover=rotation-fill-animation] {
    overflow: hidden;
    perspective: 400px;
    position: relative
}

[data-hover=rotation-fill-animation] .direction-item {
    transform: rotateX(90deg)
}

img[data-hover=distortionTransition]+canvas {
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%
}

.image,
.image-wrapper {
    position: relative
}

.image-wrapper:has([data-hover=overlayShine]):after,
.image:has([data-hover=overlayShine]):after {
    background: linear-gradient(90deg, hsla(0, 0%, 100%, 0) 0, hsla(0, 0%, 100%, .3));
    content: "";
    display: block;
    height: 100%;
    left: -85%;
    pointer-events: none;
    position: absolute;
    top: 0;
    transform: skewX(-25deg);
    transition: left .75s ease;
    width: 50%;
    z-index: 9
}

.image-wrapper:has([data-hover=overlayShine]):hover:after,
.image:has([data-hover=overlayShine]):hover:after {
    left: 125%
}

.button[data-hover=overlayShine]:after {
    background: linear-gradient(90deg, transparent, hsla(0, 0%, 100%, .5), transparent);
    content: "";
    display: block;
    filter: blur(15px);
    height: 100%;
    left: -150%;
    pointer-events: none;
    position: absolute;
    top: 0;
    transform: skew(-20deg);
    transition: left .75s ease;
    width: 150%;
    z-index: 9
}

.button[data-hover=overlayShine]:hover:after {
    left: 150%
}

[data-hover=spotlightFill] {
    position: relative
}

[data-hover=spotlightFill]:before {
    display: none
}

[data-hover=spotlightFill] .spotlight-item {
    background: var(--mv-background-color-hover);
    border-radius: 50%;
    height: 25px;
    left: 0;
    position: absolute;
    scale: 0;
    top: 0;
    width: 25px;
    z-index: 0
}

[data-hover=followCursor] {
    transition: none !important;
    will-change: "transform"
}

.error404 #main {
    padding-inline: 15px
}

.error404 #main .main-inner {
    align-items: center;
    display: flex;
    flex-direction: column;
    height: 100%;
    justify-content: center;
    margin: 0 auto;
    max-width: 1300px;
    min-height: 100vh;
    padding-block: 120px;
    text-align: center
}

@media screen and (max-width:1199px) {
    .error404 #main .main-inner {
        padding-block: 105px
    }
}

@media screen and (max-width:767px) {
    .error404 #main .main-inner {
        padding-block: 90px
    }
}

.error404 .page-heading {
    margin-bottom: 30px
}

.error404 .page-title {
    display: block;
    font-size: 150px;
    font-weight: 700;
    margin-bottom: 5px
}

@media screen and (max-width:1399px) {
    .error404 .page-title {
        font-size: 140px
    }
}

@media screen and (max-width:1199px) {
    .error404 .page-title {
        font-size: 130px
    }
}

@media screen and (max-width:991px) {
    .error404 .page-title {
        font-size: 120px
    }
}

@media screen and (max-width:767px) {
    .error404 .page-title {
        font-size: 110px
    }
}

@media screen and (max-width:575px) {
    .error404 .page-title {
        font-size: 100px
    }
}

.error404 .page-subtitle {
    font-size: 32px;
    font-weight: 500
}

@media screen and (max-width:1199px) {
    .error404 .page-subtitle {
        font-size: 28px
    }
}

@media screen and (max-width:767px) {
    .error404 .page-subtitle {
        font-size: 24px
    }
}

.error404 .button-back {
    background-color: #000;
    border: thin solid #000;
    border-radius: 5px;
    color: #fff;
    height: 46px;
    padding-inline: 32px
}

.error404 .button-back:before {
    background-color: #fff
}

.error404 .button-back:hover {
    color: #000
}