/*
Theme Name: Flatsome Child
Description: This is a child theme for Flatsome Theme
Author: UX Themes
Template: flatsome
Version: 3.1
*/

/*************** ADD CUSTOM CSS HERE.   ***************/
#video {
	width: 100%;
}
ul.header-nav {
	justify-content: flex-end;
}
.ux-menu-link a {
	color: #fff;
}
.ux-menu-link a:hover {
	color: rgb(252, 231, 196)!important
}
.absolute-footer {
	text-align: center;
}
.absolute-footer .footer-primary {
	float: inherit;
}
.nav > li > a {
	font-size: 16px;
	font-weight: 500!important;
}
.nav-pagination>li>.current {
	background: #204734;
	border-color: #204734;
}
.nav-pagination>li>span:hover, .nav-pagination>li>a:hover {
	background: #204734!important;
	color: #fff;
}
.nav-pagination>li>span, .nav-pagination>li>a {
	border: 1px solid #183527!important;
	line-height: 2.1em;
}
.recent-blog-posts-li a {
	color: #333;
	font-size: 15px;
	line-height: 1.4em;
}
.archive-page-header {
	margin-bottom: 30px;
}
.blog-archive {
	padding-top: 0;
}
.blog-archive .box {
	border-radius: 5px;
	overflow: hidden;
}
.is-divider {
	background-color: rgb(73 151 113)	
}
.off-canvas-left .mfp-content {
	background: #791115
}
.off-canvas-left .mfp-content a {
	color: #fff;
}
.off-canvas-left .mfp-content i {
	color: #fff;;
}
.nav-sidebar.nav-vertical>li+li {
    border-top: 1px solid #a12b2f;
}
.mfp-ready .mfp-close {
	background: #f3b11c;	
	opacity: 1
}
.header-button-2 a {
	background-image: linear-gradient(to right, #1c2f78 0%, #2751b9  51%, #0f3e8a  100%)!important;
	border: none!important;
	color: #fff!important
}
.header-button-1 a {
	background-image: linear-gradient(to right, #82c341 0%, #82c341  51%, #8ec64a  100%);
	color: #fff!important;
	border: none!important
}
.header-button-1 a {
	/* animation: tada 1.2s infinite; */
}
@keyframes tada {
    0% {
        transform: scaleX(1);
    }
    10%,
    20% {
        transform: scale3d(1, 1, 1) rotate(-3deg);
    }
    30%,
    50%,
    70%,
    90% {
        transform: scale3d(1.2, 1.2, 1.2) rotate(1deg);
    }
    40%,
    60%,
    80% {
        transform: scale3d(1.2, 1.2, 1.2) rotate(-2deg);
    }
    100% {
        transform: scaleX(1);
    }
}
.btn_animation {
	animation: tada 1.2s infinite;
}
.header, .header-wrapper {
	z-index: 8
}
.box__content_home {
	padding: 15px;
}
.single-post #wrapper,
.single-post #main {
	background: #ededed;
}
figcaption {
	text-align: center;
    background: #ededed;
    padding: 5px;
    font-style: italic;
}
figure img {
	width: 100%;
}
.header-button-3 a  {
	color: #df0e12!important ;
}
.html.custom.html_topbar_left {
	/*display: none!important;*/
}
.marquee__block {
	margin: 0!important;
}
.marquee__block .col {
	padding: 0!important;
}
.home__text_box {
	padding: 20px;
	background: #ffffff;
	border-radius: 0;
	border: 2px solid #bc1e2a42;
	position: relative;
	margin-bottom: 20px;
	height: 400px;
	overflow: hidden;
	overflow-y: auto;
}
.home__text_box:before {
border-color: #ef5b17;
    border-width: 2px;
    content: "";
    display: block;
    height: 50px;
    pointer-events: none;
    position: absolute;
    width: 50px;
    border-right-style: solid;
    border-top-style: solid;
    right: -2px;
    top: -2px;
}
.home__text_box:after {
	border-color: #ef5b17;
    border-width: 2px;
    content: "";
    display: block;
    height: 50px;
    pointer-events: none;
    position: absolute;
    width: 50px;
    border-left-style: solid;
    border-top-style: solid;
    left: -2px;
    top: -2px;
}
.section_btn_action a {
	display: block;
	width: 100%;
	margin-bottom: 0!important;
}
         
 
.primary, input[type=submit], input[type=submit].button {
	background-image: linear-gradient(to right, #153782 0%, #094492  51%, #17357f  100%);
	color: #fff!important;
}
.section_btn_action {
	padding-bottom: 0!important;
}
.section_btn_action .col {
	padding-bottom: 0!important;
}
.archive-page-header {
	padding-top: 30px;
}
.header-bg-color {
    /* background-image: linear-gradient( to right, #015e2f, #016633, #016d36, #01753a, #017d3e, #038544, #048e4a, #069650, #09a05a, #0bab65, #0db56f, #0ec07a ); */
}
.header-bottom {
	/* background: transparent!important;
	border-top: 1px dashed #4d9570; */
}
#footer .ux-menu-link__link {
	color: #fff!important
}
@media only screen and (max-width: 48em) {
	.header-button-2 a,
	.header-button-1 a {
		width: 120px;;
		padding-top: 3px;
		border-radius: 10em!important;
	}
	.header-bottom {
		min-height: 55px!important;
	}
/*************** ADD MOBILE ONLY CSS HERE  ***************/
	.html.header-button-3 a  {
		border-radius: 10px!important;
	    padding: 5px 25px;
	    font-weight: 700!important;
	    font-size: 15px;
	    color: #df0e12!important ;

	}
	.container.logo-left {
		/* padding-left: 0; */
	}
	.logo-left .logo {
		margin-right: 10px;;
	}
	#top-bar {
		display: none;
	}
	#logo {
		width: 140px!important;
	}
	.header-inner .flex-left {
		/* display: none; */
	}
	#header-contact a {
		color: #bc1e2a!important
	}
	.mobile-nav a {
		color: #fff!important;
	}
	ul.mobile-nav {
		/* flex-wrap: nowrap!important;
	    display: flex!important;
		width: auto;
	    -webkit-box-pack: end;
	    justify-content: flex-end;
		margin-left: auto; */
	}
	.header-button-1 a {
		margin-right: 15px!important;
	}
	ul.mobile-nav li {
		white-space: nowrap;
	}
	ul.mobile-nav li a {
		display: block;
	}
	ul.mobile-nav li a i {
		/* display: none; */
	}
	.header-contact-wrapper a i {
		/* display: block!important; */
	}
	#header-contact,
	#header-contact a i {
		display: inline-block!important;
	}
	.header-bottom.wide-nav .flex-col {
		max-width: 100%;
	    flex-wrap: nowrap;
	      overflow-x: scroll;
	    display: flex;
	    width: 100%;
	    position: relative;
	    align-items: center;
	    overflow-y: hidden;
	}
	.header-bottom.wide-nav .container{
		padding: 0!important
	}
	.current-menu-item.active a{
		color: gold!important;
	}
	.nav > li > a {
		font-size: 15px;
	}
	.game__box .col {
		padding: 10px 5px;
		padding-bottom: 0!important
	}
	.game__box .col h4 {
		font-size: 16px;
		text-transform: uppercase;
		color: #204734!important;
	}
	#video {
		height: 230px;
		width: 100%;
	}
	.home_box_container {
		margin-top: 15px!important;
	}
	.home_box_container>.col {
		padding: 0;
	}
	.head__label_video {
		font-size: 18px!important;
		font-weight: bold;
	}
	.marquee__block {
		margin: 0!important;
	}
	.marquee__block .col {
		padding: 0!important;
	}
	.single-post .entry-header .entry-header-text {
		padding: 0;
	}
	.single-post .rank-math-breadcrumb {
		display: none;
	}
	.entry-content {
		padding-top: 0!important
	}
	aside {
		padding-top: 15px;
	}
	.header-button a {
		color: #fff!important;
	}
	.alert {
    	background-image: linear-gradient(to right, #ef5b17 0%, #f56e30  51%, #d74908  100%);
		color: #fff!important
	}
	
	 
}

