body {
    background-image: none !important;
}

@media screen and (min-width: 768px) {
    .section[data-layout=default]:last-child {
        margin-top: 0 !important;
        padding-top: 160px;
    }
}
@media screen and (max-width: 767px) {
    .section[data-layout=default]:last-child {
        margin-top: 0 !important;
        padding-top: 16vw;
    }
}

*,:after,:before {
    --tw-translate-x: 0;
    --tw-translate-y: 0;
    --tw-rotate: 0;
    --tw-skew-x: 0;
    --tw-skew-y: 0;
    --tw-scale-x: 1;
    --tw-scale-y: 1;
}

.bg-animation img {
    max-width: 100%;
    height: auto
}

.bg-animation .fixed {
    position: fixed
}

.bg-animation .absolute {
    position: absolute
}

.relative {
    position: relative;
}

.bg-animation .inset-0 {
    top: 0;
    right: 0;
    bottom: 0;
    left: 0
}

.bg-animation .top-0 {
    top: 0;
}

.bg-animation .left-0 {
    left: 0;
}

.bg-animation .z-background {
    z-index: -10
}

.bg-animation .z-background-image {
    z-index: -5
}

.bg-animation .hidden {
    display: none
}

.bg-animation .x-hidden {
    overflow-x: hidden;
}

.bg-animation .y-hidden {
    overflow-y: hidden;
}

.xy-hidden {
    overflow: hidden;
}

.bg-animation .h-screen {
    height: 100vh
}

.bg-animation .h-full {
    height: 100%
}

.bg-animation .min-h-full {
    min-height: 100%
}

.bg-animation .w-screen {
    width: 100vw
}

.bg-animation .w-full {
    width: 100%
}

.bg-animation .w-\[100vw\] {
    width: 100vw
}

.bg-animation .min-w-full {
    min-width: 100%
}

.bg-animation .scale-\[1\.2\] {
    transform: translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
}

.bg-animation .scale-\[1\.2\] {
    --tw-scale-x: 1.2;
    --tw-scale-y: 1.2
}

.bg-animation .transform {
    transform: translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
}

.bg-carbon {
    --tw-bg-opacity: 1;
    background-color: rgb(35 35 35/var(--tw-bg-opacity))
}

.bg-transparent {
    background-color: transparent
}

.bg-animation .object-cover {
    -o-object-fit: cover;
    object-fit: cover
}

.bg-animation .transition-all {
    transition-property: all
}

.bg-animation .transition-transform {
    transition-property: transform;
    will-change: transform;
}

.bg-animation .duration-short {
    transition-duration: .3s
}

.bg-animation .duration-long {
    transition-duration: 1.4s
}

.bg-animation .duration-medium {
    transition-duration: .6s
}

.bg-animation .ease-power4Out {
    transition-timing-function: cubic-bezier(.235,.897,.375,.997);
}

@media not all and (min-width: 850px) {
    .bg-animation .max-sm\:hidden {
        display:none
    }
}

@media (min-width: 850px) {
    .bg-animation .sm\:hidden {
        display: none
    }
}