.ji2 {
	padding-top: 5rem;
	padding-bottom: 5rem;
}

@media (min-width: 1024px) {
	.gp2 {
		padding-top: 6.25rem;
		padding-bottom: 6.25rem;
	}
}

@media (min-width: 1280px) {
	.uq2 {
		padding-top: 7.5rem;
		padding-bottom: 7.5rem;
	}
}

.pg2 {
	overflow: hidden;
}

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

.ze2 {
	max-width: 86.875rem;
}

.ki2 {
	padding-left: 1rem;
	padding-right: 1rem;
}

@media (min-width: 768px) {
	.xn2 {
		padding-left: 2rem;
		padding-right: 2rem;
	}
}

@media (min-width: 1280px) {
	.wq2 {
		padding-left: 2.25rem;
		padding-right: 2.25rem;
	}
}

.tc2 {
	display: flex;
}

.wf2 {
	align-items: center;
}

.gg2 {
	gap: 2rem;
}

@media (min-width: 1280px) {
	.qq2 {
		gap: 7.5rem;
	}
}

.xc2 {
	display: none;
}

/*@media (min-width: 768px) {*/
@media (min-width: 1185px) {
	.gn2 {
		display: flex;
	}

	.jn2\/2 {
		width: 50%;
	}
}

.i2 {
	position: relative;
}

.-ud-left-52 {
	left: -1.25rem;
}

.x2 {
	top: 1.25rem;
}

.ib2 {
	margin-bottom: 2rem;
}

.ob2 {
	margin-top: 1.875rem;
}

.gb2 {
	margin-bottom: 1.25rem;
}

.ek2 {
	font-weight: 500;
}

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

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

.fk2 {
	font-weight: 600;
}

.vj2 {
	font-size: 1.875rem;
	line-height: 2.25rem;
}

@media (min-width: 1024px) {
	.zp2 {
		font-size: 2.25rem;
		line-height: 2.5rem;
	}
}

@media (min-width: 1280px) {
	.pr2 {
		font-size: 45px;
		line-height: 55px;
	}
}

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

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

.qb2 {
	margin-bottom: 1.875rem;
}

@media (min-width: 1024px) {
	.uo2 {
		width: 95%;
	}
}

.vc2 {
	display: inline-flex;
}

.hg2 {
	gap: 1.625rem;
}

.mb2 {
	margin-top: 2.5rem;
}

.xf2 {
    justify-content: center;
}

.be2 {
    width: 3.125rem;
}

.dd2 {
    height: 3.125rem;
}

.rg2 {
    border-radius: 9999px;
}

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

.ua2 {
    z-index: 1;
}

.nf2 {
    animation: ud-ping 1s cubic-bezier(0, 0, 0.2, 1) infinite;
}

.yc2 {
    height: 100%;
}

.vd2 {
    width: 100%;
}

.qk2 {
    opacity: 0.75;
}

.-ud-z-12 {
    z-index: -1;
}

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

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

.a .sl2 {
    --tw-bg-opacity: 1;
    /*background-color: rgb(28 33 54 / var(--tw-bg-opacity));*/
    background-color: rgb(23 31 47 / var(--tw-bg-opacity));
}

.a .pl2 {
    --tw-border-opacity: 1;
    border-color: rgb(45 47 64 / var(--tw-border-opacity));
}

/* Default light mode */
#logo-text {
    color: black;
    font-size: calc(1.275rem + .3vw);
    margin: 0; font-weight: 600;
    text-decoration: none;
}

/* Dark mode */
.dark #logo-text {
    color: white;
}

.logo-container {
    display: flex; /* Enables Flexbox */
    align-items: center; /* Aligns items vertically */
    gap: 10px; /* Adds spacing between the logo and text */
}

.logo-img {
    width: 50px;
    height: 50px;
    border-radius: 5px;
}

 /* Hide the 5-decimal version by default */
.short-decimals {
    display: none;
}

/* On small screens, show the 5-decimal version and hide the 8-decimal version */
@media (max-width: 768px) {
    .full-decimals {
        display: none;
    }
    .short-decimals {
        display: inline;
    }
    
    /* Adjust BTC margin for smaller screens */
    .btc-label {
        margin-left: 10px !important;
    }
}

@media (min-width: 1024px) {
    .oo2 {
        grid-template-columns: repeat(4, minmax(0, 1fr));
    }
}

.le2 {
    gap: 2.875rem;
}

.lg22 {
    padding-top: 100px;
}

@media (min-width: 1320px) {
    .a22 {
        max-width: 1320px;
    }
}

@media (min-width: 1140px) {
    .a22 {
        max-width: 1140px;
    }
}

@media (min-width: 992px) {
    .a22 {
        max-width: 992px;
    }
}

@media (min-width: 768px) {
    .a22 {
        max-width: 768px;
    }
}

@media (min-width: 540px) {
    .a22 {
        max-width: 540px;
    }
}

.a22 {
    width: 100%;
    margin-right: auto;
    margin-left: auto;
    padding-right: 1rem;
    padding-left: 1rem;
}

.sd22 {
    justify-content: center;
}

