@font-face {
    font-family: reey;
    src: url(../fonts/reey-regular-webfont.woff2) format("woff2"), url(../fonts/reey-regular-webfont.woff) format("woff");
    font-weight: 400;
    font-style: normal
}

* {
    font-family: 'Mulish', sans-serif;
}

.bg-gradient-to-t {
    background-image: linear-gradient(to top, var(--tw-gradient-stops));
}

.bg-gradient-to-r {
    background-image: linear-gradient(to right, var(--tw-gradient-stops));
}

.bg-new-black {
    --tw-bg-opacity: 1;
    background-color: rgb(8 7 31 / var(--tw-bg-opacity));
}

.bg-new-black\/10 {
    background-color: rgba(8, 17, 31, .1);
}

.from-\[\#FCF1F4\] {
    --tw-gradient-from: #fcf1f4;
    --tw-gradient-to: rgba(252, 241, 244, 0);
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}

.to-\[\#EDFBF9\] {
    --tw-gradient-to: #edfbf9;
}

.bg-gradient-to-b {
    background-image: linear-gradient(to bottom, var(--tw-gradient-stops));
}

.shadow-\[-20px_30px_70px_rgba\(219\2c 222\2c 225\2c 0\.4\)\] {
    --tw-shadow: -20px 30px 70px hsla(210, 9%, 87%, .4);
    --tw-shadow-colored: -20px 30px 70px var(--tw-shadow-color);
    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}

.transition {
    transition-property: color, background-color, border-color, fill, stroke, opacity, box-shadow, transform, filter, -webkit-text-decoration-color, -webkit-backdrop-filter;
    transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter;
    transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter, -webkit-text-decoration-color, -webkit-backdrop-filter;
    transition-timing-function: cubic-bezier(.4, 0, .2, 1);
    transition-duration: .15s
}

.bg-new-black\/\[0\.94\] {
    background-color: rgba(8, 17, 31, 0.845);
}

.from-white\/50 {
    --tw-gradient-from: hsla(0, 0%, 100%, .5);
    --tw-gradient-to: hsla(0, 0%, 100%, 0);
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}

.bg-gradient-to-t {
    background-image: linear-gradient(to top, var(--tw-gradient-stops));
}

.text-primary {
    --tw-text-opacity: 1;
    color: rgb(71 189 255/var(--tw-text-opacity));
}

.text-secondary {
    --tw-text-opacity: 1;
    color: rgb(180 118 229/var(--tw-text-opacity));
}

.bg-primary {
    --tw-bg-opacity: 1;
    background-color: rgb(71 189 255/var(--tw-bg-opacity));
}

.from-\[\#FCF1F4\] {
    --tw-gradient-from: #fcf1f4;
    --tw-gradient-to: rgba(252, 241, 244, 0);
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)
}

.from-\[\#ef4444\] {
    --tw-gradient-from: #ef4444;
    --tw-gradient-to: rgba(239, 68, 68, 0);
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)
}

.from-white\/\[56\%\] {
    --tw-gradient-from: hsla(0, 0%, 100%, .56);
    --tw-gradient-to: hsla(0, 0%, 100%, 0);
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)
}

.from-transparent {
    --tw-gradient-from: transparent;
    --tw-gradient-to: transparent;
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)
}

.from-white\/50 {
    --tw-gradient-from: hsla(0, 0%, 100%, .5);
    --tw-gradient-to: hsla(0, 0%, 100%, 0);
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)
}

.from-\[rgba\(125\2c 132\2c 150\2c 0\.1\)\] {
    --tw-gradient-from: rgba(125, 132, 150, .1);
    --tw-gradient-to: rgba(125, 132, 150, 0);
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)
}

.from-white {
    --tw-gradient-from: #fff;
    --tw-gradient-to: hsla(0, 0%, 100%, 0);
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)
}

.from-white\/60 {
    --tw-gradient-from: hsla(0, 0%, 100%, .6);
    --tw-gradient-to: hsla(0, 0%, 100%, 0);
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)
}

.from-\[\#000\]\/5 {
    --tw-gradient-from: rgba(0, 0, 0, .05);
    --tw-gradient-to: transparent;
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)
}

.from-white\/70 {
    --tw-gradient-from: hsla(0, 0%, 100%, .7);
    --tw-gradient-to: hsla(0, 0%, 100%, 0);
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)
}