.block_livestream {
	position: relative;
}
.livestream_loading {
	height: 520px;
}
#livestream_content {
	display: none;
	height: 520px;
}
.header-nav {
	justify-content: space-evenly!important;
}
.login-btn,
.register-btn {
	
}
.register-btn {
	background: #ba164e!important;
}
.dot-pulse {
	right: 0;
	top: -10px;
	background: #FFEB3B !important
}
.chanel-group-btn .dot-pulse {
	top: -4px;
	background: #bb0140 !important;
	display: none;;
}
.chanel-group-btn .btn--active {
	background: #ba164e;
    border-color: #d8183f;
}
.btn--active .dot-pulse {
	display: block;;
}
.container {
	padding-right: 2rem!important;
	padding-left: 2rem!important
}
@media only screen and (max-width: 48em) {
/*************** ADD MOBILE ONLY CSS HERE  ***************/
	.header-main .flex-left {
		display: none;;
	}
	.block-home-1 {
		width: 100%;
		padding: 0!important
	}
	.block-home-1 h1 span {
		font-size: 19px;
		line-height: 25px;;
	}
	#livestream_content, .livestream_loading {
		height: auto!important;
		padding: 0;
        background: none;
        box-shadow: none;
	}
	.wrapper {
		height: 300px!important;
	}
	.wrapper-cell {
		margin-bottom: 10px;;
	}
	
	.register-btn svg,
	.register-btn br {
		display: none;
	}
	.home-head-block {
		padding-top: 20px;
	}
	.home-h1 span {
		font-size: 19px!important;
		line-height: 25px!important;
	}
	.block-show-link {
        justify-content: center;
        padding: 5px 10px;
        border: 1px solid #ffffff0d;
        border-radius: 50px;
        background: #101627c9;
        margin-top: 10px;
        width: 95%;
        margin: 0 auto;
        margin-top: 10px;
	}
	.col-livestream {
		padding: 0;
	}
}
/* custom */
.animate-spin-slow {
    animation: 4s linear infinite spin
}

.animate-spin-slower {
    animation: 6s linear infinite spin
}

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

.animate-spin-reverse-slower {
    animation: 6s linear infinite spin-reverse
}

@keyframes spin-reverse {
    to {
        transform: rotate(-1turn)
    }
}

.sr-only {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip: rect(0,0,0,0);
    white-space: nowrap;
    border-width: 0
}

.collapse {
    visibility: collapse
}

.static {
    position: static
}

.fixed {
    position: fixed
}

.absolute {
    position: absolute
}

.relative {
    position: relative
}

.inset-0 {
    inset: 0px
}

.-bottom-0 {
    bottom: 0
}

.-end-20 {
    inset-inline-end: -5rem
}

.-end-52 {
    inset-inline-end: -13rem
}

.-start-20 {
    inset-inline-start: -5rem
}

.-start-52 {
    inset-inline-start: -13rem
}

.bottom-0 {
    bottom: 0
}

.bottom-10 {
    bottom: 2.5rem
}

.bottom-20 {
    bottom: 5rem
}

.bottom-40 {
    bottom: 10rem
}

.bottom-5 {
    bottom: 1.25rem
}

.bottom-96 {
    bottom: 24rem
}

.end-0 {
    inset-inline-end: 0px
}

.end-10 {
    inset-inline-end: 2.5rem
}

.end-32 {
    inset-inline-end: 8rem
}

.end-36 {
    inset-inline-end: 9rem
}

.end-5 {
    inset-inline-end: 1.25rem
}

.end-60 {
    inset-inline-end: 15rem
}

.end-80 {
    inset-inline-end: 20rem
}

.end-\[10\%\] {
    inset-inline-end: 10%
}

.end-\[20\%\] {
    inset-inline-end: 20%
}

.end-\[6px\] {
    inset-inline-end: 6px
}

.end-\[8px\] {
    inset-inline-end: 8px
}

.left-0 {
    left: 0
}

.left-1\/2 {
    left: 50%
}

.start-0 {
    inset-inline-start: 0px
}

.start-10 {
    inset-inline-start: 2.5rem
}

.start-32 {
    inset-inline-start: 8rem
}

.start-80 {
    inset-inline-start: 20rem
}

.start-\[10\%\] {
    inset-inline-start: 10%
}

.start-\[20\%\] {
    inset-inline-start: 20%
}

.top-0 {
    top: 0
}

.top-1\/2 {
    top: 50%
}

.top-1\/4 {
    top: 25%
}

.top-10 {
    top: 2.5rem
}

.top-2\/3 {
    top: 66.666667%
}

.top-20 {
    top: 5rem
}

.top-4 {
    top: 1rem
}

.top-64 {
    top: 16rem
}

.top-\[6px\] {
    top: 6px
}

.top-\[8px\] {
    top: 8px
}

.top-auto {
    top: auto
}

.-z-10 {
    z-index: -10
}

.z-0 {
    z-index: 0
}

.z-10 {
    z-index: 10
}

.z-50 {
    z-index: 50
}

.z-\[60\] {
    z-index: 60
}

.col-span-2 {
    grid-column: span 2/span 2
}

.m-2 {
    margin: .5rem
}

.m-3 {
    margin: .75rem
}

.m-auto {
    margin: auto
}

.mx-1 {
    margin-left: .25rem;
    margin-right: .25rem
}

.mx-10 {
    margin-left: 2.5rem;
    margin-right: 2.5rem
}

.mx-auto {
    margin-left: auto;
    margin-right: auto
}

.my-4 {
    margin-top: 1rem;
    margin-bottom: 1rem
}

.my-5 {
    margin-top: 1.25rem;
    margin-bottom: 1.25rem
}

.my-8 {
    margin-top: 2rem;
    margin-bottom: 2rem
}

.my-auto {
    margin-top: auto;
    margin-bottom: auto
}

.-mb-3 {
    margin-bottom: -.75rem
}

.-mb-px {
    margin-bottom: -1px
}

.-me-2 {
    -webkit-margin-end: -.5rem;
    margin-inline-end:-.5rem}

.mb-1 {
    margin-bottom: .25rem
}

