@charset "UTF-8";

:root {
	--light-purple: #7a73da;
}

/*  -----------------------TOP SECTION ----------------------------*/
#top-info {
	color: var(--black);
	max-width: 80%;
}

#top-info h5 {
	font-size: clamp(1.5rem, 3vw, 4rem);
	font-weight: bold;
}

#top-info p {
	font-size: clamp(0.75rem, 1.2vw, 2rem);
}

/*  -----------------------IMAGE SECTION ----------------------------*/
.height-vh-50 {
	height: 50vh;
}

.cube-size {
	width: 50px;
}

#image-info {
	/* 	min-height: clamp(20vh, vw30, 35vh); */
	max-width: 80%;
}
/* Tablet (768px – 991px) */
@media ( min-width : 768px) and (max-width: 991px) {
	#image-info {
		max-width: clamp(0%, 60vw, 70%);
	}
}

/* Desktop (992px and up) */
@media ( min-width : 992px) {
	#image-info {
		max-width: clamp(0%, 60vw, 70%);
	}
}

#image-main-title {
	font-size: clamp(1.3rem, 2.5vw, 3rem);
	font-weight: bold;
}

#image-size {
	width: clamp(30vh, 20vw, 35vh);
	height: auto;
}

/*  -----------------------CARD SECTION ----------------------------*/
.kash-card-title {
	font-size: clamp(1rem, 2vw, 2.5rem);
}

.kash-card-msg {
	font-size: clamp(0.75rem, 1vw, 1.5rem);
}

#kash-main-card {
	min-height: 40vh;
	background-color: var(--light-gray);
}

#card2 {
	color: var(--white);
	background-color: var(--purple);
}

#card3 {
	background-color: var(--light-purple);
}

/*  -----------------------BOTTOM SECTION ----------------------------*/
#bottom-info {
	color: var(--black);
}

#bottom-info h5 {
	font-size: clamp(1rem, 2.5vw, 3rem);
	font-weight: bold;
}

#bottom-info p {
	font-size: clamp(0.75rem, 1.2vw, 2rem);
}