.lb22 {
    display: flex;
}

.ia22 {
    margin-left: -1rem;
    margin-right: -1rem;
}

.nf22 {
    padding-left: 1rem;
    padding-right: 1rem;
}

.fc22 {
    width: 100%;
}

.zg22 {
    text-align: center;
}

.bd22 {
    max-width: 510px;
}

.cb22 {
    margin-bottom: 70px;
}

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

.fadeInUp22 {
    animation-name: fadeInUp;
}

@media (min-width: 540px) {
    .pk22 {
        font-size: 2.25rem;
        line-height: 2.5rem;
    }
}

.qh22 {
    --tw-text-opacity: 1;
    color: rgb(7 16 45 / var(--tw-text-opacity));
}

.jh22 {
    font-weight: 800;
}

.eh22 {
    font-size: 1.875rem;
    line-height: 2.25rem;
}

.ta22 {
    margin-bottom: 1.25rem;
}

.ph22 {
    --tw-text-opacity: 1;
    color: rgb(150 153 166 / var(--tw-text-opacity));
}

.kh22 {
    font-weight: 600;
}

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

.od22 {
    flex-wrap: wrap;
}

@media (min-width: 768px) {
    .zk\/222 {
        width: 50%;
    }
}

@media (min-width: 992px) {
    .hm\/322 {
        width: 33.333333%;
    }
}

.dd22 {
    max-width: 310px;
}

.xa22 {
    margin-bottom: 3rem;
}

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

.sh22 {
    --tw-text-opacity: 1;
    color: rgb(139 92 246 / var(--tw-text-opacity));
}

.ze22 {
    --tw-bg-opacity: 0.05;
}

.te22 {
    --tw-bg-opacity: 1;
    background-color: rgb(139 92 246 / var(--tw-bg-opacity));
}

.ee22 {
    border-radius: 1.5rem;
}

.qd22 {
    align-items: center;
}

.rc22 {
    width: 5rem;
}

.cc22 {
    height: 5rem;
}

.ff22 {
    fill: currentColor;
}

@media (min-width: 992px) {
    .dn22 {
        font-size: 1.5rem;
        line-height: 2rem;
    }
}

@media (min-width: 768px) {
    .kl22 {
        font-size: 1.25rem;
        line-height: 1.75rem;
    }
}

@media (min-width: 540px) {
    .qk22 {
        font-size: 1.5rem;
        line-height: 2rem;
    }
}

.lh22 {
    font-weight: 700;
}

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

.fb22 {
    margin-bottom: 1rem;
}

@media (min-width: 1024px) {
    .oo3 {
        grid-template-columns: repeat(3, minmax(0, 1fr));
    }
}

.-ud-top-3\/42 {
    top: -10%;
}

@media (max-width: 1023px) {
    .g.-ud-top-3\/42.-ud-z-1 {
        display: none;
    }
}

/* Wrap the image with a relative position */
.image-wrapper {
    position: relative;
    border-radius: 0.5rem;
    overflow: hidden; /* Ensures background stays within the border-radius */
}

/* Background with fading effect */
.image-wrapper::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: linear-gradient(
        to bottom, 
        rgba(234,250,255, 1) 0%,  /* Brightest at the top */
        rgba(234,250,255, 0.7) 30%,  
        rgba(234,250,255, 0.3) 70%,  
        rgba(234,250,255, 0) 100%  /* Fades away at the bottom */
    );
    z-index: -1; /* Stays behind the image */
}

/* Dark Mode Background */
html.dark .image-wrapper::before {
    background: linear-gradient(
        to bottom, 
        rgba(35,40,62, 1) 0%,  
        rgba(35,40,62, 0.7) 30%,  
        rgba(35,40,62, 0.3) 70%,  
        rgba(35,40,62, 0) 100%  
    );
}

/* Wrap the image with a relative position */
.image-wrapper2 {
    position: relative;
    border-radius: 0.5rem;
    overflow: hidden; /* Ensures background stays within the border-radius */
}

/* Background with fading effect */
.image-wrapper2::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: linear-gradient(
        to bottom, 
        rgba(255,246,229, 1) 0%,  /* Brightest at the top */
        rgba(255,246,229, 0.7) 30%,  
        rgba(255,246,229, 0.3) 70%,  
        rgba(255,246,229, 0) 100%  /* Fades away at the bottom */
    );
    z-index: -1; /* Stays behind the image */
}

/* Dark Mode Background */
html.dark .image-wrapper2::before {
    background: linear-gradient(
        to bottom, 
        rgba(35,40,62, 1) 0%,  
        rgba(35,40,62, 0.7) 30%,  
        rgba(35,40,62, 0.3) 70%,  
        rgba(35,40,62, 0) 100%  
    );
}

@media (min-width: 1280px) {
    .uq3 {
        padding-top: 7.5rem;
        padding-bottom: 9.5rem;
    }
}

@media (min-width: 1024px) {
    .gp3 {
        padding-top: 6.25rem;
        padding-bottom: 8.25rem;
    }
}

.ji3 {
    padding-top: 5rem;
    padding-bottom: 7rem;
}