.mb-10 {
    margin-bottom: 2.5rem
}

.mb-14 {
    margin-bottom: 3.5rem
}

.mb-2 {
    margin-bottom: .5rem
}

.mb-2\.5 {
    margin-bottom: .625rem
}

.mb-3 {
    margin-bottom: .75rem
}

.mb-4 {
    margin-bottom: 1rem
}

.mb-5 {
    margin-bottom: 1.25rem
}

.mb-6 {
    margin-bottom: 1.5rem
}

.mb-8 {
    margin-bottom: 2rem
}

.me-1 {
    -webkit-margin-end: .25rem;
    margin-inline-end:.25rem}

.me-2 {
    -webkit-margin-end: .5rem;
    margin-inline-end:.5rem}

.me-3 {
    -webkit-margin-end: .75rem;
    margin-inline-end:.75rem}

.ms-1 {
    -webkit-margin-start: 0.25rem;
    margin-inline-start:.25rem}

.ms-2 {
    -webkit-margin-start: 0.5rem;
    margin-inline-start:.5rem}

.ms-3 {
    -webkit-margin-start: 0.75rem;
    margin-inline-start:.75rem}

.ms-auto {
    -webkit-margin-start: auto;
    margin-inline-start:auto}

.mt-0 {
    margin-top: 0
}

.mt-1 {
    margin-top: .25rem
}

.mt-10 {
    margin-top: 2.5rem
}

.mt-12 {
    margin-top: 3rem
}

.mt-14 {
    margin-top: 3.5rem
}

.mt-2 {
    margin-top: .5rem
}

.mt-3 {
    margin-top: .75rem
}

.mt-4 {
    margin-top: 1rem
}

.mt-5 {
    margin-top: 1.25rem
}

.mt-6 {
    margin-top: 1.5rem
}

.mt-7 {
    margin-top: 1.75rem
}

.mt-8 {
    margin-top: 2rem
}

.mt-auto {
    margin-top: auto
}

.block {
    display: block
}

.inline-block {
    display: inline-block
}

.inline {
    display: inline
}

.flex {
    display: flex
}

.inline-flex {
    display: inline-flex
}

.table {
    display: table
}

.grid {
    display: grid
}

.hidden {
    display: none
}

.h-1 {
    height: .25rem
}

.h-10 {
    height: 2.5rem
}

.h-11 {
    height: 2.75rem
}

.h-12 {
    height: 3rem
}

.h-14 {
    height: 3.5rem
}

.h-16 {
    height: 4rem
}

.h-2 {
    height: .5rem
}

.h-20 {
    height: 5rem
}

.h-24 {
    height: 6rem
}

.h-28 {
    height: 7rem
}

.h-3 {
    height: .75rem
}

.h-4 {
    height: 1rem
}

.h-40 {
    height: 10rem
}

.h-44 {
    height: 11rem
}

.h-5 {
    height: 1.25rem
}

.h-6 {
    height: 1.5rem
}

.h-60 {
    height: 15rem
}

.h-8 {
    height: 2rem
}

.h-9 {
    height: 2.25rem
}

.h-\[1026px\] {
    height: 1026px
}

.h-\[300px\] {
    height: 300px
}

.h-\[500px\] {
    height: 500px
}

.h-\[595px\] {
    height: 595px
}

.h-full {
    height: 100%
}

.h-px {
    height: 1px
}

.min-h-\[calc\(100\%-3\.5rem\)\] {
    min-height: calc(100% - 3.5rem)
}

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

.w-1 {
    width: .25rem
}

.w-1\/2 {
    width: 50%
}

.w-10 {
    width: 2.5rem
}

.w-11 {
    width: 2.75rem
}

.w-12 {
    width: 3rem
}

.w-14 {
    width: 3.5rem
}

.w-16 {
    width: 4rem
}

.w-2 {
    width: .5rem
}

.w-2\/3 {
    width: 66.666667%
}

.w-24 {
    width: 6rem
}

.w-28 {
    width: 7rem
}

.w-3 {
    width: .75rem
}

.w-3\/4 {
    width: 75%
}

.w-36 {
    width: 9rem
}

.w-4 {
    width: 1rem
}

.w-40 {
    width: 10rem
}

.w-44 {
    width: 11rem
}

.w-5 {
    width: 1.25rem
}

.w-6 {
    width: 1.5rem
}

.w-60 {
    width: 15rem
}

.w-7\/12 {
    width: 58.333333%
}

.w-8 {
    width: 2rem
}

.w-9 {
    width: 2.25rem
}

.w-\[1026px\] {
    width: 1026px
}

.w-\[300px\] {
    width: 300px
}

.w-\[500px\] {
    width: 500px
}

.w-auto {
    width: auto
}

.w-full {
    width: 100%
}

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

.max-w-2xl {
    max-width: 42rem
}

.max-w-3xl {
    max-width: 48rem
}

.max-w-4xl {
    max-width: 56rem
}

.max-w-5xl {
    max-width: 64rem
}

.max-w-full {
    max-width: 100%
}

.max-w-lg {
    max-width: 32rem
}

.max-w-md {
    max-width: 28rem
}

.max-w-sm {
    max-width: 24rem
}

.max-w-xl {
    max-width: 36rem
}

.max-w-xs {
    max-width: 20rem
}

.flex-1 {
    flex: 1 1 0%
}

.flex-shrink {
    flex-shrink: 1
}

.flex-shrink-0 {
    flex-shrink: 0
}

.flex-grow,.grow {
    flex-grow: 1
}

.basis-full {
    flex-basis: 100%
}

.-translate-x-1\/3 {
    --tw-translate-x: -33.333333%;
    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))
}

.-translate-y-1\/2 {
    --tw-translate-y: -50%;
    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))
}

.translate-x-1 {
    --tw-translate-x: 0.25rem;
    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))
}

.scale-0 {
    --tw-scale-x: 0;
    --tw-scale-y: 0;
    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))
}

.-scale-x-100 {
    --tw-scale-x: -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))
}

.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))
}

@keyframes spin {
    to {
        transform: rotate(360deg)
    }
}

.animate-\[spin_10s_linear_infinite\] {
    animation: 10s linear infinite spin
}

@keyframes ping {
    100%,75% {
        transform: scale(2);
        opacity: 0
    }
}

.animate-ping {
    animation: 1s cubic-bezier(0,0,.2,1) infinite ping
}

.cursor-pointer {
    cursor: pointer
}

.resize {
    resize: both
}

.grid-cols-1 {
    grid-template-columns: repeat(1,minmax(0,1fr))
}

.grid-cols-2 {
    grid-template-columns: repeat(2,minmax(0,1fr))
}

.grid-cols-3 {
    grid-template-columns: repeat(3,minmax(0,1fr))
}

.flex-col {
    flex-direction: column
}

.flex-wrap {
    flex-wrap: wrap
}

.items-start {
    align-items: flex-start
}

.items-end {
    align-items: flex-end
}

.items-center {
    align-items: center
}

.justify-end {
    justify-content: flex-end
}

.justify-center {
    justify-content: center
}

.justify-between {
    justify-content: space-between
}

.justify-around {
    justify-content: space-around
}