.from-white\/\[54\%\] {
    --tw-gradient-from: hsla(0, 0%, 100%, .54);
    --tw-gradient-to: hsla(0, 0%, 100%, 0);
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)
}

.from-white\/40 {
    --tw-gradient-from: hsla(0, 0%, 100%, .4);
    --tw-gradient-to: hsla(0, 0%, 100%, 0);
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)
}

.from-white\/\[55\%\] {
    --tw-gradient-from: hsla(0, 0%, 100%, .55);
    --tw-gradient-to: hsla(0, 0%, 100%, 0);
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)
}

.from-gray\/10 {
    --tw-gradient-from: rgba(119, 128, 161, .1);
    --tw-gradient-to: rgba(119, 128, 161, 0);
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)
}

.from-secondary\/10 {
    --tw-gradient-from: rgba(180, 118, 229, .1);
    --tw-gradient-to: rgba(180, 118, 229, 0);
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)
}

.from-secondary {
    --tw-gradient-from: #b476e5;
    --tw-gradient-to: rgba(180, 118, 229, 0);
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)
}

.from-gray\/20 {
    --tw-gradient-from: rgba(119, 128, 161, .2);
    --tw-gradient-to: rgba(119, 128, 161, 0);
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)
}

.from-primary {
    --tw-gradient-from: #47bdff;
    --tw-gradient-to: rgba(71, 189, 255, 0);
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)
}

.from-primary\/20 {
    --tw-gradient-from: rgba(71, 189, 255, .2);
    --tw-gradient-to: rgba(71, 189, 255, 0);
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)
}

.from-gray\/\[0\.08\] {
    --tw-gradient-from: rgba(119, 128, 161, .08);
    --tw-gradient-to: rgba(119, 128, 161, 0);
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)
}

.from-white\/5 {
    --tw-gradient-from: hsla(0, 0%, 100%, .05);
    --tw-gradient-to: hsla(0, 0%, 100%, 0);
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)
}

.from-white\/0 {
    --tw-gradient-from: hsla(0, 0%, 100%, 0);
    --tw-gradient-to: hsla(0, 0%, 100%, 0);
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)
}

.via-\[\#000\]\/60 {
    --tw-gradient-to: transparent;
    --tw-gradient-stops: var(--tw-gradient-from), rgba(0, 0, 0, .6), var(--tw-gradient-to)
}

.via-gray\/25 {
    --tw-gradient-to: rgba(119, 128, 161, 0);
    --tw-gradient-stops: var(--tw-gradient-from), rgba(119, 128, 161, .25), var(--tw-gradient-to)
}

.to-\[\#EDFBF9\] {
    --tw-gradient-to: #edfbf9
}

.to-\[\#f97316\] {
    --tw-gradient-to: #f97316
}

.to-white\/0 {
    --tw-gradient-to: hsla(0, 0%, 100%, 0)
}

.to-white\/50 {
    --tw-gradient-to: hsla(0, 0%, 100%, .5)
}

.to-transparent {
    --tw-gradient-to: transparent
}

.to-\[125\2c 132\2c 150\] {
    --tw-gradient-to: 125, 132, 150
}

.to-black {
    --tw-gradient-to: #08111f
}

.to-\[\#000\]\/75 {
    --tw-gradient-to: rgba(0, 0, 0, .75)
}

.to-white {
    --tw-gradient-to: #fff
}

.to-primary\/10 {
    --tw-gradient-to: rgba(71, 189, 255, .1)
}

.to-primary {
    --tw-gradient-to: #47bdff
}

.to-gray\/10 {
    --tw-gradient-to: rgba(119, 128, 161, .1)
}

.to-\[\#08111F\] {
    --tw-gradient-to: #08111f
}

.to-secondary\/20 {
    --tw-gradient-to: rgba(180, 118, 229, .2)
}

.to-\[\#000\] {
    --tw-gradient-to: #000
}

.to-white\/\[55\%\] {
    --tw-gradient-to: hsla(0, 0%, 100%, .55)
}

.to-white\/60 {
    --tw-gradient-to: hsla(0, 0%, 100%, .6)
}


header .menus {
    /*position: fixed;
    top: 0;
    z-index: 52;
    height: 100vh;
    width: 100%;
    max-width: 24rem;*/
    gap: 2.25rem;
    --tw-bg-opacity: 1;
    background-color: rgb(255 255 255/var(--tw-bg-opacity));
    transition-property: all;
    transition-timing-function: cubic-bezier(.4, 0, .2, 1);
    transition-duration: .5s
}

