table caption+thead tr:first-child td,
table caption+thead tr:first-child th,
table colgroup+thead tr:first-child td,
table colgroup+thead tr:first-child th,
table thead:first-child tr:first-child td,
table thead:first-child tr:first-child th {
	border-block-start: 1px solid hsl(0deg 0% 50.2% / 17%);
}

.bottom-nodes {
	margin-top: -17px;
}

.text-secondary {
	font-family: Poppins;
	font-size: 40px;
	font-style: normal;
	font-weight: 700;
	line-height: 48px;
	/* 120% */
	text-transform: capitalize;
	background: linear-gradient(92deg, #FFF 6.42%, #FFF 95.28%);
	background-clip: text;
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
}

.logotable img {
	width: 250px;
	height: auto;
}

.Helpdesk {
	color: #FFF;
	font-family: Poppins;
	font-size: 33.017px;
	font-style: normal;
	font-weight: 700;
	line-height: 39.621px;
	/* 120% */
	text-transform: capitalize;
}

.custom-table {
	width: 100%;
	color: #fff;
	background-color: #000;
	border-collapse: separate;
	border-spacing: 0;
}

.custom-table th,
.custom-table td {
	background-color: #000;
	border: 1px solid #111;
	vertical-align: middle;
	white-space: nowrap;
	color: #D6DADE;
	font-family: Poppins;
	font-size: 18px;
	font-style: normal;
	font-weight: 600;
	line-height: 42px;
	/* 123.81% */
}

.custom-table tr:hover td {
	background-color: #000;
	color: #fff;
}

table tbody>tr:nth-child(odd)>td,
table tbody>tr:nth-child(odd)>th {
	background-color: #11162b00;
}

.dot {
	display: inline-block;
	width: 12px;
	height: 12px;
	border-radius: 50%;
	margin-right: 6px;
	vertical-align: middle;
}

.green {
	background: #00ff66;
}

.red {
	background: #ff3333;
}

.yellow {
	background: #ffcc00;
}

.table-responsive {
	border-radius: 12px;
	overflow-x: auto;
	scrollbar-color: #333 #000;
	scrollbar-width: thin;
}

/* 	gradient-textEssentials-inner  */
.gradient-textEssentials-inner {
	color: #FFF;
	text-align: center;
	font-family: Poppins;
	font-size: 18px;
	font-style: normal;
	font-weight: 400;
	line-height: normal;
	letter-spacing: -0.7px;
}

@media (max-width:768px) {
	table {
		min-width: 650px;
	}

	.cx-hub-box h4 {
		font-size: 18.089px !important;
	}

	.gradient-textEssentials-inner {
		font-size: 8px;
	}

	.vertical_button {
		flex-direction: column;
	}

	.vertical_button button {
		width: 100%;
	}
	.close-button {
    width: 30px!important;
}
}

.architecture_button {
	color: #FFF;
	text-align: center;
	font-family: Poppins;
	font-size: 17.275px;
	font-style: normal;
	font-weight: 400;
	line-height: normal;
	letter-spacing: -0.874px;
	border-radius: 9.747px;
	border: 2px solid #3B3B3B;
	padding: 10px 40px;
}

.architecture_button:hover {
	color: #FFF;
	text-align: center;
	font-family: Poppins;
	font-size: 17.275px;
	font-style: normal;
	font-weight: 400;
	line-height: normal;
	letter-spacing: -0.874px;
	border-radius: 9.747px;
	border: 2px solid #3B3B3B;
	padding: 10px 40px;
	background: #ffffff24;
}


/* Frosted Glass Card */
.glass-card {
	border-radius: 10.816px;
	border: 1.352px solid rgba(73, 92, 130, 0.25);
	background: rgba(255, 255, 255, 0.90);
	backdrop-filter: blur(13.52px);
	overflow: visible;
	/* ✅ allows full text display */
	word-wrap: break-word;
	/* ✅ ensures long lines wrap */
}

.accordion-button {
	white-space: normal !important;
	/* ✅ allows text to wrap */
	word-wrap: break-word;
	/* ✅ prevents overflow on small screens */
	line-height: 1.4;
}

.accordion-button {
	text-align: left;
}

.faqs_last_section {
	color: #FFF;
	text-align: center;
	font-family: Poppins;
	font-size: 48px;
	font-style: normal;
	font-weight: 700;
	line-height: 101%;
	/* 48.48px */
	letter-spacing: -1.92px;
}

/* Accordion Button */
.accordion-button {
	background: transparent;
	color: #000;
	font-family: 'Poppins', sans-serif;
	font-size: 17px;
	padding: 10px;
	box-shadow: none;
}

.accordion-button:not(.collapsed) {
	color: #000;
	background: rgba(255, 255, 255, 0.9);
	box-shadow: none;
}

.accordion-button:focus {
	box-shadow: none;
}

/* Accordion Body */
.accordion-body {
	background: transparent;
	font-family: 'Poppins', sans-serif;
	font-size: 15px;
	line-height: 1.6;
	color: #222;
	padding: 0px 10px 10px 10px;
}

/* Smooth open/close animation */
.accordion-collapse {
	transition: height 0.4s ease, opacity 0.4s ease;
}

.accordion-collapse.collapsing {
	opacity: 0;
}

.accordion-collapse.show {
	opacity: 1;
}

.accordion [type=button]:focus,
.accordion [type=button]:hover,
.accordion [type=submit]:focus,
.accordion [type=submit]:hover {
	color: #000;
	background-color: #0a5a9400 !important;
	text-decoration: none;
}

@media(max-width:768px) {
	.accordion-button {
		font-size: 16px;
		padding: 14px;
	}

	.accordion-body {
		font-size: 14px;
	}

	.swiper {
		margin-left: 10px;
		margin-right: 10px;
		position: relative;
		overflow: hidden;
		list-style: none;
		padding: 0;
		z-index: 1;
		display: block;
	}

	.name_cars {
		font-size: 20px !important;
	}

	.name_tittle {
		font-size: 14px !important;
	}

	.customer_experience {
		font-size: 28px !important;
	}
}

.customer_experience {
	color: #ffffff!important;
	font-family: "Kepler Std";
	font-size: 40.9px;
	font-style: italic;
	font-weight: 700;
	line-height: normal;
	letter-spacing: -0.95px;
	border-radius: 5px;
	background: linear-gradient(90deg, #3A86FF 5.04%, #3A86FF 20.68%, #7F8EEC 76.15%, #7F8EEC 100%);
	padding: 0px 44px 4px 19px;
}

.ai-highlight {
	color: #0A0A0A;
	font-family: Poppins;
	font-size: 40px;
	font-style: normal;
	font-weight: 600;
	line-height: normal;
	letter-spacing: -0.95px;
}

.customer_experience_cx {
	color: #ffffff;
	font-family: "Kepler Std";
	font-size: 40.9px;
	font-style: italic;
	font-weight: 700;
	line-height: normal;
	letter-spacing: -0.95px;
	padding: 0px 44px 4px 19px;
	border-radius: 5px;
	background: linear-gradient(90deg, #0C4A6E 0%, #3A86FF 100%);
}

.lang-card {
	border-radius: 8px;
	box-shadow: 0 4px 15px rgba(255, 255, 255, 0.08);
	transition: all 0.3s ease;

}

.kiai-learn_more {
	border-radius: 40.288px;
	border: 1.259px solid #065994;
	background: rgba(6, 89, 148, 0.20);
	box-shadow: 0 5.036px 10.072px -2.518px rgba(0, 0, 0, 0.10), 0 2.518px 5.036px -2.518px rgba(0, 0, 0, 0.06);
	display: inline-flex;
	padding: 8.108px 31.475px;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	color: #FFF;
	text-align: center;
	font-family: Poppins;
	font-size: 20.144px;
	font-style: normal;
	font-weight: 500;
	line-height: 30.216px;
}

.kiai-learn_more:hover {
	border-radius: 40.288px;
	border: 1.259px solid #065994;
	background: rgba(6, 89, 148, 0.20);
	box-shadow: 0 5.036px 10.072px -2.518px rgba(0, 0, 0, 0.10), 0 2.518px 5.036px -2.518px rgba(0, 0, 0, 0.06);
	display: inline-flex;
	padding: 8.108px 31.475px;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	color: #FFF;
	text-align: center;
	font-family: Poppins;
	font-size: 20.144px;
	font-style: normal;
	font-weight: 500;
	line-height: 30.216px;
}

.konnect_test {
	color: #FFF;
	text-align: center;
	font-family: Poppins;
	font-size: 29.751px;
	font-style: normal;
	font-weight: 300;
	line-height: normal;
}

.testimonial_heading {
	color: #FFF;
	text-align: center;
	font-family: Poppins;
	font-size: 44.496px;
	font-style: normal;
	font-weight: 800;
	line-height: normal;
}

.name_cars {
	color: #FFF;
	text-align: center;
	font-family: Poppins;
	font-size: 30px;
	font-style: normal;
	font-weight: 800;
	line-height: normal;
}

.name_tittle {
	color: #FFF;
	text-align: center;
	font-family: Poppins;
	font-size: 20px;
	font-style: normal;
	font-weight: 800;
	line-height: normal;
}

.lang-card img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	filter: grayscale(100%);
	transition: all 0.4s ease;
}

.lang-card:hover img {
	filter: grayscale(0%);
	transform: scale(1.05);
}

.overlay-text {
	position: absolute;
	bottom: 0;
	width: 100%;
	padding: 20px 10px 10px;
	background: linear-gradient(to top, rgba(0, 0, 0, 0.8), rgba(0, 0, 0, 0));
	color: #fff;
	text-shadow: 0 1px 4px rgba(0, 0, 0, 0.6);
}

.customer_para_graph {
	color: #35343A;
	text-align: center;
	leading-trim: both;
	text-edge: cap;
	font-family: Poppins;
	font-size: 17.524px;
	font-style: normal;
	font-weight: 300;
	line-height: normal;
}

.hero_section_paragraph {
	padding: 20px 0px;
}

.paddingin_sectionsecond {
	padding: 20px 0px 50px 0px !important;
	background: #fff;
}

.ai-insights {
	position: relative;
	width: 100%;
	padding: 30px 40px;
	background: linear-gradient(180deg, #ffffff 46%, #E7E7E7 170%);
}

.cx-hub-box {
	padding: 28px;
	margin: auto;
	display: flex;
	width: 330.455px!important;
	height: 100%!important;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	flex-shrink: 0;
	text-align: center;
	border-radius: 57.42px;
	border: 0.905px solid #FFF;
	background: var(--card, linear-gradient(180deg, #FFF 0%, #F1F4F5 100%));
	box-shadow: 0 3.622px 14.488px 0 rgba(17, 17, 26, 0.05), 0 7.244px 28.975px 0 rgba(17, 17, 26, 0.05);
}

.cx-grid-card {
	overflow: hidden;
	transition: all 0.3s ease;
	display: flex;
	justify-content: center;
	align-items: center;
	padding: 26px;
}

.cx-hub-box h4 {
	margin-bottom: 24px;
	color: #000;
	text-align: center;
	font-family: Poppins;
	font-size: 22.089px;
	font-style: normal;
	font-weight: 700;
	line-height: normal;
}

.cx-hub-grid {
	display: grid;
	grid-template-columns: repeat(2, 1fr);
	gap: 16px;
}

.hub-item {
	text-align: center;
	transition: all 0.3s ease;
	border-radius: 10.331px;
	border: 0.517px solid #C4C6C8;
	background: var(--card, linear-gradient(180deg, #FFF 0%, #F1F4F5 100%));
	box-shadow: 0 2.001px 4.002px 0 rgba(0, 0, 0, 0.16), 0 2.001px 4.002px 0 rgba(0, 0, 0, 0.23);
	display: flex;
	width: 120.359px;
	padding: 6.199px;
	flex-direction: column;
	align-items: center;
	gap: 5.166px;
}

.hub-item:hover {
	transform: translateY(-4px);
}

.hub-item h6 {
	margin-bottom: 10px;
	color: #2C2B31;
	text-align: center;
	font-family: Poppins;
	font-size: 12px;
	font-style: normal;
	font-weight: 500;
	line-height: 150%;
}

.hub-item img {
	width: 90%;
	height: auto;
	border-radius: 8px;
}

/* Individual tile color accents */
.email {
	background: linear-gradient(180deg, #f3f8ff, #ffffff);
}

.calls {
	background: #ffefba;
}

.chats {
	background: #efe9ff;
}

.whatsapp {
	background: #c6f5dc;
}

/* Responsive */
@media (max-width: 768px) {
	.cx-hub-box {
		width: 100%;
	}
}


.omni-list {
	display: flex;
	flex-direction: column;
	gap: 0px;
	width: 100%;
}

.omni-item {
	display: flex;
	align-items: center;
	gap: 12px;
	background: #f9fafc00;
	padding: 4px 0px;
	transition: all 0.3s ease;
}

.omni-item:hover {
	transform: translateY(-2px);
}

.omni-item img {
	width: 46px!important;
	height: 46px!important;
	border-radius: 0px;
}

.omni-item span {
	color: #3C3C3C;
	text-align: center;
	font-family: Poppins;
	font-size: 13.7px;
	font-style: normal;
	font-weight: 600;
	line-height: normal;
}

/* Responsive */
@media (max-width: 768px) {
	.omni-channel-box {
		width: 100%;
	}
}

/* Fade-up animation keyframes */
@keyframes fadeUp {
	0% {
		opacity: 0;
		transform: translateY(40px);
	}

	100% {
		opacity: 1;
		transform: translateY(0);
	}
}

/* Initial hidden state */
.cx-grid-card {
	opacity: 0;
	transform: translateY(40px);
	animation: fadeUp 0.8s ease-out forwards;
}

/* Staggered delays */
.cx-grid-card:nth-child(1) {
	animation-delay: 0.3s;
}

.cx-grid-card:nth-child(2) {
	animation-delay: 0.4s;
}

.cx-grid-card:nth-child(3) {
	animation-delay: 0.5s;
}

.cx-suite-section {
	background: #ffffff;
}

@media (min-width: 1200px) {
	.display-4 {
		font-size: 4.5rem;
		padding: 0px 40px;
	}

	.cx-solution {
		font-size: 4.5rem;

	}
}

@media (max-width: 991px) {

	.fw-bold {
		font-size: 42px !important;
	}

	.cx-solution {
		font-size: 42px !important;
	}

	.tab-image {
		width: 100% !important;
	}

	.tab-image-icon {
		width: 100% !important;
	}

	.headingtab {
		font-size: 30px !important;
	}

	.paragraphtab {
		margin-top: 16px !important;
		margin-bottom: 20px !important;
	}

	.text-secondary {
		margin-top: 20px !important;
	}

	.offerings-section {
		width: 100% !important;
	}
}

section {
	overflow: hidden;
}
.offerings-section {

    width: 100%!important;
}
/* ----------------------------- */
/* MEDIA QUERIES */
/* ----------------------------- */

/* Mobile */
@media (max-width: 767px) {
	.cx-three-grid {
		grid-template-columns: 1fr;
		gap: 20px;
	}

	.btn-primary-angled {
		font-size: 13px !important;
	}

	.revamherobutton-custom-btn {
		font-size: 13px !important;
	}

	.cx-three-grid {
		grid-template-columns: 1fr 1fr 1fr;
		padding: 0;
	}

	.gradient-boxEssentials {
		display: flex;
		justify-content: center;
		align-items: center;
		width: 106px;
	}
}

/* Tablet */
@media (min-width: 768px) and (max-width: 1023px) {
	.cx-three-grid {
		grid-template-columns: 1fr 1fr 1fr;
		gap: 20px;
	}

	.cx-three-grid {
		padding: 0px !important;
	}

	.cx-grid-card {
		padding: 5px !important;
	}

	.omni-item img {
		width: 36px;
		height: 36px;
		border-radius: 0px;
	}

	.omni-item span {
		font-size: 10px;
	}

	.cx-hub-box h4 {
		font-size: 15px;
		margin-top: initial;
	}

	.hub-item {
		width: 90.359px;
	}

	.cx-hub-box {
		height: 100%;
	}

	.name_cars {
		font-size: 25px !important;
	}

	.name_tittle {
		margin-top: -15px !important;
	}

	.architecture_button {
		width: fit-content;
		margin: auto;
	}

	.cx-hub-grid {
		gap: 8px !important;
	}
}

/* Desktop */
@media (min-width: 1024px) {
	.cx-three-grid {
		grid-template-columns: 1fr 1.3fr 1fr;
		gap: 20px;
	}

	.accordion {
		width: 80%;
	}
	.cx-three-grid {
    display: grid;
    grid-template-columns: 1fr 1.3fr 1fr;
    align-items: center;
    justify-content: center;
    gap: 0px!important;
    margin-top: 60px;
    padding: 0px!important;
}
}

/* Default (Desktop) — keep original size */
.connector-svg {
	display: flex;
	justify-content: center;
	align-items: center;
}

.connector-svg svg {
	width: 858px;
	/* original width */
	height: 173px;
	/* original height */
}

.offerings-section {
	width: 100%;
}

/* Tablet and Mobile: make responsive full width & height */
@media (max-width: 1023px) {
	.connector-svg svg {
		width: 100%;
		height: 100%;
	}
}


.lang-section {
	text-align: center;
	color: #fff;
	padding: 50px 20px;
}

.lang-section h2 {
	margin-bottom: 10px;
	color: #FFF;
	text-align: center;
	font-family: Poppins;
	font-size: 44.496px;
	font-style: normal;
	font-weight: 700;
	line-height: normal;
}

/* Base card */
.lang-card {
	border-radius: 7px;
	/* updated */
	transition: all 0.25s ease;
}

/* Hover effect — very light + clean */
.lang-card:hover {
	transform: translateY(-4px);
	box-shadow:
		0 0 10px rgba(255, 255, 255, 0.08),
		/* subtle outer glow */
		0 4px 14px rgba(0, 0, 0, 0.4);
	/* very soft lift */
	border-color: rgba(255, 255, 255, 0.18);
}

/* Left neon bar soft glow */
.lang-card:hover::before {
	box-shadow: 0 0 10px var(--clr, #fff);
}


.lang-section .subtitle {
	color: #FFF;
	text-align: center;
	font-family: Poppins;
	font-size: 29.751px;
	font-style: normal;
	font-weight: 300;
	line-height: normal;
	margin-bottom: 40px !important;
}

.lang-grid {
	display: grid;
	grid-template-columns: repeat(4, 1fr);
	gap: 20px;
	max-width: 1100px;
	margin: auto;

}

.lang-card {
	background: rgba(25, 25, 25, 0.35);
	backdrop-filter: blur(12px);
	-webkit-backdrop-filter: blur(12px);
	padding: 18px 20px;
	border-radius: 7px;
	position: relative;
	display: flex;
	align-items: center;
	height: 90px;
	border: 1px solid rgba(255, 255, 255, 0.12);
	box-shadow: inset 0 0 15px rgba(255, 255, 255, 0.08), 0 8px 28px rgba(0, 0, 0, 0.6);
	justify-content: center;
}

/* Rounded neon left bar */
.lang-card::before {
	content: "";
	position: absolute;
	left: 0;
	top: 0px;
	bottom: 0px;
	width: 13px;
	background: var(--clr);
	border-radius: 27px;
}


.lang-text {
	font-size: 30px;
	font-weight: 700;
}

.lang-text span {
	margin-left: 5px;
	color: #FFF;
	text-align: center;
	font-family: Poppins;
	font-size: 14px;
	font-style: normal;
	font-weight: 500;
	line-height: normal;
}

.ai-insights__list li {
	position: relative;
	padding-left: 1.9rem;
	color: #000000;
	font-family: Poppins;
	font-size: 16px;
	font-style: normal;
	font-weight: 400;
	line-height: normal;
}

.ai-insights__list li::before {
	content: "";
	position: absolute;
	left: 0;
	top: 0.55rem;
	width: 6px;
	height: 7px;
	border-radius: 50%;
	background: #000000bf;
}

.revamherobutton-custom-btn::after {
	background: linear-gradient(135deg, #065994 60%, #ffffff 52%) !important;
}

@media (max-width: 768px) {
	.customer_experience_cx {
		font-size: 28px !important;
	}

	.ai-highlight {
		font-size: 30px;
		line-height: initial;

	}
}

/* Mobile - 2×4 Grid */
@media(max-width: 768px) {
	.lang-grid {
		grid-template-columns: repeat(2, 1fr);
	}
.cx-three-grid {
    padding: 0 0%!important;
}
	.lang-section h2 {
		font-size: 30px !important;
	}

	.lang-section .subtitle {
		font-size: 25px !important;

	}

	.lang-card {
		height: auto;
		padding: 15px;
	}

	.lang-text {
		font-size: 18px;
	}
}
.cx-slider-wrapper {
    width: 100% !important;
    overflow: hidden !important;
    border-radius: 12px !important;
    position: relative !important;
}

.cx-slider-track {
    display: flex !important;
    transition: transform 0.5s ease-in-out !important;
}

.center-card {
    border-radius: 57.42px !important;
    border: 0.905px solid #FFF !important;
    height: 500px !important;
    padding: 0px !important;
    background: var(--card, linear-gradient(180deg, #FFF 0%, #F1F4F5 100%)) !important;
    box-shadow: 0 3.622px 14.488px 0 rgba(17, 17, 26, 0.05), 
                0 7.244px 28.975px 0 rgba(17, 17, 26, 0.05) !important;
}

.slidercards_gif {
    border-radius: 44.292px !important;
    background: linear-gradient(180deg, #FFF 0%, #A4DDDC 100%) !important;
}

.slide {
    width: 100% !important;
    flex-shrink: 0 !important;
    text-align: center !important;
    box-sizing: border-box !important;

    display: flex !important;
    flex-direction: column !important;
    justify-content: center !important;
    align-items: center !important;
    height: 500px !important;
    padding: 20px 0px !important;
}

.icon-boxslider {
    margin: 0px auto 20px !important;
    display: flex !important;
    justify-content: center !important;
    align-items: center !important;
    width: 220px !important;
    height: 220px !important;
    border-radius: 44.292px !important;
    background: linear-gradient(180deg, #FFF 0%, #A4DDDC 100%) !important;
}

.icon-boxslider img {
    width: 75% !important;
    height: auto !important;
}

.slide h3 {
    color: #000 !important;
    text-align: center !important;
    font-family: Poppins !important;
    font-size: 40px !important;
    font-style: normal !important;
    font-weight: 600 !important;
    line-height: 100% !important;
	margin-top: 16px;
    margin-bottom: 16px;
}

.slide p {
    color: #000 !important;
    text-align: center !important;
    font-family: Poppins !important;
    font-size: 30px !important;
    font-style: normal !important;
    font-weight: 500 !important;
    line-height: 47px !important;
	margin-top: 16px;
}

.slide-color1 p {
    margin-top: 0 !important;
}

.slide-color2 p {
    margin-top: 0 !important;
}

[type=button]:focus,  [type=submit]:focus {
    color: #00000000!important;

}
/* Background color classes */
.color1 {
    border-radius: 44.292px !important;
    background: linear-gradient(180deg, #FFF 0%, #A4DDDC 100%) !important;
}

.color2 {
    border-radius: 40.499px !important;
    background: linear-gradient(180deg, #FFF 0%, #B4E8FF 100%) !important;
}

.color3 {
    border-radius: 51.461px !important;
    background: linear-gradient(180deg, #FFF 0%, rgba(253, 203, 110, 0.29) 100%) !important;
}

.color4 {
    border-radius: 51.461px !important;
    background: linear-gradient(180deg, #FFF 0%, rgba(123, 97, 255, 0.00) 100%) !important;
}

.color5 {
    border-radius: 51.461px !important;
    background: linear-gradient(180deg, #FFF 0%, #A1FDA1 100%) !important;
}

.color6 {
    border-radius: 51.461px !important;
    background: linear-gradient(180deg, #FFF 0%, #E8D89E 100%) !important;
}

.color7 {
    border-radius: 51.461px !important;
    background: linear-gradient(180deg, #FFF 0%, #F49FCA 100%) !important;
}

/* Slide color backgrounds */
.slide-color1 {
    border-radius: 40px !important;
    background: linear-gradient(180deg, #FFF 0%, #F8FFFF 100%) !important;
    height: 500px !important;
}

.slide-color2 {
    border-radius: 40px !important;
    background: linear-gradient(180deg, #FFF 53.65%, #B4E8FF 168.91%) !important;
    height: 500px !important;
}

.slide-color3 {
    border-radius: 40px !important;
    background: linear-gradient(179deg, #FFF 44.56%, #FFEBC5 182.54%) !important;
    height: 500px !important;
}

.slide-color4 {
    border-radius: 40px !important;
    background: linear-gradient(180deg, #FFF 0%, #D4CFF2 173.8%) !important;
    height: 500px !important;
}

.slide-color5 {
    border-radius: 40px !important;
    background: linear-gradient(180deg, #FFF 0%, #DEFFDE 100%) !important;
    height: 500px !important;
}

.slide-color6 {
    border-radius: 40px !important;
    background: linear-gradient(180deg, #FFF 0%, #F3EDD4 100%) !important;
    height: 500px !important;
}

.slide-color7 {
    border-radius: 40px !important;
    background: linear-gradient(180deg, #FFF 0%, #FBDCFF 100%) !important;
    height: 500px !important;
}