.justify-evenly {
    justify-content: space-evenly
}

.gap-1 {
    gap: .25rem
}

.gap-1\.5 {
    gap: .375rem
}

.gap-10 {
    gap: 2.5rem
}

.gap-12 {
    gap: 3rem
}

.gap-14 {
    gap: 3.5rem
}

.gap-2 {
    gap: .5rem
}

.gap-2\.5 {
    gap: .625rem
}

.gap-3 {
    gap: .75rem
}

.gap-4 {
    gap: 1rem
}

.gap-5 {
    gap: 1.25rem
}

.gap-6 {
    gap: 1.5rem
}

.gap-8 {
    gap: 2rem
}

.gap-\[30px\] {
    gap: 30px
}

.gap-px {
    gap: 1px
}

.gap-x-3 {
    -moz-column-gap: 0.75rem;
    column-gap: .75rem
}

.gap-x-4 {
    -moz-column-gap: 1rem;
    column-gap: 1rem
}

.gap-y-1 {
    row-gap: .25rem
}

.gap-y-8 {
    row-gap: 2rem
}

.-space-x-2>:not([hidden])~:not([hidden]) {
    --tw-space-x-reverse: 0;
    margin-right: calc(-.5rem * var(--tw-space-x-reverse));
    margin-left: calc(-.5rem * calc(1 - var(--tw-space-x-reverse)))
}

.space-x-3>:not([hidden])~:not([hidden]) {
    --tw-space-x-reverse: 0;
    margin-right: calc(.75rem * var(--tw-space-x-reverse));
    margin-left: calc(.75rem * calc(1 - var(--tw-space-x-reverse)))
}

.space-y-2>:not([hidden])~:not([hidden]) {
    --tw-space-y-reverse: 0;
    margin-top: calc(.5rem * calc(1 - var(--tw-space-y-reverse)));
    margin-bottom: calc(.5rem * var(--tw-space-y-reverse))
}

.space-y-2\.5>:not([hidden])~:not([hidden]) {
    --tw-space-y-reverse: 0;
    margin-top: calc(.625rem * calc(1 - var(--tw-space-y-reverse)));
    margin-bottom: calc(.625rem * var(--tw-space-y-reverse))
}

.space-y-4>:not([hidden])~:not([hidden]) {
    --tw-space-y-reverse: 0;
    margin-top: calc(1rem * calc(1 - var(--tw-space-y-reverse)));
    margin-bottom: calc(1rem * var(--tw-space-y-reverse))
}

.space-y-6>:not([hidden])~:not([hidden]) {
    --tw-space-y-reverse: 0;
    margin-top: calc(1.5rem * calc(1 - var(--tw-space-y-reverse)));
    margin-bottom: calc(1.5rem * var(--tw-space-y-reverse))
}

.overflow-hidden {
    overflow: hidden
}

.overflow-y-auto {
    overflow-y: auto
}

.overflow-x-hidden {
    overflow-x: hidden
}

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

.whitespace-nowrap {
    white-space: nowrap
}

.rounded {
    border-radius: .25rem
}

.rounded-2xl {
    border-radius: 1rem
}

.rounded-3xl {
    border-radius: 1.5rem
}

.rounded-full {
    border-radius: 9999px
}

.rounded-lg {
    border-radius: .5rem
}

.rounded-md {
    border-radius: .375rem
}

.rounded-xl {
    border-radius: .75rem
}

.rounded-br-none {
    border-bottom-right-radius: 0
}

.rounded-tl-none {
    border-top-left-radius: 0
}

.border {
    border-width: 1px
}

.border-0 {
    border-width: 0
}

.border-x-2 {
    border-left-width: 2px;
    border-right-width: 2px
}

.border-b {
    border-bottom-width: 1px
}

.border-s-2 {
    border-inline-start-width:2px}

.border-t {
    border-top-width: 1px
}

.border-dashed {
    border-style: dashed
}

.border-black {
    --tw-border-opacity: 1;
    border-color: rgb(0 0 0 / var(--tw-border-opacity))
}

.border-default-200 {
    --tw-border-opacity: 1;
    border-color: rgb(226 232 240 / var(--tw-border-opacity))
}

.border-primary {
    --tw-border-opacity: 1;
    border-color: rgb(124 58 237 / var(--tw-border-opacity))
}

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

.border-white\/10 {
    border-color: rgb(255 255 255 / .1)
}

.border-white\/20 {
    border-color: rgb(255 255 255 / .2)
}

.border-x-primary {
    --tw-border-opacity: 1;
    border-left-color: rgb(124 58 237 / var(--tw-border-opacity));
    border-right-color: rgb(124 58 237 / var(--tw-border-opacity))
}

.bg-black\/60 {
    background-color: rgb(0 0 0 / .6)
}

.bg-default-100\/5 {
    background-color: rgb(241 245 249 / .05)
}

.bg-default-500\/20 {
    background-color: rgb(100 116 139 / .2)
}

.bg-default-700 {
    --tw-bg-opacity: 1;
    background-color: rgb(51 65 85 / var(--tw-bg-opacity))
}

.bg-default-900 {
    --tw-bg-opacity: 1;
    background-color: rgb(15 23 42 / var(--tw-bg-opacity))
}

.bg-default-900\/50 {
    background-color: rgb(15 23 42 / .5)
}

.bg-default-950 {
    --tw-bg-opacity: 1;
    background-color: rgb(2 6 23 / var(--tw-bg-opacity))
}

.bg-default-950\/20 {
    background-color: rgb(2 6 23 / .2)
}

.bg-default-950\/40 {
    background-color: rgb(2 6 23 / .4)
}

.bg-default-950\/50 {
    background-color: rgb(2 6 23 / .5)
}

.bg-default-950\/60 {
    background-color: rgb(2 6 23 / .6)
}

.bg-default-950\/70 {
    background-color: rgb(2 6 23 / .7)
}

.bg-gray-900 {
    --tw-bg-opacity: 1;
    background-color: rgb(17 24 39 / var(--tw-bg-opacity))
}

.bg-indigo-500\/20 {
    background-color: rgb(99 102 241 / .2)
}

.bg-pink-500\/20 {
    background-color: rgb(236 72 153 / .2)
}

.bg-primary {
    --tw-bg-opacity: 1;
    background-color: rgb(124 58 237 / var(--tw-bg-opacity))
}

.bg-primary\/10 {
    background-color: rgb(124 58 237 / .1)
}

.bg-primary\/20 {
    background-color: rgb(124 58 237 / .2)
}

.bg-primary\/40 {
    background-color: rgb(124 58 237 / .4)
}

.bg-primary\/80 {
    background-color: rgb(124 58 237 / .8)
}

.bg-red-500\/20 {
    background-color: rgb(239 68 68 / .2)
}

.bg-sky-500\/20 {
    background-color: rgb(14 165 233 / .2)
}

.bg-slate-600\/50 {
    background-color: rgb(71 85 105 / .5)
}

.bg-slate-900 {
    --tw-bg-opacity: 1;
    background-color: rgb(15 23 42 / var(--tw-bg-opacity))
}