[dir=ltr] header .menus {
    right: -100%
}

[dir=rtl] header .menus {
    left: -100%
}

.dark header .menus {
    --tw-bg-opacity: 1;
    background-color: rgb(28 35 49/var(--tw-bg-opacity))
}

@media (min-width: 1024px) {
    header .menus {
        position: static;
        height: auto;
        max-width: none
    }

    .dark header .menus,
    header .menus {
        background-color: initial
    }
}

header .menus>ul {
    position: relative;
    display: flex;
    flex-direction: column
}

header .menus>ul>:not([hidden])~:not([hidden]) {
    --tw-divide-y-reverse: 0;
    border-top-width: calc(1px*(1 - var(--tw-divide-y-reverse)));
    border-bottom-width: calc(1px*var(--tw-divide-y-reverse));
    border-color: rgba(119, 128, 161, .1)
}

header .menus>ul {
    font-weight: 700;
    --tw-text-opacity: 1;
    color: rgb(8 17 31/var(--tw-text-opacity))
}

@media (min-width: 1024px) {
    header .menus>ul {
        flex-direction: row;
        align-items: center;
        gap: 2.75rem
    }

    header .menus>ul>:not([hidden])~:not([hidden]) {
        --tw-divide-y-reverse: 0;
        border-top-width: calc(0px*(1 - var(--tw-divide-y-reverse)));
        border-bottom-width: calc(0px*var(--tw-divide-y-reverse))
    }

    header .menus>ul {
        padding: 0;
        --tw-text-opacity: 1;
        color: rgb(255 255 255/var(--tw-text-opacity))
    }
}

header .menus>ul li>a {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 1rem;
    transition-property: color, background-color, border-color, fill, stroke, opacity, box-shadow, transform, filter, -webkit-text-decoration-color, -webkit-backdrop-filter;
    transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter;
    transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter, -webkit-text-decoration-color, -webkit-backdrop-filter;
    transition-timing-function: cubic-bezier(.4, 0, .2, 1);
    transition-duration: .15s
}

header .menus>ul li>a:hover {
    --tw-text-opacity: 1;
    color: rgb(180 118 229/var(--tw-text-opacity))
}

.dark header .menus>ul li>a {
    --tw-text-opacity: 1;
    color: rgb(255 255 255/var(--tw-text-opacity))
}

.dark header .menus>ul li>a:hover {
    --tw-text-opacity: 1;
    color: rgb(180 118 229/var(--tw-text-opacity))
}

@media (min-width: 1024px) {
    header .menus>ul li>a {
        padding: 2.5rem 0
    }

    header .menus>ul li>a:hover {
        --tw-scale-x: 1.1;
        --tw-scale-y: 1.1;
        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))
    }
}

header .menus>ul li>a.active {
    --tw-text-opacity: 1;
    color: rgb(180 118 229/var(--tw-text-opacity))
}

@media (min-width: 1024px) {
    header .menus>ul li>a.active {
        --tw-scale-x: 1.1;
        --tw-scale-y: 1.1;
        transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
    }
}

.hover\:border-secondary:hover {
    --tw-border-opacity: 1;
    border-color: rgb(180 118 229/var(--tw-border-opacity))
}

.hover\:border-black:hover {
    --tw-border-opacity: 1;
    border-color: rgb(8 17 31/var(--tw-border-opacity))
}

.hover\:border-white:hover {
    --tw-border-opacity: 1;
    border-color: rgb(255 255 255/var(--tw-border-opacity))
}

.hover\:border-secondary\/50:hover {
    border-color: rgba(180, 118, 229, .5)
}

.hover\:border-secondary\/80:hover {
    border-color: rgba(180, 118, 229, .8)
}

.hover\:bg-secondary\/10:hover {
    background-color: rgba(180, 118, 229, .1)
}

.hover\:bg-transparent:hover {
    background-color: initial
}

.hover\:bg-secondary:hover {
    --tw-bg-opacity: 1;
    background-color: rgb(180 118 229/var(--tw-bg-opacity))
}

.hover\:bg-secondary\/20:hover {
    background-color: rgba(180, 118, 229, .2)
}