.bg-slate-950\/40 {
    background-color: rgb(2 6 23 / .4)
}

.bg-teal-500\/20 {
    background-color: rgb(20 184 166 / .2)
}

.bg-transparent {
    background-color: transparent
}

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

.bg-white\/10 {
    background-color: rgb(255 255 255 / .1)
}

.bg-white\/20 {
    background-color: rgb(255 255 255 / .2)
}

.bg-white\/30 {
    background-color: rgb(255 255 255 / .3)
}

.bg-yellow-500\/20 {
    background-color: rgb(234 179 8 / .2)
}

.bg-opacity-50 {
    --tw-bg-opacity: 0.5
}

.bg-gradient-to-l {
    background-image: linear-gradient(to left,var(--tw-gradient-stops))
}

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

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

.from-red-600 {
    --tw-gradient-from: #dc2626 var(--tw-gradient-from-position);
    --tw-gradient-to: rgb(220 38 38 / 0) var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-from),var(--tw-gradient-to)
}

.from-red-600\/30 {
    --tw-gradient-from: rgb(220 38 38 / 0.3) var(--tw-gradient-from-position);
    --tw-gradient-to: rgb(220 38 38 / 0) var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-from),var(--tw-gradient-to)
}

.from-red-600\/40 {
    --tw-gradient-from: rgb(220 38 38 / 0.4) var(--tw-gradient-from-position);
    --tw-gradient-to: rgb(220 38 38 / 0) var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-from),var(--tw-gradient-to)
}

.from-red-800\/40 {
    --tw-gradient-from: rgb(153 27 27 / 0.4) var(--tw-gradient-from-position);
    --tw-gradient-to: rgb(153 27 27 / 0) var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-from),var(--tw-gradient-to)
}

.from-rose-500 {
    --tw-gradient-from: #f43f5e var(--tw-gradient-from-position);
    --tw-gradient-to: rgb(244 63 94 / 0) var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-from),var(--tw-gradient-to)
}

.to-blue-600 {
    --tw-gradient-to: #2563eb var(--tw-gradient-to-position)
}

.to-pink-600\/30 {
    --tw-gradient-to: rgb(219 39 119 / 0.3) var(--tw-gradient-to-position)
}

.to-pink-600\/40 {
    --tw-gradient-to: rgb(219 39 119 / 0.4) var(--tw-gradient-to-position)
}

.to-primary {
    --tw-gradient-to: #7c3aed var(--tw-gradient-to-position)
}

.to-violet-800\/40 {
    --tw-gradient-to: rgb(91 33 182 / 0.4) var(--tw-gradient-to-position)
}

.bg-cover {
    background-size: cover
}

.bg-clip-text {
    -webkit-background-clip: text;
    background-clip: text
}

.bg-no-repeat {
    background-repeat: no-repeat
}

.fill-orange-500\/20 {
    fill: rgb(249 115 22 / 0.2)
}

.fill-primary {
    fill: #7c3aed
}

.fill-primary\/10 {
    fill: rgb(124 58 237 / 0.1)
}

.fill-primary\/20 {
    fill: rgb(124 58 237 / 0.2)
}

.fill-red-500 {
    fill: #ef4444
}

.fill-white {
    fill: #fff
}

.stroke-default-300\/70 {
    stroke: rgb(203 213 225 / 0.7)
}

.stroke-white {
    stroke: #fff
}

.stroke-white\/10 {
    stroke: rgb(255 255 255 / 0.1)
}

.stroke-yellow-300 {
    stroke: #fde047
}

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

.object-top {
    -o-object-position: top;
    object-position: top
}

.p-1 {
    padding: .25rem
}

.p-1\.5 {
    padding: .375rem
}

.p-10 {
    padding: 2.5rem
}

.p-2 {
    padding: .5rem
}

.p-3 {
    padding: .75rem
}

.p-4 {
    padding: 1rem
}

.p-5 {
    padding: 1.25rem
}

.p-6 {
    padding: 1.5rem
}

.p-8 {
    padding: 2rem
}

.px-0 {
    padding-left: 0;
    padding-right: 0
}

.px-1 {
    padding-left: .25rem;
    padding-right: .25rem
}

.px-10 {
    padding-left: 2.5rem;
    padding-right: 2.5rem
}

.px-2 {
    padding-left: .5rem;
    padding-right: .5rem
}

.px-2\.5 {
    padding-left: .625rem;
    padding-right: .625rem
}

.px-3 {
    padding-left: .75rem;
    padding-right: .75rem
}

.px-4 {
    padding-left: 1rem;
    padding-right: 1rem
}

.px-5 {
    padding-left: 1.25rem;
    padding-right: 1.25rem
}

.px-6 {
    padding-left: 1.5rem;
    padding-right: 1.5rem
}

.px-8 {
    padding-left: 2rem;
    padding-right: 2rem
}

.py-1 {
    padding-top: .25rem;
    padding-bottom: .25rem
}

.py-1\.5 {
    padding-top: .375rem;
    padding-bottom: .375rem
}

.py-14 {
    padding-top: 3.5rem;
    padding-bottom: 3.5rem
}

.py-2 {
    padding-top: .5rem;
    padding-bottom: .5rem
}

.py-2\.5 {
    padding-top: .625rem;
    padding-bottom: .625rem
}

.py-20 {
    padding-top: 5rem;
    padding-bottom: 5rem
}

.py-24 {
    padding-top: 6rem;
    padding-bottom: 6rem
}

.py-3 {
    padding-top: .75rem;
    padding-bottom: .75rem
}

.py-3\.5 {
    padding-top: .875rem;
    padding-bottom: .875rem
}

.py-36 {
    padding-top: 9rem;
    padding-bottom: 9rem
}

.py-4 {
    padding-top: 1rem;
    padding-bottom: 1rem
}

.py-5 {
    padding-top: 1.25rem;
    padding-bottom: 1.25rem
}

.py-6 {
    padding-top: 1.5rem;
    padding-bottom: 1.5rem
}

.py-8 {
    padding-top: 2rem;
    padding-bottom: 2rem
}

.py-\[74px\] {
    padding-top: 74px;
    padding-bottom: 74px
}

.pb-1 {
    padding-bottom: .25rem
}

.pb-10 {
    padding-bottom: 2.5rem
}

.pb-12 {
    padding-bottom: 3rem
}

.pb-14 {
    padding-bottom: 3.5rem
}

.pb-20 {
    padding-bottom: 5rem
}

.pb-24 {
    padding-bottom: 6rem
}

.pb-4 {
    padding-bottom: 1rem
}

.pb-5 {
    padding-bottom: 1.25rem
}

.pb-6 {
    padding-bottom: 1.5rem
}

.pe-2 {
    -webkit-padding-end: 0.5rem;
    padding-inline-end:0.5rem}

.pe-32 {
    -webkit-padding-end: 8rem;
    padding-inline-end:8rem}

.pe-4 {
    -webkit-padding-end: 1rem;
    padding-inline-end:1rem}

.pe-40 {
    -webkit-padding-end: 10rem;
    padding-inline-end:10rem}

.ps-4 {
    -webkit-padding-start: 1rem;
    padding-inline-start:1rem}

.ps-5 {
    -webkit-padding-start: 1.25rem;
    padding-inline-start:1.25rem}

.ps-7 {
    -webkit-padding-start: 1.75rem;
    padding-inline-start:1.75rem}

.pt-0 {
    padding-top: 0
}

.pt-10 {
    padding-top: 2.5rem
}

.pt-20 {
    padding-top: 5rem
}

.pt-3 {
    padding-top: .75rem
}

.pt-4 {
    padding-top: 1rem
}

.pt-40 {
    padding-top: 10rem
}

.pt-5 {
    padding-top: 1.25rem
}

.pt-7 {
    padding-top: 1.75rem
}

.pt-8 {
    padding-top: 2rem
}

.pt-\[72px\] {
    padding-top: 72px
}

.pt-\[74px\] {
    padding-top: 74px
}

.text-left {
    text-align: left
}

.text-center {
    text-align: center
}

.text-start {
    text-align: start
}

.text-end {
    text-align: end
}

.align-middle {
    vertical-align: middle
}

.text-2xl {
    font-size: 1.5rem;
    line-height: 2rem
}

.text-3xl {
    font-size: 1.875rem;
    line-height: 2.25rem
}

.text-3xl\/snug {
    font-size: 1.875rem;
    line-height: 1.375
}

.text-4xl {
    font-size: 2.25rem;
    line-height: 2.5rem
}

.text-4xl\/snug {
    font-size: 2.25rem;
    line-height: 1.375
}

.text-4xl\/tight {
    font-size: 2.25rem;
    line-height: 1.25
}

.text-5xl {
    font-size: 3rem;
    line-height: 1
}

.text-5xl\/tight {
    font-size: 3rem;
    line-height: 1.25
}

.text-base {
    font-size: 1rem;
    line-height: 1.5rem
}

.text-base\/normal {
    font-size: 1rem;
    line-height: 1.5
}

.text-lg {
    font-size: 1.125rem;
    line-height: 1.75rem
}

.text-sm {
    font-size: .875rem;
    line-height: 1.25rem
}

.text-xl {
    font-size: 1.25rem;
    line-height: 1.75rem
}

.text-xs {
    font-size: .75rem;
    line-height: 1rem
}

.font-bold {
    font-weight: 700
}

.font-medium {
    font-weight: 500
}

.font-normal {
    font-weight: 400
}

.font-semibold {
    font-weight: 600
}

.uppercase {
    text-transform: uppercase
}

.capitalize {
    text-transform: capitalize
}

.leading-6 {
    line-height: 1.5rem
}

.leading-\[0\] {
    line-height: 0
}

.leading-none {
    line-height: 1
}

.tracking-tight {
    letter-spacing: -.025em
}

.tracking-wide {
    letter-spacing: .025em
}

.tracking-wider {
    letter-spacing: .05em
}

.text-default-100 {
    --tw-text-opacity: 1;
    color: rgb(241 245 249 / var(--tw-text-opacity))
}

.text-default-100\/60 {
    color: rgb(241 245 249 / .6)
}

.text-default-200 {
    --tw-text-opacity: 1;
    color: rgb(226 232 240 / var(--tw-text-opacity))
}

.text-default-300 {
    --tw-text-opacity: 1;
    color: rgb(203 213 225 / var(--tw-text-opacity))
}

.text-default-400 {
    --tw-text-opacity: 1;
    color: rgb(148 163 184 / var(--tw-text-opacity))
}

.text-default-50 {
    --tw-text-opacity: 1;
    color: rgb(248 250 252 / var(--tw-text-opacity))
}

.text-default-500 {
    --tw-text-opacity: 1;
    color: rgb(100 116 139 / var(--tw-text-opacity))
}

.text-default-700 {
    --tw-text-opacity: 1;
    color: rgb(51 65 85 / var(--tw-text-opacity))
}

.text-default-950 {
    --tw-text-opacity: 1;
    color: rgb(2 6 23 / var(--tw-text-opacity))
}

.text-gray-400 {
    --tw-text-opacity: 1;
    color: rgb(156 163 175 / var(--tw-text-opacity))
}

.text-indigo-500 {
    --tw-text-opacity: 1;
    color: rgb(99 102 241 / var(--tw-text-opacity))
}

.text-pink-500 {
    --tw-text-opacity: 1;
    color: rgb(236 72 153 / var(--tw-text-opacity))
}

.text-primary {
    --tw-text-opacity: 1;
    color: rgb(124 58 237 / var(--tw-text-opacity))
}

.text-red-500 {
    --tw-text-opacity: 1;
    color: rgb(239 68 68 / var(--tw-text-opacity))
}

.text-red-600 {
    --tw-text-opacity: 1;
    color: rgb(220 38 38 / var(--tw-text-opacity))
}

.text-sky-500 {
    --tw-text-opacity: 1;
    color: rgb(14 165 233 / var(--tw-text-opacity))
}

.text-slate-300 {
    --tw-text-opacity: 1;
    color: rgb(203 213 225 / var(--tw-text-opacity))
}

.text-slate-950 {
    --tw-text-opacity: 1;
    color: rgb(2 6 23 / var(--tw-text-opacity))
}

.text-teal-500 {
    --tw-text-opacity: 1;
    color: rgb(20 184 166 / var(--tw-text-opacity))
}

.text-transparent {
    color: transparent
}

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

.text-white\/80 {
    color: rgb(255 255 255 / .8)
}

.text-yellow-500 {
    --tw-text-opacity: 1;
    color: rgb(234 179 8 / var(--tw-text-opacity))
}

.underline {
    text-decoration-line: underline
}

.opacity-0 {
    opacity: 0
}

.opacity-100 {
    opacity: 1
}

.shadow {
    --tw-shadow: 0 1px 3px 0 rgb(0 0 0 / 0.1),0 1px 2px -1px rgb(0 0 0 / 0.1);
    --tw-shadow-colored: 0 1px 3px 0 var(--tw-shadow-color),0 1px 2px -1px var(--tw-shadow-color);
    box-shadow: var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)
}

.shadow-sm {
    --tw-shadow: 0 1px 2px 0 rgb(0 0 0 / 0.05);
    --tw-shadow-colored: 0 1px 2px 0 var(--tw-shadow-color);
    box-shadow: var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)
}

.shadow-xl {
    --tw-shadow: 0 20px 25px -5px rgb(0 0 0 / 0.1),0 8px 10px -6px rgb(0 0 0 / 0.1);
    --tw-shadow-colored: 0 20px 25px -5px var(--tw-shadow-color),0 8px 10px -6px var(--tw-shadow-color);
    box-shadow: var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)
}

.ring-2 {
    --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
    --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);
    box-shadow: var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow,0 0 #0000)
}

.ring-4 {
    --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
    --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(4px + var(--tw-ring-offset-width)) var(--tw-ring-color);
    box-shadow: var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow,0 0 #0000)
}

.ring-default-950 {
    --tw-ring-opacity: 1;
    --tw-ring-color: rgb(2 6 23 / var(--tw-ring-opacity))
}

.ring-primary\/25 {
    --tw-ring-color: rgb(124 58 237 / 0.25)
}