.hover\:bg-primary:hover {
    --tw-bg-opacity: 1;
    background-color: rgb(71 189 255/var(--tw-bg-opacity))
}

.hover\:bg-black:hover {
    --tw-bg-opacity: 1;
    background-color: rgb(8 17 31/var(--tw-bg-opacity))
}

.hover\:bg-gray\/10:hover {
    background-color: rgba(119, 128, 161, .1)
}

.hover\:bg-white:hover {
    --tw-bg-opacity: 1;
    background-color: rgb(255 255 255/var(--tw-bg-opacity))
}

.hover\:bg-secondary\/30:hover {
    background-color: rgba(180, 118, 229, .3)
}

.hover\:bg-white\/20:hover {
    background-color: hsla(0, 0%, 100%, .2)
}

.hover\:bg-primary\/30:hover {
    background-color: rgba(71, 189, 255, .3)
}

.hover\:bg-\[\#DF2E31\]:hover {
    --tw-bg-opacity: 1;
    background-color: rgb(223 46 49/var(--tw-bg-opacity))
}

.hover\:bg-\[\#3FB984\]:hover {
    --tw-bg-opacity: 1;
    background-color: rgb(63 185 132/var(--tw-bg-opacity))
}

.hover\:bg-\[\#4F5B93\]:hover {
    --tw-bg-opacity: 1;
    background-color: rgb(79 91 147/var(--tw-bg-opacity))
}

.hover\:bg-\[\#FF291A\]:hover {
    --tw-bg-opacity: 1;
    background-color: rgb(255 41 26/var(--tw-bg-opacity))
}

.hover\:bg-\[\#00749A\]:hover {
    --tw-bg-opacity: 1;
    background-color: rgb(0 116 154/var(--tw-bg-opacity))
}

.hover\:bg-\[\#6C6C6C\]:hover {
    --tw-bg-opacity: 1;
    background-color: rgb(108 108 108/var(--tw-bg-opacity))
}

.hover\:bg-\[\#41D0FD\]:hover {
    --tw-bg-opacity: 1;
    background-color: rgb(65 208 253/var(--tw-bg-opacity))
}

.hover\:bg-\[\#E54C21\]:hover {
    --tw-bg-opacity: 1;
    background-color: rgb(229 76 33/var(--tw-bg-opacity))
}

.hover\:bg-\[\#01D8FF\]:hover {
    --tw-bg-opacity: 1;
    background-color: rgb(1 216 255/var(--tw-bg-opacity))
}

.hover\:bg-\[\#96BF49\]:hover {
    --tw-bg-opacity: 1;
    background-color: rgb(150 191 73/var(--tw-bg-opacity))
}

.hover\:text-primary:hover {
    --tw-text-opacity: 1;
    color: rgb(71 189 255/var(--tw-text-opacity))
}

.hover\:text-secondary:hover {
    --tw-text-opacity: 1;
    color: rgb(180 118 229/var(--tw-text-opacity))
}

.hover\:text-white:hover {
    --tw-text-opacity: 1;
    color: rgb(255 255 255/var(--tw-text-opacity))
}

.hover\:text-gray:hover {
    --tw-text-opacity: 1;
    color: rgb(119 128 161/var(--tw-text-opacity))
}

.hover\:text-black:hover {
    --tw-text-opacity: 1;
    color: rgb(8 17 31/var(--tw-text-opacity))
}

.hover\:text-\[\#FF0000\]:hover {
    --tw-text-opacity: 1;
    color: rgb(255 0 0/var(--tw-text-opacity))
}

.hover\:opacity-50:hover {
    opacity: .5
}

.hover\:shadow-\[-10px_30px_70px_rgba\(8\2c 17\2c 31\2c 0\.3\)\]:hover {
    --tw-shadow: -10px 30px 70px rgba(8, 17, 31, .3);
    --tw-shadow-colored: -10px 30px 70px var(--tw-shadow-color);
    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)
}

.hover\:shadow-\[4px_4px_0px_rgba\(255\2c 255\2c 255\2c 1\)\]:hover {
    --tw-shadow: 4px 4px 0px #fff;
    --tw-shadow-colored: 4px 4px 0px var(--tw-shadow-color);
    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)
}