.blur {
    --tw-blur: blur(8px);
    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)
}

.blur-\[200px\] {
    --tw-blur: blur(200px);
    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)
}

.filter {
    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)
}

.backdrop-blur-2xl {
    --tw-backdrop-blur: blur(40px);
    -webkit-backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);
    backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia)
}

.backdrop-blur-3xl {
    --tw-backdrop-blur: blur(64px);
    -webkit-backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);
    backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia)
}

.backdrop-blur-lg {
    --tw-backdrop-blur: blur(16px);
    -webkit-backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);
    backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia)
}

.backdrop-blur-md {
    --tw-backdrop-blur: blur(12px);
    -webkit-backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);
    backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia)
}

.backdrop-blur-sm {
    --tw-backdrop-blur: blur(4px);
    -webkit-backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);
    backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia)
}

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

.transition-\[height\] {
    transition-property: height;
    transition-timing-function: cubic-bezier(0.4,0,0.2,1);
    transition-duration: 150ms
}

.transition-all {
    transition-property: all;
    transition-timing-function: cubic-bezier(0.4,0,0.2,1);
    transition-duration: 150ms
}

.transition-colors {
    transition-property: color,background-color,border-color,text-decoration-color,fill,stroke;
    transition-timing-function: cubic-bezier(0.4,0,0.2,1);
    transition-duration: 150ms
}

.delay-\[31s\] {
    transition-delay: 31s
}

.duration-1000 {
    transition-duration: 1s
}

.duration-300 {
    transition-duration: .3s
}

.duration-500 {
    transition-duration: .5s
}

.duration-700 {
    transition-duration: .7s
}

.ease-in-out {
    transition-timing-function: cubic-bezier(0.4,0,0.2,1)
}

.\[mask-image\:linear-gradient\(to_bottom\2c white_20\%\2c transparent_75\%\)\] {
    -webkit-mask-image: linear-gradient(to bottom,white 20%,transparent 75%);
    mask-image: linear-gradient(to bottom,white 20%,transparent 75%)
}

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

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

.after\:absolute::after {
    content: var(--tw-content);
    position: absolute
}

.after\:left-\[2px\]::after {
    content: var(--tw-content);
    left: 2px
}

.after\:top-1\/2::after {
    content: var(--tw-content);
    top: 50%
}

.after\:h-5::after {
    content: var(--tw-content);
    height: 1.25rem
}

.after\:w-5::after {
    content: var(--tw-content);
    width: 1.25rem
}

.after\:-translate-y-1\/2::after {
    content: var(--tw-content);
    --tw-translate-y: -50%;
    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))
}

.after\:rounded-full::after {
    content: var(--tw-content);
    border-radius: 9999px
}

.after\:border::after {
    content: var(--tw-content);
    border-width: 1px
}

.after\:border-default-950::after {
    content: var(--tw-content);
    --tw-border-opacity: 1;
    border-color: rgb(2 6 23 / var(--tw-border-opacity))
}

.after\:bg-primary::after {
    content: var(--tw-content);
    --tw-bg-opacity: 1;
    background-color: rgb(124 58 237 / var(--tw-bg-opacity))
}

.after\:ring-2::after {
    content: var(--tw-content);
    --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
    --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);
    box-shadow: var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow,0 0 #0000)
}

.after\:ring-primary::after {
    content: var(--tw-content);
    --tw-ring-opacity: 1;
    --tw-ring-color: rgb(124 58 237 / var(--tw-ring-opacity))
}

.after\:ring-offset-2::after {
    content: var(--tw-content);
    --tw-ring-offset-width: 2px
}

.after\:ring-offset-default-950::after {
    content: var(--tw-content);
    --tw-ring-offset-color: #020617
}

.after\:transition-all::after {
    content: var(--tw-content);
    transition-property: all;
    transition-timing-function: cubic-bezier(0.4,0,0.2,1);
    transition-duration: 150ms
}

.after\:content-\[\'\'\]::after{--tw-content:'';content:var(--tw-content)}.hover\:-translate-y-2:hover{--tw-translate-y:-0.5rem;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\:scale-110: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))}.hover\:rounded-lg:hover{border-radius:.5rem}.hover\:border-primary:hover{--tw-border-opacity:1;border-color:rgb(124 58 237 / var(--tw-border-opacity))}.hover\:border-primary-hover:hover{--tw-border-opacity:1;border-color:rgb(109 40 217 / var(--tw-border-opacity))}.hover\:bg-blue-600\/60:hover{background-color:rgb(37 99 235 / .6)}.hover\:bg-blue-800\/60:hover{background-color:rgb(30 64 175 / .6)}.hover\:bg-default-600\/60:hover{background-color:rgb(71 85 105 / .6)}.hover\:bg-pink-600\/60:hover{background-color:rgb(219 39 119 / .6)}.hover\:bg-primary:hover{--tw-bg-opacity:1;background-color:rgb(124 58 237 / var(--tw-bg-opacity))}.hover\:bg-primary-hover:hover{--tw-bg-opacity:1;background-color:rgb(109 40 217 / var(--tw-bg-opacity))}.hover\:bg-primary\/40:hover{background-color:rgb(124 58 237 / .4)}.hover\:text-primary:hover{--tw-text-opacity:1;color:rgb(124 58 237 / var(--tw-text-opacity))}.hover\:text-red-600:hover{--tw-text-opacity:1;color:rgb(220 38 38 / var(--tw-text-opacity))}.hover\:text-white:hover{--tw-text-opacity:1;color:rgb(255 255 255 / var(--tw-text-opacity))}.hover\:shadow-xl:hover{--tw-shadow:0 20px 25px -5px rgb(0 0 0 / 0.1),0 8px 10px -6px rgb(0 0 0 / 0.1);--tw-shadow-colored:0 20px 25px -5px var(--tw-shadow-color),0 8px 10px -6px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.focus\:border-white\/10:focus{border-color:rgb(255 255 255 / .1)}.focus\:border-white\/25:focus{border-color:rgb(255 255 255 / .25)}.focus\:bg-primary:focus{--tw-bg-opacity:1;background-color:rgb(124 58 237 / var(--tw-bg-opacity))}.focus\:text-red-600:focus{--tw-text-opacity:1;color:rgb(220 38 38 / var(--tw-text-opacity))}.focus\:text-white:focus{--tw-text-opacity:1;color:rgb(255 255 255 / var(--tw-text-opacity))}.focus\:outline-none:focus{outline:transparent solid 2px;outline-offset:2px}.focus\:ring:focus{--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(3px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow,0 0 #0000)}.focus\:ring-0:focus{--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(0px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow,0 0 #0000)}.focus\:ring-primary\/60:focus{--tw-ring-color:rgb(124 58 237 / 0.6)}.focus\:ring-transparent:focus{--tw-ring-color:transparent}.focus\:ring-offset-0:focus{--tw-ring-offset-width:0px}.group:hover .group-hover\:h-8{height:2rem}.group:hover .group-hover\:w-10{width:2.5rem}.group:hover .group-hover\:w-8{width:2rem}.group:hover .group-hover\:w-full{width:100%}.group:hover .group-hover\:scale-100{--tw-scale-x:1;--tw-scale-y: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))}.group:hover .group-hover\:scale-105{--tw-scale-x:1.05;--tw-scale-y:1.05;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))}.group:hover .group-hover\:overflow-visible{overflow:visible}.group:hover .group-hover\:bg-white\/10{background-color:rgb(255 255 255 / .1)}.group:hover .group-hover\:bg-white\/20{background-color:rgb(255 255 255 / .2)}.group:hover .group-hover\:fill-white\/20{fill:rgb(255 255 255 / 0.2)}.group:hover .group-hover\:pb-8{padding-bottom:2rem}.group:hover .group-hover\:pt-6{padding-top:1.5rem}.group:hover .group-hover\:text-white{--tw-text-opacity:1;color:rgb(255 255 255 / var(--tw-text-opacity))}.group:hover .group-hover\:text-white\/80{color:rgb(255 255 255 / .8)}.group:hover .group-hover\:opacity-100{opacity:1}.peer:checked~.peer-checked\:after\:translate-x-full::after{content:var(--tw-content);--tw-translate-x:100%;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))}.peer:checked~.peer-checked\:after\:border-default-950::after{content:var(--tw-content);--tw-border-opacity:1;border-color:rgb(2 6 23 / var(--tw-border-opacity))}.hs-accordion.active.hs-accordion-active\:-rotate-180,.hs-accordion.active>.hs-accordion-toggle .hs-accordion-active\:-rotate-180,.hs-accordion.active>.hs-accordion-toggle.hs-accordion-active\:-rotate-180{--tw-rotate:-180deg;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))}[data-hs-tab].active .hs-tab-active\:bg-primary,[data-hs-tab].active.hs-tab-active\:bg-primary{--tw-bg-opacity:1;background-color:rgb(124 58 237 / var(--tw-bg-opacity))}.open.hs-overlay-open\:mt-7{margin-top:1.75rem}.open.hs-overlay-open\:opacity-100{opacity:1}.open .hs-overlay-open\:mt-7{margin-top:1.75rem}.open .hs-overlay-open\:opacity-100{opacity:1}@media (prefers-color-scheme:dark){.dark\:bg-opacity-80{--tw-bg-opacity:0.8}}@media (min-width:640px){.sm\:top-16{top:4rem}.sm\:col-span-1{grid-column:span 1/span 1}.sm\:mx-auto{margin-left:auto;margin-right:auto}.sm\:w-full{width:100%}.sm\:max-w-2xl{max-width:42rem}.sm\:-translate-x-1\/2{--tw-translate-x:-50%;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))}.sm\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.sm\:p-10{padding:2.5rem}.sm\:px-0{padding-left:0;padding-right:0}.sm\:text-3xl{font-size:1.875rem;line-height:2.25rem}}@media (min-width:768px){.md\:col-span-2{grid-column:span 2/span 2}.md\:col-span-5{grid-column:span 5/span 5}.md\:col-span-7{grid-column:span 7/span 7}.md\:me-6{-webkit-margin-end:1.5rem;margin-inline-end:1.5rem}.md\:block{display:block}.md\:hidden{display:none}.md\:h-\[278px\]{height:278px}.md\:w-1\/2{width:50%}.md\:w-3\/4{width:75%}.md\:grid-cols-12{grid-template-columns:repeat(12,minmax(0,1fr))}.md\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.md\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.md\:grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}.md\:flex-row{flex-direction:row}.md\:justify-between{justify-content:space-between}.md\:gap-0{gap:0}.md\:gap-6{gap:1.5rem}.md\:whitespace-normal{white-space:normal}.md\:rounded-lg{border-radius:.5rem}.md\:rounded-none{border-radius:0}.md\:border-b-0{border-bottom-width:0}.md\:border-e{border-inline-end-width:1px}.md\:p-20{padding:5rem}.md\:px-3{padding-left:.75rem;padding-right:.75rem}.md\:pb-16{padding-bottom:4rem}.md\:pt-16{padding-top:4rem}.md\:text-start{text-align:start}.md\:text-5xl\/snug{font-size:3rem;line-height:1.375}.md\:text-5xl\/tight{font-size:3rem;line-height:1.25}.md\:text-6xl\/tight{font-size:3.75rem;line-height:1.25}.md\:text-lg{font-size:1.125rem;line-height:1.75rem}}@media (min-width:1024px){.lg\:-top-16{top:-4rem}.lg\:col-span-2{grid-column:span 2/span 2}.lg\:col-span-3{grid-column:span 3/span 3}.lg\:col-span-6{grid-column:span 6/span 6}.lg\:ml-12{margin-left:3rem}.lg\:ms-0{-webkit-margin-start:0px;margin-inline-start:0}.lg\:mt-0{margin-top:0}.lg\:mt-px{margin-top:1px}.lg\:block{display:block}.lg\:flex{display:flex}.lg\:hidden{display:none}.lg\:h-\[500px\]{height:500px}.lg\:h-screen{height:100vh}.lg\:w-1\/2{width:50%}.lg\:w-3\/12{width:25%}.lg\:w-8\/12{width:66.666667%}.lg\:w-\[500px\]{width:500px}.lg\:w-full{width:100%}.lg\:max-w-md{max-width:28rem}.lg\:basis-auto{flex-basis:auto}.lg\:grid-cols-12{grid-template-columns:repeat(12,minmax(0,1fr))}.lg\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.lg\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.lg\:grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}.lg\:grid-cols-9{grid-template-columns:repeat(9,minmax(0,1fr))}.lg\:flex-row{flex-direction:row}.lg\:items-center{align-items:center}.lg\:gap-16{gap:4rem}.lg\:border-none{border-style:none}.lg\:p-10{padding:2.5rem}.lg\:px-10{padding-left:2.5rem;padding-right:2.5rem}.lg\:px-20{padding-left:5rem;padding-right:5rem}.lg\:py-24{padding-top:6rem;padding-bottom:6rem}.lg\:py-5{padding-top:1.25rem;padding-bottom:1.25rem}.lg\:ps-0{-webkit-padding-start:0px;padding-inline-start:0px}.lg\:pt-0{padding-top:0}.lg\:text-2xl{font-size:1.5rem;line-height:2rem}.lg\:text-3xl{font-size:1.875rem;line-height:2.25rem}.lg\:text-6xl\/tight{font-size:3.75rem;line-height:1.25}.lg\:text-lg{font-size:1.125rem;line-height:1.75rem}.lg\:text-xl{font-size:1.25rem;line-height:1.75rem}}@media (min-width:1280px){.xl\:-top-14{top:-3.5rem}.xl\:ml-0{margin-left:0}.xl\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.xl\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.xl\:items-start{align-items:flex-start}.xl\:text-start{text-align:start}.xl\:text-xl{font-size:1.25rem;line-height:1.75rem}}@media (min-width:1536px){.\32xl\:fixed{position:fixed}.\32xl\:-ms-16{margin-inline-start:-4rem}.\32xl\:flex-nowrap{flex-wrap:nowrap}}
/*# sourceMappingURL=style.min.css.map */