.hover\:shadow-\[4px_4px_0px_rgba\(000\2c 000\2c 000\2c 1\)\]:hover {
    --tw-shadow: 4px 4px 0px #000;
    --tw-shadow-colored: 4px 4px 0px var(--tw-shadow-color);
    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)
}

.hover\:shadow-\[0_0_40px_rgba\(0\2c 0\2c 0\2c 0\.1\)\]:hover {
    --tw-shadow: 0 0 40px rgba(0, 0, 0, .1);
    --tw-shadow-colored: 0 0 40px var(--tw-shadow-color);
    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)
}

.hover\:\!shadow-none:hover {
    --tw-shadow: 0 0 #0000 !important;
    --tw-shadow-colored: 0 0 #0000 !important;
    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow) !important
}

.hover\:shadow-\[0_0_60px_rgba\(0\2c 0\2c 0\2c 0\.15\)\]:hover {
    --tw-shadow: 0 0 60px rgba(0, 0, 0, .15);
    --tw-shadow-colored: 0 0 60px var(--tw-shadow-color);
    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)
}

.hover\:drop-shadow-\[-10px_30px_70px_rgba\(40\2c 38\2c 77\2c 0\.25\)\]:hover {
    --tw-drop-shadow: drop-shadow(-10px 30px 70px rgba(40, 38, 77, .25))
}

.hover\:drop-shadow-\[-10px_30px_70px_rgba\(40\2c 38\2c 77\2c 0\.25\)\]:hover,
.hover\:drop-shadow-\[0_5px_13px_rgba\(60\2c 72\2c 88\2c 0\.20\)\]:hover {
    filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)
}

.hover\:drop-shadow-\[0_5px_13px_rgba\(60\2c 72\2c 88\2c 0\.20\)\]:hover {
    --tw-drop-shadow: drop-shadow(0 5px 13px rgba(60, 72, 88, .2))
}

.my-rotate-y-180 {
    transform: "rotateY(180deg)",
}

.preserve-3d {
    transformStyle: "preserve-3d",
}

.perspective {
    perspective: "1000px",
}

.backface-hidden {
    backfaceVisibility: "hidden",
}

/* The flip card container - set the width and height to whatever you want. We have added the border property to demonstrate that the flip itself goes out of the box on hover (remove perspective if you don't want the 3D effect */
.flip-card {
    height: 350px;
    border: 1px solid #f1f1f1;
    perspective: 1000px;
    /* Remove this if you don't want the 3D effect */
}

/* This container is needed to position the front and back side */
.flip-card-inner {
    position: relative;
    width: 100%;
    height: 100%;
    text-align: center;
    transition: transform 0.8s;
    transform-style: preserve-3d;
}

/* Do an horizontal flip when you move the mouse over the flip box container */
.flip-card:hover .flip-card-inner {
    transform: rotateY(180deg);
}

/* Position the front and back side */
.flip-card-front,
.flip-card-back {
    position: absolute;
    width: 100%;
    height: 100%;
    -webkit-backface-visibility: hidden;
    /* Safari */
    backface-visibility: hidden;
}

/* Style the front side (fallback if image is missing) */
.flip-card-front {
    background-color: #bbb;
    color: black;
}

/* Style the back side */
.flip-card-back {
    background-color: dodgerblue;
    color: white;
    transform: rotateY(180deg);
}

.text-color {
    background-image: url(../images/creative/color.png);
    -webkit-background-clip: text;
    background-clip: text;
    background-position: top;
    background-repeat: no-repeat;
    color: transparent;
}

.ac.is-active .ac-trigger .trigger-icon {
    --tw-border-opacity: 1!important;
    border-color: rgb(8 17 31/var(--tw-border-opacity))!important;
    --tw-text-opacity: 1!important;
    color: rgb(8 17 31/var(--tw-text-opacity))!important
}

.dark .ac.is-active .ac-trigger .trigger-icon {
    --tw-border-opacity: 1!important;
    border-color: rgb(255 255 255/var(--tw-border-opacity))!important;
    --tw-text-opacity: 1!important;
    color: rgb(255 255 255/var(--tw-text-opacity))!important
}

.ac.is-active .ac-trigger .trigger-icon svg path:first-child {
    -webkit-animation: hide 1s ease 0s 1 normal forwards;
    animation: hide 1s ease 0s 1 normal forwards;
    transform-origin: center
}

.ac.is-active .ac-trigger .trigger-icon svg path:first-child {
    display: none
}