/* Define the Aeonik font using @font-face */
@font-face {
	font-family: 'OutfitRegular';
	src: url('/fonts/Outfit-Regular.ttf') format('truetype');
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: 'GugiRegular';
	src: url('/fonts/Gugi-Regular.ttf') format('truetype');
	font-weight: normal;
	font-style: normal;
}
* {
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
  }
  html {
	scroll-behavior: smooth;
  }
  .main-content {
	scroll-behavior: smooth;
  }
html, body, * {
	user-select: none;
  }
  .card, 
  .card-body, 
  .card-title, 
  .card-text {
	-webkit-user-select: text !important;
	-moz-user-select: text !important;
	-ms-user-select: text !important;
	user-select: text !important;
  }
  
  .why-card-page {
	user-select: text !important;
  }
/* Force allow text selection globally except buttons/links */
body, body * {
	-webkit-user-select: text !important;
	-moz-user-select: text !important;
	-ms-user-select: text !important;
	user-select: text !important;
  }
  
  /* Buttons and links me selection disable hi rahe */
  button, a {
	user-select: none !important;
  }
	
html {
	scroll-behavior: smooth;
}

body {
	font-weight: 400;
	font-family: 'Outfit', sans-serif;
	margin: 0;
}

/* Ensure the overlay covers the whole screen */
body.menu-open {
	overflow: hidden;
}

.heading1-white {
	font-size: 22px;
	color: #fff;
}

.web-soclia {
	font-size: 20px;
	margin-right: 0;
}

.inner-banner-bg .col-md-5 {
	display: flex;
	align-items: center;
	height: 100%;
	padding-left: 100px;
}

.inner-banner-bg {
	background-color: #522e8f;
	display: flex;
	align-items: center;
	position: relative;
	overflow: hidden;
}

.inner-banner-bg .left-side-content {
	color: #fff;
	text-transform: capitalize;
	width: 100%;
	padding: 0;
	position: relative;
	z-index: 1;
}

.inner-banner-bg .padding-banner {
	padding: 20px;
	text-align: left;
}

.inner-banner-bg .slide-heading1,
.inner-banner-bg .purpal-icon,
.inner-banner-bg p {
	color: #fff !important;
}

.inner-banner-bg .col-md-5 img {
	max-width: max-content !important;
	height: auto;
}

.web-soclia i, .web-soclia svg {
	font-size: 20px;
	margin: 10px;
	color: #555;
	transition: transform 0.3s ease, color 0.3s ease;
	cursor: pointer;
}

.web-soclia .fa-brands,
.web-soclia .fab {
	font-weight: 400;
}

/* Twitter */
.web-soclia i.fa-brands:hover {
	color: #1DA1F2;
	/* Twitter Blue */
	transform: scale(1.2);
}

/* Instagram */
.web-soclia i.fa-instagram:hover {
	color: #E1306C;
	/* Instagram Pink */
	transform: scale(1.2);
}

/* YouTube */
.web-soclia i.fa-youtube-play:hover, .web-soclia svg.fa-youtube-play:hover {
	color: #FF0000;
	/* YouTube Red */
	transform: scale(1.2);
}

/* LinkedIn */
.web-soclia i.fa-linkedin-square:hover, .web-soclia svg.fa-linkedin-square:hover {
	color: #675dff;
	/* LinkedIn Blue */
	transform: scale(1.2);
}

.web-soclia i.fa-facebook:hover, .web-soclia svg.fa-facebook:hover {
	color: #1DA1F2;
	/* Twitter Blue */
	transform: scale(1.2);

}
.web-soclia i.fa-sipfiy:hover, .web-soclia svg.sipfiy:hover {
	fill: #a0f58d;
	/* Twitter Blue */
	transform: scale(1.2);

}
.page-footer .fa.fa-twitter {
	font-family: sans-serif;
}

.menu-open .mobile-menu .open-btn {
	display: none;
}

.mobile-menu .close-hamburger {
	display: none;
}

.menu-open .mobile-menu .close-hamburger {
	display: block;
}

* {
	outline: 0;
	box-sizing: border-box;
}

ul {
	margin: 0;
	padding: 0;
	list-style: none;
}

a {
	text-decoration: none;
}

.container {
	max-width: 1450px;
	padding: 0 15px;
}

section.section-3 {
	padding: 0 0 30px;
}

section.section-2.margue-section {
	padding: 40px 0 0;
	background: repeating-radial-gradient(#e9deff82, transparent 10px);
}

section {
	padding: 20px 0 20px;
}

.section.section-3 {
	padding: 60px 0 40px;
}

section.section-time-page {
	padding: 30px 0 0;
}

.home-banner {
	position: relative;
}

.home-banner img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.home-banner .home-text {
	position: absolute;
	color: #fff;
	text-transform: capitalize;
	top: 50%;
	transform: translate(-50%, -50%);
	left: 50%;
	text-align: center;
	width: 100%;
	padding-top: 200px;
}

.inner-banner-section .home-text {
	/*position: absolute;*/
	color: #fff;
	text-transform: capitalize;
	/*top: 50%;*/
	/*transform: translate(-50%, -50%);*/
	/*left: 50%;*/
	text-align: center;
	width: 100%;
	/*padding-top: 0;*/
}


.left-side-content {
	/*position: absolute;*/
	color: #fff;
	text-transform: capitalize;
	/*top: 50%;*/
	/*transform: translate(-50%, -50%);*/
	/*left: 50%;*/
	text-align: center;
	width: 100%;
	padding-top: 0;
}


.banner-border {
	border-bottom: 1px solid #ddd;
	padding-bottom: 10px;
	bottom: -12px;
	padding-top: 0px !important;
}

.left-side-content {
	text-align: left;
	padding: 60px 0;
}


.padding-txt.animate {
	transform: translateY(0);
	opacity: 1;
}

.heading-text {
	animation: wave 1.5s infinite;
	animation-delay: calc(0.1s * var(--i));
	font-size: 26px;
	display: inline-block;
	max-width: 290px;
	font-family: 'Gugi', Regular;
	text-shadow: 2px 2px 4px rgb(25, 47, 96);
}

.home-para-text {
	font-size: 18px;
	line-height: 22px;
}

p {
	font-family: 'Outfit', Regular;
}

.home-text ul {
	list-style: none;
	padding: 0;
	justify-content: center;
	display: none;
}

.home-text ul li {
	margin: 5px 10px;
	font-size: 16px;
	line-height: 18px;
	font-weight: bold;
}

.home-text ul li span.right-arrow img {
	width: inherit;
	height: inherit;
}

header {
	padding: 0;
	position: relative;
	z-index: 9
}

header.fixed {
	background: #fff;
	color: #fff;
	position: sticky !important;
	top: 0;
	z-index: 1000;
	box-shadow: 0 0 20px 1px rgba(0, 0, 0, 0.1);
}

.home-text .btn {
	transition: all .3s ease-out;
	display: inline-block;
	padding: 12px 40px;
	border: none;
	color: white;
	text-decoration: none;
	border-radius: 6px;
	margin-top: 12px;
	font-size: 16px;
	cursor: pointer;
	text-transform: none;
	position: relative;
	width: 180px !important;
	background: #6F28A1;
	background: linear-gradient(1deg, rgb(255 255 255) 0%, rgba(136, 35, 178, 1) 100%);

}

.home-text .exploreUpdate .right-arrow-svg {
	top: 24px;
}

.home-text .btn:hover {
	background: rgb(117, 84, 247);
	background: linear-gradient(90deg, rgba(117, 84, 247, 1) 0%, rgba(117, 84, 247, 1) 0%, rgba(117, 84, 247, 1) 62%, rgba(147, 94, 223, 1) 95%);
	border-color: rgb(117, 84, 247)
}

.right-arrow-svg {
	max-width: 12px;
	width: inherit !important;
	height: inherit !important;
	margin-left: 8px;
	transition: all .3s ease-out;
	position: relative;
	z-index: 9;
}

/* .home-text .btn:hover .right-arrow-svg{    padding-right: 0;
											   object-fit: unset;
											   width: 10px;
											   height: 20px;
											   position: relative;
											   right: -10px;transition: all .3s ease-out; } */
/*...Main Common Heading..........*/

.tabbed-content .tabs {
	padding: 0;
}

.paraprice {
	color: #fff;
	font-size: 18px;
	line-height: 20px;
	font-weight: bold;
}

.tabitem::before {
	cursor: pointer;
	font-weight: bold;
	background: #eee;
	padding: 0.5em;
	display: block;
}

.tabitem.active::before {
	background: #444;
	color: #eee;
}

.tabitem.active .item-content {
	padding: 1em;
	-webkit-transition: opacity 0.3s ease-in-out;
	-moz-transition: opacity 0.3s ease-in-out;
	-o-transition: opacity 0.3s ease-in-out;
	-ms-transition: opacity 0.3s ease-in-out;
	transition: opacity 0.3s ease-in-out;
}


.tabbed-content .tabitem {
	display: none;
	opacity: 0;
	position: relative;
	/* Ensure proper positioning */
	will-change: transform, opacity;
	/* Improves rendering */
	animation: slideup 0.6s cubic-bezier(0.25, 1, 0.5, 1) forwards;

}

/* .tabbed-content .tabitem .item-content {opacity: 0;visibility: hidden;height: 0;} */
.tabbed-content .tabitem.active {
	display: block;
	opacity: 1;
	transform: translateY(0);
}

/* The project specific CSS starts here This is the minimum CSS that you will need in order for this to work */

.tabbed-content .tabs ul {
	padding: 14px 3px;
	margin: 0;
	display: flex;
	border-radius: 50px;
	justify-content: space-around;
	border: 1px solid #cebff6;
	flex-wrap: wrap;
}

.tabbed-content .tabs ul li a, .tabbed-content .tabs ul li button {
	padding: 10px 18px;
	font-size: 14px;
	color: #333;
	transition: background 0.3s;
	border-radius: 50px;
	white-space: normal;
	background: transparent;
	border: none;
}

.tabbed-content .tabs ul li a.active,
.tabbed-content .tabs ul li a:hover,
.tabbed-content .tabs ul li button.active,
.tabbed-content .tabs ul li button:hover
 {
	background: #ece3fe;
	text-decoration: none;
}

/* =========================
NAVBAR
========================== */

/* Style the last dropdown column */
.voicbotsubmenu .dropdown-menu-item > li.dropdown-column:nth-last-of-type(1) {
	background-color: #F6F3FE;
	border-radius: 6px;
	padding: 0 10px 10px 10px;
	display: flex;
	flex-direction: column;
	justify-content: flex-start;
}

/* Optional: fix internal ul layout */
.voicbotsubmenu .dropdown-menu-item > li.dropdown-column:nth-last-of-type(1) ul {
	padding: 0;
	margin: 0;
	list-style: none;
}


.main-navigation .dropdown-column h3 {
	font-size: 14px;
	font-weight: 700;
	color: #000;
	margin-bottom: 15px;
	padding-top: 15px;
padding-left: 18px;
}
.main-navigation .navbar {
	list-style: none;
	display: flex;
	/*justify-content: center;*/
}

.main-navigation .navbar>li {
	position: relative;
	margin: 0;
}

.main-navigation .navbar>li>a {
	text-decoration: none;
	color: #333;
	font-size: 16px;
	font-weight: 700;
	padding: 10px 15px;
	display: inline-block;
	transition: color 0.3s;
}


.main-navigation ul li.has-submenu>a i {
	transition: transform 0.3s ease-in-out;
}

/* Rotate Arrow on Hover */
.main-navigation ul li.has-submenu:hover>a i {
	transform: rotate(180deg);
}

/* =========================
DROPDOWN
========================== */
/* The top-level li that has a submenu */
.main-navigation .has-submenu>a {
	display: flex;
	align-items: center;
	gap: 5px;
}
.main-navigation .voicbotsubmenu ul.dropdown-menu-item{    left: -208px!important;min-width: 870px             ;display: flex;
	z-index: 999;}

/* Submenu (the nested ul) */
.main-navigation .has-submenu ul.dropdown-menu-item {
	position: absolute;
	top: 100%;
	left: 0;
	background: #fff;
	width: max-content;
	padding: 10px 10px 10px 10px;
	box-shadow: 0px 4px 15px rgba(0, 0, 0, 0.1);
	border-radius: 8px;
	opacity: 0;
	visibility: hidden;
	transform: translateY(10px);
	transition: opacity 0.3s ease-in-out, transform 0.3s ease-in-out;
	list-style: none;
	z-index: 999;
	overflow: hidden;
}


/* Show dropdown on hover of parent li */
.main-navigation .has-submenu:hover ul {
	opacity: 1;
	visibility: visible;
	transform: translateY(0);
}

/* =========================
DROPDOWN: TWO COLUMNS
========================== */
.main-navigation .has-submenu ul.fullwidth .dropdown-column {
	width: auto;
	display: flex;
	flex-direction: column;
	list-style: none;
	list-style: none;
line-height: 18px;
}

/* Each item in the column 
.main-navigation .dropdown-column li {
	margin-bottom: 10px;
}
*/
.main-navigation .dropdown-item {
	display: flex;
	align-items: flex-start;
	text-decoration: none;
	color: #333;
	font-size: 14px;
	transition: color 0.3s;
	padding: 12px;
	border-radius: 6px;
}

.main-navigation .dropdown-item i {
	color: #7A56FE;
	font-size: 20px;
	margin-right: 10px;
	min-width: 20px;
}

.main-navigation .dropdown-item:hover {
	color: #7A56FE;
}
.main-navigation .dropdown-item img, .main-navigation .dropdown-item svg{margin-top:0px;}

.main-navigation .dropdown-item img, .main-navigation .dropdown-item svg {
    margin-right: 10px;
    height: 18px;
    width: 18px;
	color:rgb(129, 132, 152);
	stroke-width: 2!important;
}


/* Title + Subtitle */
.main-navigation .dropdown-text {
	display: flex;
	flex-direction: column;
}

.main-navigation .dropdown-text .title {
	font-size: 14px;
	font-weight: 400;
	color: #666;
	margin-bottom: -2px;
}

.main-navigation .dropdown-text .subtitle {
	font-size: 12px;
	color: #adadad;
}
.main-navigation .has-submenu ul.fullwidth.multidropdown  .dropdown-item img, .main-navigation .has-submenu ul.fullwidth.multidropdown  .dropdown-item svg{margin-top:6px;}

/* Horizontal Line */
.main-navigation .navbar .divider {
	height: 1px;
	background: #eee;
	margin: 10px 0;
}

.dropdown-item:focus,
.dropdown-item:hover {
	color: #999;
	text-decoration: none;
	background-color: #f2f2f2;
}
.dropdown-item:focus svg,
.dropdown-item:hover svg{
	color:#000!important;
}
.dropdown-item:focus .title,
.dropdown-item:hover .title{
	color:#333;
}
.dropdown-item:focus .subtitle,
.dropdown-item:hover .subtitle{color:#4d4c4c;}

.hover-dropdown-differnt-color .dropdown-item:focus, 
.hover-dropdown-differnt-color .dropdown-item:hover{
	color:#e7deff ;
	text-decoration: none;
    background-color: #e7deff;
}

.get-btn {
	text-align: right;
}

.get-btn a {
	display: inline-block;
	padding: 8px 16px;
	text-align: center;
	color: #7554f7;
	border-radius: 5px;
	font-weight: 600;
	font-size: 14px;
	text-decoration: none;
	border: 1px solid #7554f7;
}

.get-btn a.started-btn {
	background: rgb(117, 84, 247);
	background: linear-gradient(90deg, rgba(117, 84, 247, 1) 0%, rgba(117, 84, 247, 1) 0%, rgba(117, 84, 247, 1) 62%, rgba(147, 94, 223, 1) 95%);
	color: #fff;
}

.get-btn a.started-btn:hover {
	background: rgb(117, 84, 247);
	transition: width 0.3s, height 0.3s, left 0.3s, top 0.3s;
}

.get-btn a.login-btn:hover {
	background: #f4f4f5;
}

section .heading1 {
	font-size: 28px;
	color: #000;
	font-weight: bold;
}

.purpal-icon {
	color: #7554f7;
}

section .para-heading {
	font-size: 16px;
	line-height: 22px;
	font-weight: 300;
	margin-bottom: 30px;
}

section .parra-new {
	text-align: center;
	display: inline-block;
}

.heading2 {
	font-size: 22px;
	font-weight: 400;
}

.col-md-4.why-cyf-md-4 {
	margin-top: 40px;
}

.col-md-4.why-cyf-md-4 span.img-span {
	display: inline-block;
	width: 100%;
	margin-bottom: 20px;
	transition: transform 0.5s ease;
}

.heading3 {
	font-size: 20px;
	color: #141414;
	font-weight: 400;
}

.section-content p {
	font-size: 14px;
	color: #333333;
	line-height: 20px;
	font-family: system-ui;
	font-weight: 400;
}

.section-content {
	border: 1px solid #4a298f;
	padding: 12px 15px;
	border-radius: 6px;
	transition: border-color 0.5s ease, transform 0.3s ease;
	transition: transform 0.3s ease, box-shadow 0.3s ease;
	cursor: pointer;
	height: 100%;
	position: relative;
	overflow: hidden;
	z-index: 0
}

.section-content:hover {
	transform: translateY(-5px);
	box-shadow: 0 8px 16px rgba(0, 0, 0, 0.1);
	border-color: #7A56FE;
	transform: translateY(-5px);
}

.section-content:hover .img-span {
	transform: translateY(-15px);
}

.section-4,
.section-5 {
	padding: 0
}

.section-4 .bg-color {
	background-image: url(/assets/ai-images/bg-color-image.png);
}

.bg-white {
	background-image: url(/assets/ai-images/bg-white.png) !important;
}

.section-4 .bg-color,
.section-5 .section4-bg-image {
	width: 100%;
	display: block;
	background-repeat: no-repeat;
	background-size: cover;
	padding: 60px 0;
	text-align: center;
	background-position: center;
}

.section-4 .bg-color p {
	font-size: 20px;
	line-height: 28px;
}

.section-4 .bg-color h1,
.section-4 .bg-color p,
.section4-bg-image h1,
.cluster-heading,
.para-heading {
	color: #fff;
}

.parra-new {
	color: #000;
}

.cluster-heading {
	font-size: 30px;
	font-weight: bold;
}

.section4-bg-image h1 {
	font-weight: 400;
}
.section4-bg-image1 {
	background-image: url(/assets/ai-images/chatbotpage-bottom-banner.png);
	padding: 100px 0px !important;
}
.section4-bg-image {
	background-image: url(/assets/ai-images/section4-bg-image.png);
	padding: 90px 0px !important;
}

.new-bg-image-section5 {
	background-image: url(/assets/ai-images/new-bg-image-section.png);
	padding: 90px 0px !important;
}

.explore {
	text-transform: uppercase;
	background: rgb(117, 84, 247);
	background: linear-gradient(90deg, rgba(117, 84, 247, 1) 0%, rgba(117, 84, 247, 1) 0%, rgba(117, 84, 247, 1) 62%, rgba(147, 94, 223, 1) 95%);
	text-decoration: none;
	transition: all .3s ease-out;
	display: inline-block;
	padding: 12px 40px;
	color: white;
	text-decoration: none;
	border-radius: 5px;
	font-size: 16px;
	cursor: pointer;
	text-transform: none;
	margin-top: 10px;
	position: relative;
	margin: 0 4px;
}

.explore span {
	position: relative;
	z-index: 2;
}

.explore:after {
	content: "";
	position: absolute;
	top: 50%;
	left: 50%;
	width: 0;
	height: 0;
	background-color: rgb(117, 84, 247);
	transition: width 0.3s, height 0.3s, left 0.3s, top 0.3s;
	z-index: 1;
	border-radius: 4px;
}

.explore:hover {
	color: #fff;
	text-decoration: none;
}

.explore:hover::after {
	width: 100%;
	height: 100%;
	left: 0;
	top: 0;
}

.exploreUpdate {
	padding: 18px 25px;
	width: 240px;
	display: inline-block;
	transition: all 0.5s ease
}

.exploreUpdate .right-arrow-svg {
	opacity: 0;
	visibility: hidden;
	position: absolute;
	right: 10px;
	transition: all 0.5s ease;
	top: 26px;
}

.exploreUpdate span {
	display: inline-block !important;
	transition: all 0.5s ease
}

.exploreUpdate:hover span {
	text-indent: -20px;
}

.exploreUpdate:hover .right-arrow-svg {
	opacity: 1;
	visibility: visible;
	right: 20px;
}

.section-4icon {
	display: flex;
	justify-content: space-between;
	padding-bottom: 0px;
	align-items: center
}

.card {
	border: none;
	transition: transform 0.3s ease-in-out;
	height: 100%;
	overflow: hidden;
}

.card p.card-text {
	color: #333;
	font-size: 15px;
	line-height: 21px;
	padding-bottom: 0px;
	width: 90%;
}

.light-bg {
	background: #ebe6ff;
	margin: auto -36px -36px;
	padding: 20px 30px;
	height: 100%;
}

.tab-fullbox img {
	width: 100%;
}

.card-title {
	font-size: 20px;
}

.section-7-bg {
	background: #f2eeff;
	padding: 20px 30px;
	border-radius: 20px;
}

.section-7-bg ul {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	align-items: center;
}

.section-7-bg ul li {
	margin: 0 20px;
}

.section-7-bg ul .nub {
	font-size: 40px;
	color: #7554f7;
	font-weight: 500;
	padding-bottom: 0px;
}

.section-7-bg ul p {
	font-size: 16px;
	font-weight: 400;
}

.section-1 .tabbed-content .tabitem .item-content .item-list-box {
	margin-top: 0px;
}

.section-1 .tabbed-content .tabitem .item-content .item-list-box ul li {
	background: #fff;
	padding: 20px 10px;
	border: 1px solid #cebff6;
	border-radius: 6px;
	transition: border-color 0.5s ease, transform 0.3s ease;
	transition: transform 0.3s ease, box-shadow 0.3s ease;
	position: relative;
	overflow: hidden;
	z-index: 0;
	animation: 2s ease 0s 1 normal forwards running slideIn;
}

.section-1 .tabbed-content .tabitem .item-content .item-list-box ul li a {
	text-decoration: none;
}

.section-1 .tabbed-content .tabitem .item-content .item-list-box ul li .itempage {
	display: flex;
	align-items: center;
	justify-content: space-between;
	padding: 0 14px;
}

.section-1 .tabbed-content .tabitem .item-content .item-list-box ul li a .image-list,
.section-1 .tabbed-content .tabitem .item-content .item-list-box ul li .hover-p {
	transition: transform 0.5s ease;
}

.section-1 .tabbed-content .tabitem .item-content .item-list-box ul li a .image-list span {
	width: initial;
	display: none;
	text-align: left;
}

.section-1 .tabbed-content .tabitem .item-content .item-list-box ul li a .hover-p .exploreUpdate {
	width: initial !important;
	display: inline-flex;
}

.section-1 .tabbed-content .tabitem .item-content .item-list-box ul li a .image-list img {
	width: 100px;
	background-color: transparent;
}

.section-1 .tabbed-content .tabitem .item-content .item-list-box ul li a .smalltitle {
	font-size: 12px;
	color: #333;
	text-transform: uppercase;
	max-width: 100%;
	display: inline-block;
	transition: all .3s ease-out;
}

.section-1 .tabbed-content .tabitem .item-content .item-list-box ul li a h3 {
	font-size: 17px;
	color: #141414;
	font-weight: 500;
	padding: 0px 14px
}

.section-1 .tabbed-content .tabitem .item-content .item-list-box ul li a p {
	font-size: 14px;
	color: #333333;
	line-height: 20px;
	padding: 4px 14px;
}

.section-1 .tabbed-content .tabitem.active .item-content .item-list-box ul li:hover {
	transform: translateY(-5px);
	box-shadow: 0 8px 16px rgba(0, 0, 0, 0.1);
	border-color: #7A56FE;
	transform: translateY(-5px);
}

.section-1 .tabbed-content .tabitem .item-content .item-list-box ul li .svg-image {
	max-width: 12px;
	margin-left: 10px;
	opacity: 0.8;
}

.section-1 .tabbed-content .tabitem .item-content .item-list-box ul li a .logolit {
	border: 1px solid #cebff6;
	padding: 2px 2px;
	border-radius: 4px;
	width: 70px;
	height: 70px;
	overflow: hidden;
}

.section-1 .tabbed-content .tabitem .item-content .item-list-box ul li a .paragraph-list {
	padding-top: 25px;
}

.section-1 .tabbed-content .tabitem .item-content .item-list-box ul li a .titlesmall {
	border: 1px solid #cebff6;
	padding: 6px 10px;
	border-radius: 20px;
	font-size: 11px;
}

.section-1 .tabbed-content .tabitem .item-content .item-list-box ul li .hover-p .smalltitle {
	padding: 8px 16px;
	border-radius: 20px;
	transition: all .3s ease-out;
	margin: 0;
}

.section-1 .tabbed-content .tabitem .item-content .item-list-box ul li .hover-p .hover-image {
	display: none;
}

.section-1 .tabbed-content .tabitem .item-content .item-list-box ul li:hover .hover-p .smalltitle {
	background: rgb(117, 84, 247);
	background: linear-gradient(90deg, rgba(117, 84, 247, 1) 0%, rgba(117, 84, 247, 1) 0%, rgba(117, 84, 247, 1) 62%, rgba(147, 94, 223, 1) 95%);
	border-color: rgb(117, 84, 247);
	transition: transform 0.5s ease;
	color: #fff;
	margin-left: 12px;
}

.section-1 .tabbed-content .tabitem.active .item-content .item-list-box ul li:hover .exploreUpdate span {
	text-indent: 2px;
}

.section-1 .tabbed-content .tabitem.active .item-content .item-list-box ul li:hover .block-image {
	display: none;
}

.section-1 .tabbed-content .tabitem.active .item-content .item-list-box ul li:hover .hover-image {
	display: block;
}

.section-1 .tabbed-content .tabitem .item-content .item-list-box ul li:hover .hover-p .smalltitle img {
	margin-left: 12px;
}

.bottom-footer {
	padding: 12px 0;
	border-top: 1px solid #ddd;
}

.bottom-footer img {
	max-width: 200px;
}

.bottom-footer ul {
	display: inline-flex;
	justify-content: center;
	grid-gap: 9px;
	align-items: center;
}

.bottom-footer ul li {
	border-right: 1px solid #999999;
	padding-right: 8px;
}

.bottom-footer ul li:last-child {
	padding-right: 0;
	border: 0;
}

.bottom-footer ul li a {
	font-size: 16px;
	color: #333;
}

.bottom-footer p {
	margin: 0;
}

.empower {
	max-width: 100%;
}

/*.....animated css.............................................*/
/* Delay for each row */
.fade-in:nth-child(1) {
	animation-delay: 1.5s;
}

.fade-in:nth-child(2) {
	animation-delay: 1s;
}

.fade-in:nth-child(3) {
	animation-delay: 1.5s;
}

.fade-in:nth-child(4) {
	animation-delay: 1s;
}

@keyframes slideIn {
	from {
		top: -20%;
	}

	to {
		top: 0;
	}
}

@keyframes slideup {
	from {
		transform: translateY(100%);
		opacity: 0;
	}

	to {
		transform: translateY(0);
		opacity: 1;
	}
}

@keyframes fadeIn {
	to {
		opacity: 1;
		transform: translateY(0);
	}
}

@keyframes fadeInRows {
	from {
		opacity: 0;
		transform: translateY(10px);
	}

	to {
		opacity: 1;
		transform: translateY(0);
	}
}

@keyframes fadeInColumns {
	from {
		opacity: 0;
		transform: translateX(-10px);
	}

	to {
		opacity: 1;
		transform: translateX(0);
	}
}

@keyframes pulseBorder {

	0%,
	100% {
		border-color: #7A56FE;
	}

	50% {
		border-color: #9C7CFF;
	}
}

/* Base styling for elements to animate */
.animate {
	opacity: 0;
	transform: translateY(-30px);
	transition: all 0.10s ease-in-out;
}

/* When in view, the .visible class is added */
.animate.visible {
	opacity: 1;
	transform: translateY(0);
	overflow: visible;
}

.fade-in {
	animation: fadeInRows 1s ease-in-out forwards;
	opacity: 0;
}

.fade-in {
	opacity: 0;
	transform: translateY(30px);
	animation: fadeIn 1s forwards ease-in-out;
}

/* Hamburger Menu (Hidden on Desktop) */
.hamburger-menu {
	display: none;
	/* Hide by default */
	font-size: 28px;
	cursor: pointer;
	color: #333;
	width: 20px;
}

.linkonly-mobile {
	display: none;
}

/*.......inner-page-css...  */
.inner-banner-section {
	position: relative;
}

.inner-banner-section>img {
	max-width: 100%;
	/*height: 372px;*/
	width: 100%;
	position: absolute;
	left: 0;
	top: 0;
}

.inner-banner-section img {
	max-width: 100%;
}

.web-inner-section .accordion-template .card-header {
	padding: 0;
	transition: 0.5s;
}

.web-inner-section .accordion-template .card-header:hover {
	background-color: rgb(29 156 237 / 13%);
}

.web-inner-section .accordion-template .card-header h3 button {
	border: none !important;
	text-decoration: none !important;
	display: block;
	text-decoration: none;
	color: #333;
	font-size: 20px;
	font-weight: bold;
	padding: 10px 20px;
	position: relative;
	border: none !important;
	border-radius: initial;
	background: #edebf5;
	text-align: left;
}

.web-inner-section .accordion-template .card-header h3 button[aria-expanded="true"] {
	background: rgb(82, 45, 141);
	background: linear-gradient(90deg, rgba(82, 45, 141, 1) 0%, rgba(191, 23, 136, 1) 70%);
	color: #fff;
	border-top-right-radius: 4px;
	border-top-left-radius: 4px;
}

.web-inner-section .accordion-template .card-header h3 button:after {
	position: absolute;
	content: "\f107";
	top: 10px;
	right: 20px;
	color: #532d8d;
	font-family: FontAwesome;
	font-size: 20px;
	transition: 0.3s;
}

.web-inner-section .accordion-template .card-header h3 button p {
	margin: 0;
	padding-right: 18px;
	font-size: 16px;
	line-height: 25px;
}

.web-inner-section .accordion-template .card-header h3 button .padding-right {
	padding-left: 18px;
}

.web-inner-section .accordion-template .card-header h3 button:focus {
	box-shadow: none !important;
}

.web-inner-section .accordion-template .card-body {
	padding: 20px 20px;
	transition: 0.5s;
}

.web-inner-section .accordion-template .card-body p {
	text-align: left;
	color: #333;
	font-size: 12px;
	margin: 0;
}

.web-inner-section .accordion-template .card-body .border-class-bottm p {
	border-bottom: 1px solid #b1abab;
	line-height: 28px
}

.web-inner-section .accordion-template ul {
	padding: 0 0 0 30px;
	margin: 0 0 20px;
	list-style: none;
}

.web-inner-section .accordion-template ul>li {
	position: relative;
	margin: 0;
	color: #fff;
}

.web-inner-section .accordion-template ul>li:before {
	position: absolute;
	left: -28px;
	content: url(../images/right-arrow-icon.png);
	background: transparent;
	filter: invert(1);
}

.web-inner-section .accordion-template ul ul {
	list-style-type: circle;
	margin-top: 15px;
	padding: 0 0 0 20px;
}

.web-inner-section .accordion-template ul ul li:before {
	display: none;
}

.web-inner-section .accordion-template table th {
	background: #004088;
	color: #fff;
	padding: 10px;
	padding: 8px 10px;
	border: 1px solid #004088;
}

.web-inner-section .accordion-template table td {
	border: 1px solid #099bf0;
	padding: 8px 10px;
}

.web-inner-section .accordion-template .heading2 {
	font-size: 20px;
	line-height: 48px;
	color: #004088;
	font-weight: 700;
	margin: 25px 0px 10px;
}

.web-inner-section .accordion-template ol {
	padding: 0 0 0 20px;
	margin: 0;
}

.web-inner-section .accordion-template ol li {
	margin-bottom: 15px;
}

.web-inner-section .accordion-template .accordion .card {
	border: none;
	margin: 14px 0;
	border-radius: 6px;
	transition: none;
}

.web-inner-section .accordion-template .show .card-body {
	border: 1px solid #85238C;
	box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
	background-color: #dcd2ea;
	border-bottom-right-radius: 4px;
	border-bottom-left-radius: 4px;
}

.web-inner-section .accordion-template .accordion .card .serverless-content {
	border-radius: 8px;
	overflow: hidden;
	position: relative;
	cursor: pointer;
}

.web-inner-section .accordion-template .card-header h3 button[aria-expanded="true"]:after {
	transform: rotate(180deg);
	color: #fff;
	content: "\f107 ";
}

.web-inner-section .accordion-template .accordion .card:hover {
	transform: none;
}

.web-inner-section .accordion-template .card-header h3 button[aria-expanded="false"]:hover {
	background: #e2ddf7;
}

.web-inner-section .accordion-template .accordion .card .serverless-content .models-img img {
	width: 100%;
	height: auto;
	display: block;
}

.web-inner-section .accordion-template .accordion .card .serverless-content .serverless-text {
	position: absolute;
	bottom: 0;
	width: 100%;
	padding: 15px;
	background: transparent;
	color: white;
	backdrop-filter: blur(10px);
	text-align: center;
	transition: background 0.3s ease-in-out;
	border-radius: 10px;
	overflow: hidden;
}

.web-inner-section .accordion-template .accordion .card .serverless-content:hover {
	transform: scale(1.02);
	box-shadow: 0px 10px 20px rgba(0, 0, 0, 0.2);
}

.web-inner-section .accordion-template .accordion .card .serverless-content:hover .serverless-text {
	background: transparent;
}

.web-inner-section .accordion-template .accordion .card .serverless-content .serverless-text h4 {
	margin: 0;
	font-size: 25px;
	text-align: left;
}

.web-inner-section .accordion-template .accordion .card .serverless-content .serverless-text p {
	font-size: 15px;
	margin: 5px 0 0;
	color: #fff;
	line-height: 18px;
}
.why-card-page {
	overflow: hidden;   /* 👈 extra right card cut ho jayega */
  }
  
/* Grid Layout */
.grid-container {
	display: grid;
	grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
	gap: 15px;
	padding: 10px;
	max-width: 100%;
	margin: auto;
}

/* Ensure last row is centered if it has fewer items */
.grid-container:has(.card-item:nth-child(2):last-child),
.grid-container:has(.card-item:nth-child(3):last-child) {
	display: flex;
	justify-content: left;
}

/* Center two or three items in a row */
.grid-container:has(.card-item:nth-child(2):last-child) .card-item,
.grid-container:has(.card-item:nth-child(3):last-child) .card-item {
	width: 25%;
	max-width: 350px;
	min-height: 130px;

}

/* Individual Card */
.web-inner-section .card-item {
	background: white;
	padding: 10px 15px;
	border-radius: 0px;
	text-align: left;
	box-shadow: 0 4px 10px rgba(0, 0, 0, 0.1);
	transition: transform 0.3s ease, box-shadow 0.3s ease;
	display: flex;
	flex-direction: column;
	justify-content: center;
}

.web-inner-section .card-item:hover {
	transform: scale(1.05);
	box-shadow: 0 6px 15px rgba(0, 0, 0, 0.2);
	box-shadow: 0 8px 20px rgba(183, 117, 255, 0.4);
}

.web-inner-section .card-item h3 {
	font-size: 15px;
	font-weight: bold;
	margin: 0;
	color: #363636;
}

.web-inner-section .card-item p {
	font-size: 14px;
	opacity: 0.6;
	color: #949494;
}

.web-inner-section .card-item h2 {
	font-size: 28px;
	color: #363636;
	font-weight: bold;
	padding-top: 20px;
}

/* Hover Effect */

.home-text .slide-heading1,
.left-side-content .slide-heading1 {
	color: #000;
	font-size: 35px;
	font-weight: 500;
}

.home-text p {
	font-size: 24px;
	line-height: 32px;
	color: #fff;
}

/* Info Banner Container */
.web-inner-section .info-banner {
	background-color: #ffeec8;
	border-left: 5px solid #f79c45;
	padding: 12px 20px;
	font-size: 14px;
	color: #333;
	border-radius: 0px;
	box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);
	opacity: 0;
	transform: translateY(-10px);
	animation: fadeIn 0.8s ease-out forwards;
}

/* Info Icon */

.web-inner-section .info-icon {
	background-color: #f79c45;
	color: white;
	font-size: 16px;
	font-weight: bold;
	border-radius: 50%;
	width: 20px;
	height: 20px;
	display: flex;
	align-items: center;
	justify-content: center;
	margin-right: 12px;
}

.inner-banner-section .home-text p,
.left-side-content p {
	color: #333;
	font-size: 18px;
	line-height: 24px;
	text-transform: none;
}

ul.support-list {
	margin: 10px 0 0 0;
	padding: 0;
	list-style: none;
}

ul.support-list li {
	padding: 7px 0 0 0;
	display: flex;
	align-items: center;
	font-size: 16px;
	color: #522e8f;
	font-weight: 700;
}

ul.support-list li i {
	display: inline-block;
	width: 30px;
	height: 30px;
	border: 1px solid rgba(82, 46, 143, 0.4);
	border-radius: 50%;
	text-align: center;
	padding: 7px 0;
	margin-right: 8px;
}

ul.support-list li a {
	font-size: 16px;
	color: #522e8f;
	font-weight: 700;
}

.section-content .btn {
	background: transparent;
	border-color: #522e8f;
	color: #522e8f;
	margin-top: 26px;
	cursor: pointer;
	border-radius: 3px;
	padding: 6px 15px;
}

.section-content .btn:hover {
	background-color: #522e8f !important;
	color: #fff;
	border-color: #522e8f !important;
}

.tabs select {
	display: none;
}

/* Fade-in Animation */
@keyframes fadeIn {
	from {
		opacity: 0;
		transform: translateY(-10px);
	}

	to {
		opacity: 1;
		transform: translateY(0);
	}
}

#alltnew,
.alltnew {
	display: none;
}

span.spanheading {
	width: 100%;
	display: block;
	font-weight: 300;
	font-family: system-ui;
}

.fine-tuning-sec .title2 {
	font-size: 18px;
	font-weight: bold;
	margin-bottom: 20px;
	color: #333;
}
.privacypage .docs-page .listing ul li{font-size:16px;}

.fine-tuning-sec .title2 span {
	color: #7554f7;
}

.fine-tuning-sec p {
	font-size: 16px;
	line-height: 24px;
	font-weight: 100;
}

.fine-tuning-sec .fine-tuning-right img {
	width: 100%;
}

/* Grid Container */
.logo-grid {
	display: grid;
	grid-template-columns: repeat(4, 1fr);
	gap: 0;
	max-width: 900px;
	width: 100%;
	padding: 20px;
}

/* Logo Items */
.logo-item {
	display: flex;
	justify-content: center;
	align-items: center;
	background: white;
	padding: 30px 15px;
	box-shadow: 0px 2px 6px rgba(0, 0, 0, 0.08);
	transition: transform 0.3s ease, box-shadow 0.3s ease, filter 0.3s ease;
	filter: grayscale(100%);
	border: 1px solid #e0e0e0;
}

/* Image Styling */
.logo-item img {
	max-width: 90px;
	max-height: 45px;
	object-fit: contain;
	transition: transform 0.3s ease;
}

/* Hover Animation */
.logo-item:hover {
	transform: scale(1.05);
	box-shadow: 0px 6px 12px rgba(0, 0, 0, 0.12);
	filter: grayscale(0%);
}

/* Section Background */
.ai-section {
	color: white;
	text-align: left;
}

/* Grid Container */
.ai-container {
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	gap: 30px;
	max-width: 100%;
	margin: auto;
}

/* Individual AI Feature Item */
.ai-item {
	display: flex;
	align-items: flex-start;
	gap: 15px;
	padding: 20px;
	border-radius: 10px;
	transition: transform 0.3s ease, box-shadow 0.3s ease;
}

/* Icon Styling */
.ai-icon {
	width: 50px;
	height: 50px;
	filter: brightness(0) invert(1);
	transition: transform 0.3s ease, filter 0.3s ease;
}

/* Text Styling */
.ai-content h3 {
	font-size: 18px;
	margin-bottom: 8px;
}

.ai-content p {
	font-size: 18px !important;
	line-height: 26px !important;
}

/* Hover Animation */
.ai-item:hover {
	transform: translateY(-5px);
}

.ai-item:hover .ai-icon {
	transform: rotate(10deg) scale(1.1);
	filter: brightness(1);
}

.section-3 .swiper {
	width: 100%;
}

.section-3 .carousel {
	overflow-x: clip;
	white-space: nowrap;
	position: relative;
	width: 100%;
}

.section-3 .carousel-track {
	display: flex;
	gap: 2vw;
	align-items: center;
	will-change: transform;
}

.section-3 .carousel-track img {
	transition: transform 0.5s;
	flex-shrink: 0;
}

.section-3 .carousel::before,
.section-3 .carousel::after {
	content: "";
	position: absolute;
	width: 4rem;
	height: 100%;
	top: 0;
	z-index: 2;
	background: linear-gradient(to right, white 0%, rgba(255, 255, 255, 0) 100%);
}

.section-3 .carousel::before {
	left: 0;
}

.section-3 .carousel::after {
	right: 0;
	transform: rotateZ(180deg);
}

.section-3 .carousel .logo {
	object-fit: contain;
	cursor: pointer;
	max-width: 10rem;
	border-radius: 0.25rem;
}


/* Swiper slide styling */
.section-3 .swiper-slide {
	display: flex;
	justify-content: center;
	align-items: center;
}

/* Image styles */
.section-3 .swiper-slide img {
	width: auto;
	height: auto;
	object-fit: contain;
	filter: grayscale(100%) opacity(0.6);
	transition: filter 0.3s ease-in-out, transform 0.3s ease-in-out;
}

/* Hover effect */
.section-3 .swiper-slide-active img,
.section-3 .swiper-slide img:hover {
	filter: grayscale(0%) opacity(1);
	transform: scale(1.1);
}

.grid-page-new {

	display: grid;
	grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
	gap: 20px;
	width: 100%;
	margin-top: 40px;
}

.grid-page-new .grid-item {
	background: white;
	padding: 30px;
	border-radius: 6px;
	border: 1px solid #a882ea;
	text-align: left;
	transition: transform 0.3s ease, box-shadow 0.3s ease;
	position: relative;
	height: 100%;
}

/* Hover Animation */
.grid-page-new .grid-item:hover {
	transform: translateY(-10px) !important;
	box-shadow: 0 10px 20px rgba(0, 0, 0, 0.15);
}

/* Icon Styling */
.grid-page-new .icon img {
	width: 60px;
	transition: transform 0.4s ease-in-out;
}

/* Move Icon on Hover */
.grid-page-new .grid-item:hover .icon img {
	transform: translateY(-6px);
}


.grid-page-new .grid-item .icon img {
	width: 40px;
	height: auto;
}

.grid-page-new .grid-item h3 {
	margin-top: 40px;
}

.grid-page-new .grid-item p {
	margin-top: 10px;
	font-weight: 400;
	font-family: system-ui;
}


.section-time-page .grid {
	display: grid;
	grid-template-columns: 1fr 1fr;
	gap: 30px;
}

.grid-view-container:has(.grid:nth-child(2):last-child) .grid,
.grid-view-container:has(.grid:nth-child(3):last-child) .grid {
	margin-bottom: 100px;
}

.section-time-page .content h2 {
	font-size: 26px;
	font-weight: bold;
	color: #000;
}

.section-time-page .content h2 span {
	color: #6d33ff;
}

.section-time-page .content p {
	font-size: 16px;
	color: #555;
	line-height: 1.6;
	margin-top: 10px;
}

.content-para {
	border-bottom: 1px solid #ddd;
}

.section-time-page .buttons {
	margin-top: 15px;
}

.section-time-page .buttons a {
	text-decoration: none;
	display: inline-block;
	padding: 10px 20px;
	border-radius: 6px;
	font-size: 14px;
	font-weight: bold;
	text-transform: capitalize;
	width: 150px;
	transition: initial;
	position: relative;
}

.section-time-page .btn-width {
	width: 200px !important;
}

.section-time-page .btn-width2 {
	width: 178px !important;
}

.section-time-page .buttons a span {
	width: 100%;
}

.section-time-page .buttons a:hover span {
	text-indent: -10px;
}

.section-time-page .buttons a .right-arrow-svg {
	opacity: 0;
	visibility: hidden;
	position: absolute;
	right: 10px;
	transition: all 0.5s ease;
	top: 16px;
}

.section-time-page .buttons a:hover .right-arrow-svg {
	opacity: 1;
	visibility: visible;
	right: 20px;
}


.section-time-page .btn-primary {
	background: #6d33ff;
	color: #fff;
}

.section-time-page .btn-secondary {
	border: 1px solid #6d33ff;
	color: #6d33ff;
	margin-left: 10px;
	background: transparent;
}

.section-time-page .btn-secondary:hover {
	background: linear-gradient(135deg, #a882ea, #7d5ae6);
	color: #fff;
	border-color: antiquewhite;
}

.section-time-page .image img,
.code-block img {
	width: 100%;
	border-radius: 6px;
}

.inf-border-bottom {
	border-bottom: 1px solid #957cf9;
	padding-bottom: 50px;
}

/* Grid Section */
.infc-section4 .grid {
	display: grid;
	grid-template-columns: 1fr;
	gap: 20px;
}

/* Feature Cards */
.infc-section4 .feature-card {
	display: flex;
	align-items: center;
	background: transparent;
	padding: 15px 15px 15px 0;
	border-radius: 10px;
	transition: transform 0.3s;
}

.infc-section4 .feature-card:hover {
	/* transform: translateX(10px); */
	box-shadow: 0px 5px 15px rgb(122 87 219);
	background: #946dff;
	padding: 15px;
}

.infc-section4 .number {
	background: rgba(255, 255, 255, 0.2);
	color: white;
	padding: 10px;
	border-radius: 8px;
	font-size: 1.2rem;
	font-weight: bold;
	margin-right: 15px;
	min-width: 40px;
	text-align: center;
}

.infc-section4 .feature-card .content h3 {
	color: #fff;
	font-size: 20px;
	font-weight: 600;
}

/* Image Section */
.infc-section4 .image-content {
	flex: 1;
	min-width: 300px;
}

.infc-section4 .image-content img {
	max-width: 100%;
	animation: float 3s infinite ease-in-out;
}

/* Features Section */
.infc-section4 .features {
	padding-top: 30px;
}

.infc-section4 .box-feature {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	max-width: 100%;
	gap: 40px;
	text-align: left
}

.infc-section4 .text-content {
	flex: 1;
	min-width: 300px;
}

.infc-section4 .text-content h2,
.infc-section4 .ab-section-heading h2 {
	font-size: 2.5rem;
	font-weight: bold;
	color: #fff;
}

.infc-section4 .text-content p {
	font-size: 1.2rem;
	max-width: 600px;
	margin-bottom: 30px;
}

/* Floating Animation */
@keyframes float {
	0% {
		transform: translateY(0);
	}

	50% {
		transform: translateY(-10px);
	}

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


.cs_feat_inner {
	margin-top: 60px;
}

.cs_feat_inner {
	position: relative;
	width: 100%;
	max-width: 100%;
	margin: 0 auto;
	padding: 15px 0;
}


/* Grid Container */
.gpu-container {
	display: grid;
	grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
	gap: 20px;
	max-width: 100%;
	width: 100%;
	margin: 20px auto;
}

/* Card Design */
.gpu-card {
	border-radius: 10px;
	text-align: left;
	padding: 10px 8px;
	transition: transform 0.4s cubic-bezier(0.25, 0.8, 0.25, 1),
		box-shadow 0.4s ease-out;
	cursor: pointer;
	overflow: hidden;
	position: relative;
	background: transparent;
}

/* Image Container */
.image-container {
	overflow: hidden;
	border-radius: 10px;
}

/* Image Styling */
.gpu-card img {
	width: 100%;
	height: auto;
	display: block;
	transition: transform 0.6s ease-out;
	border-radius: 10px;
}

/* Hover Effects */
.gpu-card:hover img {
	transform: translateY(-20px);
}

/* Text Styles */
.gpu-card h3 {
	margin: 15px 0 10px;
	font-size: 20px;
}

.gpu-card h3 {
	color: #fff;
}

.gpu-card p {
	font-size: 15px !important;
	line-height: 18px !important;
	opacity: 0.9;
}

/* Hover Effects */
.gpu-card:hover {
	transform: translateY(-10px) scale(1.05);
	box-shadow: 0px 5px 15px rgb(122 87 219);
	background: #946dff;
}

.bg-white .gpu-card h3,
.bg-white .gpu-card p,
.bg-white .heading1 {
	color: #000 !important;
}


/* Grid Container */
.section-2 .feature-container {
	display: grid;
	grid-template-columns: repeat(auto-fit, minmax(264px, 1fr));
	gap: 20px;
	max-width: 100%;
	width: 100%;
	padding-top: 30px;
}

/* Card Styling */
.section-2 .feature-card {
	background: #fff;
	padding: 20px;
	border-radius: 6px;
	text-align: left;
	box-shadow: 0px 10px 20px rgba(0, 0, 0, 0.1);
	position: relative;
	border: 2px solid #9d50ff;
	transition: transform 0.3s ease-out, box-shadow 0.3s ease-out;
}

/* Icon Styling */
.grid-page-new .grid-item .icon,
.section-2 .icon {
	width: 70px;
	height: 70px;
	background: linear-gradient(135deg, #a882ea, #7d5ae6);
	border-radius: 50%;
	display: flex;
	justify-content: center;
	align-items: center;
	position: absolute;
	left: 62px;
	transform: translateX(-50%);
	top: -35px;
}


/* Icon Styling */
.icon {
	width: 60px;
	height: 60px;
	border-radius: 50%;
	background: #9d50ff;
	display: flex;
	justify-content: center;
	align-items: center;
	margin: 0 auto 15px;
	padding: 10px;
	transition: transform 0.3s ease-out;
	/* Moves icon smoothly */
}

.section-2 .icon img {
	width: 100%;
	height: auto;
	max-width: 40px;
}

/* Hover Effects */
.section-2 .feature-card:hover {
	transform: translateY(10px);
	/* Start slightly lower */
	transition: transform 0.3s ease-out;
}

/* Move Icon with the Box */
.feature-card:hover .icon {
	transform: translateY(-10px);
	/* Moves up when hovered */
}


/* Typography */
.section-2 .feature-card h3 {
	font-size: 22px;
	color: #333;
	margin-top: 40px;
}

.section-2 .feature-card p {
	font-size: 14px;
	color: #666;
	line-height: 1.5;
}

.movable_vertical_line {
	position: absolute;
	top: 0px;
	bottom: 0;
	overflow: hidden;
	left: calc(50% - 2px);
	width: 4px;
	min-height: 50px;
	z-index: 1;
	/* height: 6800px; */
}

.bg-white .parra-new {
	color: #000 !important;
}

.bg-white .gpu-card:hover h3,
.bg-white .gpu-card:hover p {
	color: #fff !important;
}

.bg-white .gpu-card {
	position: relative;
	border-radius: 6px;
	overflow: hidden;
	transition: transform 0.3s ease-in-out, box-shadow 0.3s ease-in-out;
}

/* Image Container */
.bg-white .image-container {
	position: relative;
	overflow: hidden;
	width: 100%;
	transition: transform 0.4s ease-in-out;
}

/* GPU Image */
.bg-white .image-container img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	transition: transform 0.5s ease-in-out;
}

/* GPU Box (Text Section) */
.bg-white .gpu-box {
	text-align: left;
	padding: 10px 20px;
	transform: translateY(20px);
	transition: opacity 0.4s ease, transform 0.4s ease;
}

/* Hover Effect - Move Image to Center */
.bg-white .gpu-card:hover .image-container img {
	transform: scale(1.12);
}

.bg-white .gpu-card:hover {
	background: rgb(117, 84, 247);
	background: linear-gradient(90deg, rgba(117, 84, 247, 1) 0%, rgba(117, 84, 247, 1) 0%, rgba(117, 84, 247, 1) 62%, rgba(147, 94, 223, 1) 95%);
}

/* Show Text on Hover */
.gpu-card:hover .gpu-box {
	opacity: 1;
	transform: translateY(0);
}


.movable_vertical_line>.movable_vertical_line_inner {
	background: linear-gradient(to bottom, #7554f7 150px, #45a4f4 350px, #29c17f 650px, #e641be 910px, #2bc9bb 1150px, #ebb217 1700px);
}

.movable_vertical_line_inner {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	background: linear-gradient(to bottom, #7554f7 650px, #45a4f4 400px, #29c17f 1870px, #e641be 1700px, #2bc9bb 2500px, #ebb217 3560px);
}

.cs_feat_flex.cs_feat_1 {
	margin-top: 0px;

}

.cs_feat_flex {
	margin-bottom: 0px;
	position: relative;
}

.cs_feat_flex>span {
	width: 50px;
	height: 50px;
	border-radius: 50%;
	display: flex;
	justify-content: center;
	align-items: center;
	font-size: 18px;
	font-weight: 700;
	color: #ffffff;
	border: 5px solid #fff;
	position: absolute;
	top: -21px;
	left: calc(50% - 26px);
	z-index: 1;
}

.cs_feat_flex>img {
	position: relative;
	top: 50%;
	left: 52.5%;
	transform: translate(-50%, -50%);
	z-index: 1;
}

.cs_Feat_right,
.cs_Feat_left {
	padding: 8px 15px;
	width: 100%;
	position: relative;
}

.cs_Feat_left .left-time-image {
	position: absolute;
	right: 0;
	width: 210px;
	top: 80px;
}

.cs_Feat_right {
	position: relative;
}

.cs_Feat_right .right-time-image {
	position: absolute;
	left: 0;
	width: 200px;
	top: 92px;
}

.cs_Feat_left .left-time-image-overlap {
	right: -49px;
	width: 254px;
}

.cs_Feat_right .right-time-image-overlap {
	left: -54px;
}

.copyClipartLeft img,
.copyClipartRight img,
.copyClipartright img {
	width: 100%
}

.cs_feat_6 .cs_Feat_left .cs_feat_content h4 {
	margin-bottom: 40px
}

.cs_feat_6 .cs_Feat_left .left-time-image-overlap {
	right: -6px;
	top: auto;
	width: 205px;
	bottom: -19px;
}

.cs_feat_content h4 {
	font-size: 16px;
	font-weight: 400;
	color: #000;
	padding: 0;
	text-align: left;
}

.cs_feat_flex:nth-of-type(2n+1)>img {
	left: 42.6%;
}

.cs_feat_4>img {
	left: 45.9% !important;
}

.cs_feat_6>img {
	left: 46.5% !important;
}

.cs_feat_8>img {
	left: 43.2% !important;
}

.cs_feat_10>img {
	left: 47.2% !important;
}

.cs_feat_12>img {
	left: 42.2% !important;
}

.cs_Feat_left>img {
	max-width: 700px;
	width: 100%;
	height: auto;
	object-fit: contain;
}


/* .left-time-line .left-time-image{left: 42.5%;}
.right-time-line .right-time-image{left: 57.5%;} */
.time-numb-purpal {
	background: #967ff9;
}

.time-numb-blue {
	background: #45a4f4;
}

.time-numb-green {
	background: #29c17f;
}

.time-numb-pink {
	background: #e641be;
}

.time-numb-lightgreen {
	background: #2bc9bb;
}

.time-numb-yellow {
	background: #ebb217;
}

/* Extra small mobile devices (phones, less than 480px) */

.model-section .deployments-content {
	padding: 0;
}

.model-section .deployments-content section {
	border: 1px solid #522e8f;
	padding: 20px;
	border-radius: 6px;
}

.model-section .deployments-content section .flex-wrap:last-child {
	border-bottom: none;
}

.model-section .deployments-content section h4 {
	font-weight: bold;
}

.model-section .deployments-content .flex-wrap {
	display: flex;
	justify-content: space-between;
	border-bottom: 1px solid #ddd;
}

.model-section .deployments-content .content-center {
	padding: 12px 20px;
	cursor: pointer;
	outline: none;
	border-bottom: 2px solid transparent;
	transition: border-bottom 0.3s;
	max-width: 100%;
	margin: 4px 0;
	color: #000;
	width: 100%;
	display: inline-flex;
	border-radius: 4px;
	background: #ddd;
	text-decoration: none;
	transition: all .3s ease;
}

.model-section .deployments-content .copy-code {
	float: right;
	border: none;
	background: transparent;
	border-radius: 50%;
	width: 34px;
	height: 34px;
	padding: 10px;
	margin: 10px;
	font-size: 15px;
	line-height: 5px;
	transition: all .3s ease;
	margin-top: -34px;
}

.model-section .deployments-content .copy-code:hover {
	background: #ddd;
	transition: all .3s ease;
}

.model-section button.copy-code.active-copy {
	display: none;
}

.middle-php-btn-page .content-center {
	border-radius: 50px !important;
	width: 240px !important;
	text-align: center;
	display: block !important;
	text-decoration: none;
}

.model-section .deployments-content .content-center:hover {
	background: #522e8f;
	color: #fff;
	border-color: #522e8f;
	box-shadow: 0 0 20px 1px rgb(82 46 143 / 24%);
}

.model-section .anchor-tag {
	margin-bottom: 10px;
}

.model-section .deployments-content .tabs {
	border-bottom: 1px solid #fff;
	margin-bottom: 20px;
	position: relative;
}

.model-section .deployments-content .tabs-pages {
	display: block;
}

.model-section .deployments-content .tab-button {
	margin-right: 30px;
	text-align: left;
	flex: initial;
	border: 1px solid #ddd;
	border-radius: 6px 0;
	margin: 0;
	padding: 8px 20px;
	background: #ddd;
	font-size: 14px;
}

.deployments-content h3,
.model-section .deployments-content .item-page {
	font-size: 20px;
	font-weight: 600;
}

.model-section .deployments-content .item-page {
	border: initial;
	margin-right: 30px;
	text-align: left;
	flex: initial;
	border-bottom: 2px solid #fff;
	border-radius: initial;
	margin: 0;
	padding: 0px;
	background: transparent;
}

.model-section .deployments-content .tab-button.active {
	background: rgb(117, 84, 247);
	background: linear-gradient(90deg, rgba(117, 84, 247, 1) 0%, rgba(117, 84, 247, 1) 0%, rgba(117, 84, 247, 1) 62%, rgba(147, 94, 223, 1) 95%);
	color: #fff;
	border-color: #7554f7;
}

.model-section .anchor-tag a.content-center.active {
	background: #522e8f;
	font-weight: bold;
	color: #fff;
	border-color: #522e8f;
	box-shadow: 0 0 20px 1px rgb(82 46 143 / 24%);
}

.model-section .listing-deoop {
	padding: 0px;
	list-style: none;
}

.model-section .deployments-box-page {
	display: flex;
	flex-wrap: wrap;
}

.model-section .deployments-box-page .deployments-left {
	max-width: 300px;
}

.model-section .deployments-box-page .deployments-right {
	flex: 0 0 100%;
	max-width: calc(100% - 300px);
}

.model-section pre {
	display: block;
	margin-top: 0;
	margin-bottom: 1rem;
	font-size: 90%;
	color: #fff;
	width: 100%;
}

.model-section .phi-scroll {
	background: #1f232e;
	height: 100%;
	border-radius: 10px;
	margin-top: -10px;
}


.docs-page .content-main {
	display: none;
	opacity: 0;
	transition: all 0.3s ease-in-out;
	transform: translatey(-100%);
}

.docs-page .content-main.active {
	display: block;
	animation: slideIn 2s forwards;
	transform: translatey(0);
	opacity: 1;
}

.docs-page .content-main .para-content {
	width: 100%;
}

.docs-page .content-main p {
	font-size: 14px;
	line-height: 26px;
	color: #333333;
	text-align: justify;
}

.docs-page .content-main h2,
.docs-page .content-main h3 {
	font-size: 17px;
	color: #141414;
	font-weight: 700;
}

.docs-page .content-main a {
	font-size: 17px;
	line-height: 23px;
	color: #1c4cea;
}

.docs-page .content-main h2 {
	padding-top: 20px;
	padding-bottom: 0px;
}

.docs-page .content-listing li {
	padding: 0 20px;
	font-size: 16px;
	line-height: 31px;
	color: #333333;
	position: relative;
}

.docs-page .content-listing li span {
	font-weight: 600;
}

.docs-page .content-listing li:before {
	content: '';
	background: #141414;
	width: 4px;
	height: 4px;
	display: block;
	position: absolute;
	top: 13px;
	left: 6px;
}


.docs-page .content-main {
	width: 100%;
	padding-left: 20px;
}

.docs-page .sidebar-page {
	border-right: 1px solid #ddd;
	padding: 0 20px 0 0;
}

.docs-page .sidebar h3 {
	display: flex;
	align-items: center;
	font-size: 18px;
	font-weight: bold;
	margin-bottom: 30px;
	margin-top: 20px;
	color: #484848;
}

.docs-page .sidebar h3 img {
	width: 18px;
	margin-right: 10px;
}

.docs-page .sidebar ul {
	list-style: none;
	padding: 0;
	margin: 0;
	border-left: 2px solid #ddd;
}

.docs-page .sidebar ul li {
	margin: 0;
	border-bottom: 1px solid #ddd;
}

.docs-page .sidebar ul li a {
	text-decoration: none;
	color: #484848;
	display: block;
	padding: 8px 20px;
	font-size: 14px;
	border-radius: 3px;
	transition: all 0.3s ease-in-out;
	margin-left: -5px;
}

.docs-page .sidebar ul li:last-child {
	border-bottom: none;
}

.docs-page .sidebar ul li a.active {
	background: #ede7fe;
	color: #7554f7;
	font-weight: 500;
	transform: translateX(5px);
}

.sidebar ul li a:hover {
	background: #f0f0f0;
	transform: translateX(5px);
}

.docs-page .sidebar .sub-menu {
	padding-left: 0px;
	border-left: 2px solid #ddd;
	margin-top: 5px;
}

.docs-page .content {
	width: 100%;
	padding: 40px;
	background: #fff;
}

.docs-page .header-image {
	width: 100%;
	border-radius: 8px;
	padding-bottom: 60px;
	padding-top: 30px;
}

.docs-page .toc-main {
	padding-left: 20px;
	transition: transform 0.3s ease-in-out, box-shadow 0.3s ease-in-out;
	border-radius: 8px;
}

.toc ul li a.active {
	background: #ede7fe;
	color: #6a0dad;
	border-left: 4px solid #6a0dad;
	padding-left: 16px;
}

.toc {
	position: sticky;
	top: 100px;
}

.custm-imgbox img,
.docs-page img {
	max-width: 100%;
	width: 100%;
}

/* Hover effect for entire ToC box */
.docs-page .toc-main:hover {
	transform: translateY(-5px);
	/* Slight lift effect */
}

.docs-page .toc h3 {
	font-size: 14px;
	color: #141414;
}

.docs-page .toc ul {
	list-style: none;
	padding: 0;
}

.docs-page .toc ul li a {
	text-decoration: none;
	color: #717171;
	font-size: 13px;
	display: inline-block;
	transition: 0.3s ease-in-out;
	position: relative;
	padding: 5px 6px;
	max-width: 100%;
}

/* Hover effect for ToC links */
.docs-page .toc ul li a:hover {
	color: #6a0dad;
	/* Change text color */
	font-weight: bold;
	transform: translateX(5px);
	/* Slide effect */
}

/* Underline animation */
.docs-page .toc ul li a::after {
	content: "";
	display: block;
	width: 0;
	height: 2px;
	background: #6a0dad;
	transition: width 0.3s ease-in-out;
	position: absolute;
	bottom: 0;
	left: 0;
}

.docs-page .toc ul li a:hover::after {
	width: 100%;
}

.docs-page .accordion .card {
	margin-bottom: 15px;
	border-color: #b9b9b9;
	width: 100%;
    justify-content: center;
    margin: 10px 0;
}

.docs-page .accordion .card-header {
	display: inline-block;
	width: 100%;
	background: transparent;
	border:none !important;
	padding: 0;
}

.docs-page .accordion .card-header a,
.docs-page .accordion .card-header button
 {
	color: #272727;
	display: inline-block;
	width: 100%;
	padding: 20px 20px;
    background: #ffff;
    position: relative;
    font-size: 19px;
	border: none;
	text-align: left;
    
}
.docs-page .accordion .card {
    border: none;
    transition: transform 0.3s ease-in-out;
    height: 100%;
    overflow: hidden;
    border: 1px solid #ddd;
	border-radius: 10px;
	background: transparent;
}
.docs-page .accordion .collapse{border: 1px solid rgba(0, 0, 0, .125);}
.docs-page .accordion .collapse.show {
	border: none;
	border-top: none;
	transition: transform 0.3s ease-in-out;
}

.docs-page .accordion .card-header a i, 
.docs-page .accordion .card-header a svg,
.docs-page .accordion .card-header button svg,
.docs-page .accordion .card-header button i
{
	position: absolute;
	top: 24px;
	right: 14px;
	color: #333;
}
.docs-page .accordion .card-header a[aria-expanded="true"],
.docs-page .accordion .card-header button[aria-expanded="true"]
{
	font-weight: bold;
	border-radius: 10px 0 0;
	border-bottom: none;
	
}
.docs-page .accordion .card:hover a, .docs-page .accordion .card:hover, .docs-page .accordion .card:hover button {background-color: #F9F9F8;}

.docs-page .accordion .card-header a.card-link.collapsed i:before,
.docs-page .accordion .card-header button.card-link.collapsed i:before
{
	content: "\f067";
}


.docs-page .listing ul {
	padding: 0;
	margin: 0;
}

.docs-page .listing ul li {
	list-style: none;
	font-size: 14px;
	position: relative;
	padding-left: 17px;
	text-align: justify;
	margin-bottom: 14px;
}

.docs-page .listing ul li:before {
	content: "";
	background: #666;
	position: absolute;
	left: 0;
	top: 10px;
	width: 6px;
	height: 6px;
}


/* Carousel Container */
.tabbed-content .tabitem .carousel-container {
	display: flex;
	gap: 20px;
	padding-top: 50px;
	justify-content: center;
}

/* Individual Carousel */
/* .tabbed-content .tabitem .carousel {
	  position: relative;
	  width: 100%;
	  height: 500px;
	  overflow: hidden;
	  display: flex;
	  justify-content: center;
	  align-items: center;
} */
.tabbed-content .tabitem .carousel {
	width: auto;
	height: 500px;
	overflow: hidden;
	border-radius: 10px;
	position: relative;
}

/* Gradient Overlay for Smooth Edges */
.tabbed-content .tabitem .carousel::before {
	content: "";
	position: absolute;
	width: 100%;
	height: 100px;
	left: 0;
	z-index: 2;
	background: linear-gradient(to bottom, white 0%, rgba(255, 255, 255, 0) 100%);
}

.tabbed-content .tabitem .carousel::after {
	content: "";
	position: absolute;
	width: 100%;
	height: 100px;
	left: 0;
	z-index: 2;
	background: linear-gradient(to bottom, #ebe6ff 0%, rgba(255, 255, 255, 0) 100%);
}

/* Top Fade Effect */
.tabbed-content .tabitem .carousel::before {
	top: 0;
}

/* Bottom Fade Effect */
.tabbed-content .tabitem .carousel::after {
	bottom: 0;
	transform: rotateZ(180deg);
}

/* Logo Track */
.tabbed-content .tabitem .carousel .logo-track {
	display: flex;
	flex-direction: column;
	align-items: center;
	position: relative;
	animation: scrollUp 10s linear infinite;
	will-change: transform;
}

/* Logos */
.tabbed-content .tabitem .carousel .logo .logo-image {
	display: flex;
	justify-content: center;
	align-items: center;
	margin: 10px 0;
	width: 180px;
	border-radius: 12px;
	background: #fff;
	box-shadow: 0px 4px 6px rgba(0, 0, 0, 0.1);
	border: 1px solid #cebff6;
}

.tabbed-content .tabitem .carousel .logo .logo-image img {
	width: 100px;
	height: 100px;
}

.tabbed-content .tabitem .carousel .logo img {
	height: auto;
	object-fit: contain;
	transition: filter 0.3s ease, transform 0.3s ease;
}

/* Animate First Column (Bottom to Top) */
.tabbed-content .tabitem .bottom-to-top .logo-track {
	animation: scrollUp 10s linear infinite;
}

@keyframes scrollUp {
	0% {
		transform: translateY(0%);
	}

	100% {
		transform: translateY(-40%);
	}
}

/* Animate Second Column (Top to Bottom) */
.tabbed-content .tabitem .top-to-bottom .logo-track {
	animation: scrollDown 10s linear infinite;
}

@keyframes scrollDown {
	0% {
		transform: translateY(-40%);
	}

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


section.blog-cyfuture-ai h1 {
	text-align: center;
	color: #333;
	margin-bottom: 30px;
	position: relative;
	font-size: 30px;
	font-weight: bold;
}

section.blog-cyfuture-ai h1::after {
	content: "";
	display: block;
	width: 120px;
	height: 2px;
	border: 2px dashed #ee772a;
	margin: 10px auto;
}

section.blog-cyfuture-ai .owl-carousel {
	padding: 0 30px;
}

section.blog-cyfuture-ai .blog-card {
	background-color: white;
	border-radius: 5px;
	overflow: hidden;
	box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);
	margin: 10px;
	height: 350px;
}

section.blog-cyfuture-ai .blog-image {
	position: relative;
	height: 200px;
	overflow: hidden;
}

section.blog-cyfuture-ai .blog-image img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}

section.blog-cyfuture-ai .top-tag {
	position: absolute;
	left: 0;
	top: 20px;
	background-color: #FFD700;
	color: #333;
	padding: 8px 15px;
	font-weight: bold;
	font-size: 18px;
}

section.blog-cyfuture-ai .blog-content {
	padding: 20px;
}

section.blog-cyfuture-ai .blog-title {
	font-size: 18px;
	margin-bottom: 15px;
	color: #333;
	font-weight: 500;
}

section.blog-cyfuture-ai .blog-title a {
	color: #333;
	text-decoration: none;
}

section.blog-cyfuture-ai .blog-meta {
	display: flex;
	justify-content: space-between;
	color: #777;
	font-size: 14px;
	border-top: 1px solid #eee;
	padding-top: 15px;
}

section.blog-cyfuture-ai .highlight {
	color: #FFD700;
	font-weight: bold;
}

section.blog-cyfuture-ai .owl-nav button {
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	width: 40px;
	height: 40px;
	background-color: rgba(255, 255, 255, 0.7) !important;
	border-radius: 50% !important;
	display: flex;
	align-items: center;
	justify-content: center;
	cursor: pointer;
	font-size: 24px !important;
	border: 1px solid #ddd !important;
}

section.blog-cyfuture-ai .fa-angle-left {
	left: -10px;
}

section.blog-cyfuture-ai .fa-angle-right {
	right: -10px;
}

section.blog-cyfuture-ai .owl-dots {
	text-align: center;
	margin-top: 20px;
}

section.blog-cyfuture-ai .blog-bg-background {
	background: rgb(255, 255, 255);
	background: linear-gradient(180deg, rgba(255, 255, 255, 1) 0%, rgba(255, 255, 255, 1) 0%, rgba(255, 255, 255, 1) 62%, rgba(233, 227, 255, 1) 95%);
}


.cyfuture-blog-middle header {
	text-align: center;
	margin-bottom: 40px;
}

.cyfuture-blog-middle h1 {
	font-weight: bold;
	color: #333;
	margin-bottom: 20px;
	font-size: 35px;
}

.cyfuture-blog-middle .blog-grid {
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	gap: 30px;
}

.cyfuture-blog-middle .blog-card {
	background: #fff;
	border-radius: 8px;
	overflow: hidden;
	box-shadow: 0 4px 10px rgba(0, 0, 0, 0.1);
	transition: all 0.5s ease;
	position: relative;
	cursor: pointer;
}

.cyfuture-blog-middle .blog-card img {
	width: 100%;
	object-fit: cover;
	height: 100%;
}

.cyfuture-blog-middle .blog-card:hover {
	transform: translateY(-5px);
}

.cyfuture-blog-middle .blog-card:hover .blog-content {
	height: 100%;
	transition: width 0.3s, height 0.3s, left 0.3s, top 0.3s;
	opacity: .9;
}

.cyfuture-blog-middle .blog-img {
	width: 100%;
	height: 200px;
	object-fit: cover;
}

.cyfuture-blog-middle .blog-content {
	padding: 20px;
	position: absolute;
	background: #fff;
	bottom: 0;
	height: 70px;
	transition: all 0.5s ease;
}

.cyfuture-blog-middle .blog-date {
	font-size: 0.8rem;
	color: #666;
	margin-bottom: 5px;
}

.cyfuture-blog-middle .blog-author {
	font-size: 0.8rem;
	color: #1a73e8;
	margin-bottom: 10px;
}

.cyfuture-blog-middle .blog-title {
	font-size: 1.2rem;
	margin-bottom: 10px;
	color: #333;
}

.cyfuture-blog-middle .blog-excerpt {
	font-size: 0.9rem;
	color: #666;
	margin-bottom: 15px;
}

.cyfuture-blog-middle .blog-tag {
	display: inline-block;
	padding: 5px 10px;
	background: #e0f2fe;
	color: #0369a1;
	border-radius: 4px;
	font-size: 0.8rem;
	margin-right: 5px;
	margin-bottom: 5px;
}

/* Mobile Slider Styles */
.cyfuture-blog-middle .mobile-slider {
	display: none;
	width: 100%;
	position: relative;
	margin: 0 auto;
}

.cyfuture-blog-middle .slider-track {
	display: flex;
	width: 100%;
	overflow-x: auto;
	scroll-snap-type: x mandatory;
	-webkit-overflow-scrolling: touch;
	scrollbar-width: none;
	/* Firefox */
	scroll-behavior: smooth;
}

.cyfuture-blog-middle .slider-track::-webkit-scrollbar {
	display: none;
	/* Chrome, Safari, Edge */
}

.cyfuture-blog-middle .slider-item {
	flex: 0 0 85%;
	width: 85%;
	scroll-snap-align: center;
	margin-right: 15px;
}

.cyfuture-blog-middle .slider-controls {
	display: flex;
	justify-content: center;
	margin-top: 20px;
}

.cyfuture-blog-middle .slider-btn {
	background: #1a73e8;
	color: white;
	border: none;
	width: 40px;
	height: 40px;
	border-radius: 50%;
	margin: 0 8px;
	cursor: pointer;
	font-size: 18px;
	display: flex;
	align-items: center;
	justify-content: center;
}

.cyfuture-blog-middle .slider-indicators {
	display: flex;
	justify-content: center;
	margin-top: 15px;
}

.cyfuture-blog-middle .indicator {
	width: 10px;
	height: 10px;
	border-radius: 50%;
	background: #ccc;
	margin: 0 5px;
	cursor: pointer;
	transition: background-color 0.3s ease;
}

.cyfuture-blog-middle .indicator.active {
	background: #1a73e8;
}

.category-pagee .category-header {
	text-align: center;
	margin-bottom: 30px;
}

.category-page .category-btn {
	background: rgb(117, 84, 247);
	background: linear-gradient(90deg, rgba(117, 84, 247, 1) 0%, rgba(117, 84, 247, 1) 0%, rgba(117, 84, 247, 1) 62%, rgba(147, 94, 223, 1) 95%);
	color: white;
	border: none;
	padding: 10px 20px;
	font-size: 18px;
	cursor: pointer;
	border-radius: 5px;
	margin-bottom: 20px;
}

/* Grid Layout for Desktop */
.category-page .category-grid {
	display: grid;
	grid-template-columns: repeat(4, 1fr);
	gap: 20px;
	margin-bottom: 20px;
}

.category-page .category-item {
	position: relative;
	overflow: hidden;
	border-radius: 5px;
	box-shadow: 0 2px 5px rgba(0, 0, 0, 0.2);
	height: 180px;
	transition: all 0.5s ease;
}

.category-page .category-item img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	transition: all 0.5s ease;
}

.category-page .category-item:hover img {
	transform: scale(1.2);
}

.category-page .category-label {

	width: 100%;
	position: absolute;
	bottom: 0;
	left: 0;
	background-color: rgba(0, 0, 0, 0.7);
	color: white;
	padding: 8px 15px;
	font-size: 16px;
}

/* Mobile Slider */
.category-page .mobile-slider {
	display: none;
	width: 100%;
	overflow-x: auto;
	scroll-snap-type: x mandatory;
	scroll-behavior: smooth;
	-webkit-overflow-scrolling: touch;
}

.category-page .slider-wrapper {
	display: flex;
	gap: 15px;
	padding: 10px 0;
}

.category-page .slider-item {
	scroll-snap-align: start;
	flex: 0 0 80%;
	min-width: 250px;
	position: relative;
	height: 180px;
	border-radius: 5px;
	box-shadow: 0 2px 5px rgba(0, 0, 0, 0.2);
	overflow: hidden;
}

.category-page .slider-item img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.category-page .slider-indicator {
	display: none;
	text-align: center;
	margin-top: 15px;
}

.category-page .slider-dot {
	display: inline-block;
	width: 10px;
	height: 10px;
	border-radius: 50%;
	background-color: #ddd;
	margin: 0 5px;
}

.category-page .slider-dot.active {
	background-color: #0277bd;
}

section.category-page-section {
	background: #e5deff;
}

body .ab-submenu-page {
	grid-template-columns: 1fr 1fr 1fr;
	gap: 50px;
}

body .ab-left-side-content {
	text-transform: none;
}


/* Banner Section */
.inner-banner-section-l40sgpuserverv2page {
	position: relative;
	overflow: hidden;
	width: 100%;
	min-height: 600px;
	display: flex;
	align-items: center;
  }
  
  .inner-banner-section-l40sgpuserverv2page img.baner-image-new {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	object-fit: cover;
	z-index: -1;
	filter: brightness(0.65);
  }
  
  .inner-banner-section-l40sgpuserverv2page .inner-banner-bg-new {
	position: relative;
	z-index: 2;
	padding: 80px 0;
	color: #fff;
  }
  
  .inner-banner-section-l40sgpuserverv2page .inner-banner-bg-new .row {
	align-items: center;
  }
  
  /* Banner Heading */
  .inner-banner-section-l40sgpuserverv2page .banner-heading .chip {
	display: inline-block;
	background: linear-gradient(90deg, #7353f8, #945edf, #e4a0fb, #e4a0fb);
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
	background-clip: text;
	letter-spacing: 1px;
	text-transform: uppercase;
  }
  .inner-banner-section-l40sgpuserverv2page.whitepaper-inner-banner{overflow: unset;    margin-bottom: 130px;}
  .whitPaperBannerThumbnail{
	position: absolute;
    right: 0;
    top: -20px;
    z-index: 999;
    width: 700px;
  }
  .whitepaper-inner-banner .banner-heading{    padding-right: 700px;}
  .inner-banner-section-l40sgpuserverv2page .whitepaper-inner-banner .banner-heading .chip{width: 100%;}
  .inner-banner-section-l40sgpuserverv2page .banner-heading .heading1 {
	font-size: 55px;
	font-weight: 700;
	line-height: 50px;
	margin-bottom: 16px;
  }
  #webinar-columns-logos .owl-stage {
	transition-timing-function: linear !important;
  }
  
  .inner-banner-section-l40sgpuserverv2page .banner-heading p, .inner-banner-section-l40sgpuserverv2page p {
	font-size: 20px;
	line-height: 26px;
	max-width: 520px;
	color: #ddd;
  }
  .inner-banner-section-l40sgpuserverv2page .banner-dollar-text{color: #dd8bfd;font-weight: 700;}
  .inner-banner-section-l40sgpuserverv2page .deploy-btn{
	border-radius: 20px;
    border: 1px solid #fff;
    padding:6px 20px;
    width: max-content;
    position: relative;
	color:#fff;
	text-decoration: none;
  }
  /* Lead Card (Form) */

  
  .inner-banner-section-l40sgpuserverv2page .lead-card h3 {
	margin-bottom: 6px;
    font-size: 24px;
    font-weight: 600;
    color: #111;
    line-height: 28px;
    text-align: center;
  }
  .inner-banner-section-l40sgpuserverv2page .lead-card .sales-class{color:#7554f7;}
  .inner-banner-section-l40sgpuserverv2page .lead-card p.subtle {
	font-size: 14px;
	color: #555; /* ✅ readable gray */
	margin-bottom: 18px;
  }
  
  /* Form Grid */
  .inner-banner-section-l40sgpuserverv2page .formgrid {
	display: grid;
	gap: 14px;	
  }

  .inner-banner-section-l40sgpuserverv2page .lead-card {
	background: #fff; /* pure solid white */
	padding: 30px 25px;
	border-radius: 14px;
	position: relative;
  }
  
   /* Image piche dikhane ke liye ::before use karenge */
   .inner-banner-section-l40sgpuserverv2page .lead-card::before {
	content: "";
	position: absolute;
	left: -70px;
    top: -57px;
	width: 100%;
	height: 552px;
	background: url('/assets/ai-images/form-box-image.png') no-repeat center top / cover;
	opacity: 0.6;
	z-index: -1; /* ✅ form ke piche chala gaya */
	pointer-events: none;
	}
  
  
  .inner-banner-section-l40sgpuserverv2page .formgrid .input {
	width: 100%;
	padding: 12px 14px;
	border-radius: 8px;
	border: 1px solid #ccc;
	background: #fff; /* ✅ light gray bg for inputs */
	color: #222;
	font-size: 15px;
	outline: none;
  }
  
  .inner-banner-section-l40sgpuserverv2page .formgrid .input::placeholder {
	color: #888;
  }
  
  .inner-banner-section-l40sgpuserverv2page .formgrid .input:focus {
	border-color: #7e5bef;
	background: #fff;
  }
  
  /* Button */
  .inner-banner-section-l40sgpuserverv2page .submit-btn {
    background: rgb(117, 84, 247);
    background: linear-gradient(90deg, rgba(117, 84, 247, 1) 0%, rgba(117, 84, 247, 1) 0%, rgba(117, 84, 247, 1) 62%, rgba(147, 94, 223, 1) 95%);
    color: #fff;
    border: none;
    padding: 12px 20px;
    font-size: 15px;
    border-radius: 50px;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    box-shadow: 0 8px 20px rgba(168, 95, 255, 0.4);
    transition: all 0.3s ease;
    margin: 0 auto;
    font-weight: 600;
    letter-spacing: 0.5px;
  }
  
  .inner-banner-section-l40sgpuserverv2page .submit-btn:hover {
    background: linear-gradient(90deg, #a85fff, #d36bff);
    box-shadow: 0 10px 25px rgba(168, 95, 255, 0.6);
    transform: translateY(-2px);
  }

/* Section: Intro */
  
.gpu-section .container.split {
	display: flex;
	align-items: center;
	justify-content: space-between;
	flex-wrap: wrap; /* important for mobile */
	gap: 20px;
  }
  
  /* GPU text content */
  .gpu-content {
	flex: 1;
	min-width: 400px;
  }
  
  .gpu-content .heading1 {
	font-size: 32px;
	font-weight: 700;
	color: #1b1b1b;
	margin-bottom: 20px;
	line-height: 1.3;
  }
.purple {
	color: #6f3cff;
  }
  
  .gpu-content .subtle {
	font-size: 16px;
	color: #555;
	line-height: 1.7;
	margin-bottom: 15px;
  }
  
  /* GPU Image Styling */
  .gpu-image {
	display: flex;
	justify-content: left;
	align-items: center;
	width:40%;
  }
  
  .gpu-image img {
	width: 100%;
	max-width: 520px;   /* fixed max width */
	height: auto;       /* maintain aspect ratio */
	object-fit: contain;
	border-radius: 12px;
	transition: transform 0.3s ease, box-shadow 0.3s ease;
  }
  
  /* Hover effect */
  .gpu-image img:hover {
	transform: scale(1.03);
	box-shadow: 0 8px 25px rgba(0, 0, 0, 0.1);
  }
  
  /* Full-width paragraph section */
  .gpu-full-para {
	flex-basis: 100%;
	margin-top: 10px;
  }
  
  .gpu-full-para .subtle {
	font-size: 16px;
	color: #444;
	line-height: 1.7;
	margin-bottom: 15px;
  }
  
  section#get-started {
    background: #ece2ff;
}
 /* Utilities */
 .inner-banner-section-l40sgpuserverv2page-inner .grid-2{display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:16px}
 .inner-banner-section-l40sgpuserverv2page-inner .grid-3{display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:16px}
 .inner-banner-section-l40sgpuserverv2page-inner .grid-4{display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:16px}
 .inner-banner-section-l40sgpuserverv2page-inner .center{text-align:center}

  /* Container */
.specs-content .specs {
  grid-template-columns: 350px 1fr;
  gap: 24px;
  background: #fff;
  border-radius: 16px;
  box-shadow: 0 6px 20px rgba(0,0,0,0.08);
  padding: 20px;
  overflow: hidden;
  min-height: 320px;
  border: 1px solid #cac7c7;
}

/* Sidebar Tabs */
.specs-content .tablist {
    display: flex;
    flex-direction: column;
    gap: 6px;
    background: #f6f5f9;
    padding: 20px 0 0 30px;
    border-radius: 0;
    margin: -20px;
}

.specs-content .tab {
  padding: 12px 14px;
  border: none;
  border-left: 4px solid #d8d6dc;
  background: transparent;
  color: #555;
  font-size: 13px;
  font-weight: 500;
  cursor: pointer;
  text-align: left;
  transition: all 0.25s ease;
  border-bottom: 1px solid #dddd;
}

.specs-content .tab:hover {
  background: #ece9f8;
}

.specs-content .tab[aria-selected="true"],
.specs-content .tab.active{
  background: #fff;
  border-left: 4px solid #7c4dff;
  color: #222;
  font-weight: 600;
}

/* Right Panel */
.specs-content .tabpanel {
  background: #fff;
  border-radius: 12px;
  padding: 0 30px;
  color: #333;
}
.specs-content .tabpanel .icon-image-tab{float: right;}
/* Titles */
.specs-content .tabpanel h2 {
  font-size: 20px;
  font-weight: 700;
  margin-bottom: 14px;
  color: #111;
}

/* Bullet List */
.specs-content .spec-list {
	list-style: none;
	padding: 0;
	margin: 0;
	display: grid;
	grid-template-columns: repeat(auto-fit, minmax(250px, 1fr)); /* responsive boxes */
	gap: 15px;
  }
  
 .spec-list li {
	background: #f9f9ff;
	border: 1px solid #ddd;
	border-radius: 6px;
    padding: 20px 20px;
	font-size: 16px;
	line-height: 24px;
	color: #333;
	box-shadow: 0 2px 6px rgba(0,0,0,0.08);
	transition: all 0.3s ease;
  }
  
 .spec-list li:hover {
	background: #f3e9ff;
	border-color: #7c4dff;
	transform: translateY(-4px);
  }
  
 .spec-list li strong {
	color: #7c4dff;
	display: block;
	margin-bottom: 6px;
	font-size: 15px;
  }
  
  

  /* Why Choose */
.why-choose-direction .split{    grid-template-columns: 1.7fr 1.1fr;}

  /* Benefits Carousel / Grid */
.benefits-sections .why-card{padding: 2px;text-align: left;}
.benefits-sections .why-card-grid{padding-bottom: 58px;}

.benefits-sections .why-carousel-wrapper {
	position: relative;
	padding: 20px 0;
}

/* Header with Title + Nav */
.benefits-sections .carousel-header {
	display: flex;
	justify-content: space-between; /* Title left, nav right */
	align-items: center;
	margin-bottom: 15px;
}

.benefits-sections .section-title {
	font-size: 22px;
	font-weight: 700;
	margin: 0;
}

/* Navigation Arrows */
.benefits-sections .custom-nav {
	display: flex;
	gap: 10px;
	justify-content: right;
	padding-bottom: 20px;
}

.benefits-sections .custom-nav button {
	background: #e8e6f0;
	border: 1px solid #ddd;
	width: 38px;
	height: 38px;
	border-radius: 50%;
	font-size: 18px;
	color: #333;
	cursor: pointer;
	transition: all 0.3s ease;
	box-shadow: 0 2px 8px rgba(0,0,0,0.1);
}

/* Hover active */
.benefits-sections .custom-nav button:hover:not(.disabled-nav) {
	background: #522d8d;
	color: #fff;
}

/* Disabled state */
.benefits-sections .custom-nav button.disabled-nav {
	opacity: 0.5;
	cursor: not-allowed;
}


.get-ready-section-bg{    background: linear-gradient(90deg, #f3f0ff 0%, #f9f4ff 100%);
    background-image: url(/assets/ai-images/get-ready-section-bg.png);
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    display: flex;
    align-items: center;
	justify-content: space-between;
    text-align: left;
    position: relative;
    overflow: hidden;    padding: 100px 40px;
    border-radius: 50px}
	.get-ready-section-bg.get-ready-section-bgModelLibrary{
		background-image: url(/assets/ai-images/cta-banner-ai-model-library.png);
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
	}
/* ---- GRID fallback jab cards ≤ 4 ---- */
.benefits-sections .why-card-carousel.static-grid {
	display: grid !important;
	grid-template-columns: repeat(auto-fill, minmax(300px, 1fr));
	gap: 20px;
	padding-bottom: 30px;
}
.get-ready-section-bg .get-btn{text-align: left;}
/* Card Style */
.benefits-sections .why-card {
	/* background: #fff;
	border: 1px solid #eee; */
	border-radius: 12px;
	overflow: hidden;
	/* box-shadow: 0 4px 12px rgba(0,0,0,0.05); */
	transition: transform 0.3s ease;
	height: 100%;
    margin-bottom: 24px;
}

.benefits-sections .why-card:hover {
	transform: translateY(-5px);
}

.benefits-sections .why-card img {
	width: 100%;
	height: auto;
	display: block;
	border-bottom: 1px solid #f1f1f1;
	object-fit: cover;
    max-height: 200px;
}

.benefits-sections .why-card .card-body {
	padding: 15px 0;
}

.benefits-sections .why-card .card-title {
	font-size: 20px;
	font-weight: 600;
	margin-bottom: 8px;
	color: #222;
}

.benefits-sections .why-card .card-text {
	font-size: 14px;
	color: #555;
	line-height: 1.5;
}

/* ---- CTA Banner ---- */
.benefits-sections .cta-banner {
	background: #7c4dff;
	color: #fff;
	border-radius: 20px;
	padding: 20px 30px;
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 40px;
	text-align: left;
}

.benefits-sections .cta-banner h3 {
	font-size: 28px;
	font-weight: 700;
	margin-bottom: 12px;
}

.benefits-sections .cta-banner p {
	font-size: 16px;
	margin-bottom: 20px;
}

.benefits-sections .btn-cta {
	display: inline-block;
	background: #fff;
	color: #7c4dff;
	padding: 12px 24px;
	border-radius: 10px;
	font-weight: 600;
	text-decoration: none;
	transition: all 0.3s ease;
}

.benefits-sections .btn-cta:hover {
	background: #eee;
}

/* CTA Image */
.benefits-sections .cta-img img {
	max-width: 380px;
	border-radius: 16px;
	box-shadow: 0 4px 20px rgba(0,0,0,0.15);
}

.ab-section-heading{border-bottom:1px solid rgba(255, 255, 255, 0.4); padding-bottom:20px; }


  /* Pricing Table */
  .gpugridrow{}
  .gpugridrow .gpugrid{}
  .gpugridrow .gpugrid h3{                                             font-size: 18px;
  font-weight: 700;
  margin-bottom: 6px;
  color: #522d8d;}
  .gpugridrow .gpugrid table{                                                   border-radius: 10px;
  display: inline-block;
  overflow: hidden;
  overflow-x: initial !important;
  box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
  background: #fff;
  border-top: none;}
  .gpugridrow .gpugrid table,.gpugridrow .gpugrid table td,.gpugridrow .gpugrid table tr,.gpugridrow .gpugrid table th{font-size:12px;line-height:14px;border:0;}
  .gpugridrow .gpugrid table tr{border-bottom: 1px solid #c2c6c9;}
  .gpugridrow .gpugrid table tr:last-child{border:0}
  .gpugridrow .gpugrid table th{background: #522d8d;color: #fff;}
  .gpugridrow .gpugrid table td{background:#fff}
  .priceResponsiveTable{}
  .gpugrid .card-item{
  padding: 0;
  box-shadow: none;
  background: unset;
  display: inline-block;
  width: 100%;
  }
  .gpugrid .card-item:hover{
  transform: unset;
  box-shadow: unset;
  background: unset;
  transform: unset;
  box-shadow: unset
  }
  .gpugrid .card-item:hover h2{color:unset}
  .gpugrid .card-item h2{font-size:12px;font-weight:normal;padding:0;
  margin: 0;}

/* Two new pages desing layout end */

/* serverless-inferencing page css start */
.workflow-section span.img-span {
    width: 70px;
    height: 70px;
    background: #f2e9fe;
    border-radius: 50%;
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 20px;
	transition: transform 0.3s ease, box-shadow 0.3s ease;
}
.workflow-section span.img-span .workflow-image{    width: 40px;
    height: auto;}


/* Grid layout */
.stands-section .grid {
	display: grid;
	grid-template-columns: repeat(auto-fit, minmax(330px, 1fr));
	gap: 25px;
	margin-top: 50px;
}

/* Card basic style with fade-up animation */
.stands-section .card {
	background: #fff;
	border: 1px solid #4a298f;
	border-radius: 6px;
	padding: 20px;
	text-align: left;
	box-shadow: 0 4px 15px rgba(0,0,0,0.05);
	position: relative;
	overflow: hidden;
	opacity: 0;
	transform: translateY(30px);
	animation: fadeUp 0.6s forwards;
	transition: transform 0.3s ease, box-shadow 0.3s ease, background 0.5s ease, color 0.5s ease;
}

/* Card heading alignment */
.stands-section .grid-heading {
	display: flex;
	justify-content: space-between;
	align-items: center;
	margin-bottom: 15px;
}

/* Card hover effects */
.stands-section .card:hover {
	transform: translateY(-8px) scale(1.02);
	box-shadow: 0 12px 25px rgba(108,71,255,0.3);
	background: linear-gradient(135deg, #6c47ff, #a475ff);
	color: #fff;
}

/* Overlay hover animation */
.stands-section .card::before {
	content: "";
	position: absolute;
	top: -50%;
	left: -50%;
	width: 200%;
	height: 200%;
	background: radial-gradient(circle, rgba(255,255,255,0.15) 0%, transparent 70%);
	transform: rotate(45deg) scale(0);
	transition: transform 0.6s ease;
	pointer-events: none;
	z-index: 1;
}
.stands-section .card:hover::before {
	transform: rotate(45deg) scale(1);
}

/* Card icon */
.stands-section .card-icon {
	font-size: 40px;
	color: #6c47ff;
	animation: float 3s ease-in-out infinite;
	transition: color 0.5s ease;
}
.stands-section .card-icon img {
	width: 50px;
	display: block;
	transition: filter 0.5s ease;
}

/* Hover pe white icon */



/* Card title */
.stands-section .card h3 {
	font-size: 20px;
	font-weight: 600;
	transition: color 0.5s ease;
}
.stands-section .card:hover h3 {
	color: #fff;
}

/* Card paragraph */
.stands-section .card p {
	font-size: 15px;
	line-height: 1.6;
	transition: color 0.5s ease;
}
.stands-section .card:hover p {
	color: #f0f0f0;
}

/* Floating animation for icons */
@keyframes float {
	0%, 100% { transform: translateY(0); }
	50% { transform: translateY(-6px); }
}

/* Fade-up animation for cards */
@keyframes fadeUp {
	0% { opacity: 0; transform: translateY(30px); }
	100% { opacity: 1; transform: translateY(0); }
}

/* Staggered animation delay */
.stands-section .card:nth-child(1) { animation-delay: 0.1s; }
.stands-section .card:nth-child(2) { animation-delay: 0.2s; }
.stands-section .card:nth-child(3) { animation-delay: 0.3s; }
.stands-section .card:nth-child(4) { animation-delay: 0.4s; }
.stands-section .card:nth-child(5) { animation-delay: 0.5s; }
.stands-section .card:nth-child(6) { animation-delay: 0.6s; }

/* serverless-inferencing page css end */

/* knowledge page css start */
.inner-banner-section-knowledge-banner .inner-banner-bg-new h1, .inner-banner-section-knowledge-banner .inner-banner-bg-new p{color: #fff;}
.inner-banner-section-knowledge-banner .inner-banner-bg-new h1{
    font-size: 35px;
    font-weight: 500;
}
.inner-banner-section-knowledge-banner .inner-banner-bg-new p{    font-size: 18px;
    line-height: 24px;}
	
	.inner-banner-section-knowledge-banner {
		position: relative;
		overflow: hidden;
		width: 100%;
		display: flex;
		align-items: center;
	}
	img.baner-image-new {
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
		object-fit: cover;
		z-index: -1;
		filter: brightness(0.65);
	}
	.inner-banner-bg-new {
		position: relative;
		z-index: 2;
		padding: 80px 0;
		color: #fff;
	}
	:root{
		--bg:#0b0615;
		--brand:#7c3aed; /* purple */
		--brand-2:#a855f7; /* lighter */
		--text:#eae4ff;
		--muted:#b7aee2;
		--line:#2a2340;
		--card:#130b25;
		--chip:#23163d;
		}
	/* Main grid */
.Knowledgebase-main-section .kb-layout{display:grid; grid-template-columns: 250px 1fr 300px; gap:24px; padding:26px 0 60px!important}
/* Cards & panels */
.Knowledgebase-main-section .panel{background:#f6f4f8; }
.Knowledgebase-main-section .panel .hd{padding:16px 18px; border-bottom:1px solid #e8e8e8; font-weight:400;color: #522e8f;font-size: 18px;}
.Knowledgebase-main-section .panel .bd{padding:10px 14px}


/* Left: Categories */
.Knowledgebase-main-section .cats{position:sticky; top:76px; align-self:start}
.Knowledgebase-main-section .cat-list{list-style:none; padding:0px; margin:0}
.Knowledgebase-main-section .cat-list li{margin:2px 0}
.Knowledgebase-main-section .cat-item{display:flex; align-items:center; justify-content:space-between; gap:10px; padding:10px 12px; border-radius:4px; color:#333; text-decoration:none;border-bottom: 1px solid #ddd;font-size: 15px;cursor: pointer;}
.Knowledgebase-main-section .cat-item i{display: none;}
.Knowledgebase-main-section .cat-item:hover{background:#f4ecff; color:#000}
.Knowledgebase-main-section .cat-item.active{background:#4b3089; color:white;}
.Knowledgebase-main-section .cat-item:hover i{color: #333;}
.Knowledgebase-main-section .cat-item.active i, .Knowledgebase-main-section .cat-item:hover i{display:block}
.Knowledgebase-main-section .cat-item.active i{color: #fff;}

.caret{width:14px;height:14px; opacity:.7}
.Knowledgebase-main-section li:last-child .cat-item{border-bottom: none;}


/* Center: Article list */
.Knowledgebase-main-section .kb{padding:0}
.Knowledgebase-main-section .kb .hd{display:flex; align-items:center; justify-content:space-between;padding: 0 14px;}
.Knowledgebase-main-section .kb-search{display:flex; gap:10px}
.Knowledgebase-main-section .kb-search input{background:#fff;color:#573e91; padding:10px 12px; border-radius:0px; width:320px;border: none;border-bottom:1px solid #ddd;}
.Knowledgebase-main-section .list{list-style:none; margin:0; padding:6px}
.Knowledgebase-main-section .list a{display:flex; align-items:center; gap:10px; padding:12px 8px; text-decoration:none; color:#573e91;font-weight: 400;border-radius: 0px;font-size: 15px;border-bottom: 1px solid #ddd;}
.Knowledgebase-main-section .list a:hover, .Knowledgebase-main-section .list a.active{color:#a791fa;background: #f4ecff;}



/* Right: Form & side lists */
.Knowledgebase-main-section .right-col{display:flex; flex-direction:column; gap:18px; position:sticky; top:76px; align-self:start}
.Knowledgebase-main-section .form{display:grid; gap:10px}
.Knowledgebase-main-section .form input, .Knowledgebase-main-section .form textarea{width:100%; background:#fff; border:1px solid #ddd; color:#333; padding:10px 12px; border-radius:10px;}
.Knowledgebase-main-section .btn{display:inline-flex; justify-content:center; align-items:center; padding:10px 14px; border-radius:10px; border:none; background:linear-gradient(135deg,var(--brand),var(--brand-2)); color:white; font-weight:700; cursor:pointer}

.Knowledgebase-main-section .right-col .panel-right .heading1{font-size: 18px;line-height: 28px;color: #484848;}
.Knowledgebase-main-section .right-col .panel-right .light-purpal{color: #522e8f;}
.Knowledgebase-main-section .right-col .panel-right ul li a{color: #333;font-size: 14px;}

.Knowledgebase-main-details .kb-layout {
	display: grid;
	grid-template-columns: 1fr 320px;
	gap: 28px;
  }
  .Knowledgebase-main-details .Knowledgebase-image-page img{max-width: 100%;}
  .Knowledgebase-main-details .kb-left .article-content{padding:22px}
  .Knowledgebase-main-details .kb-left h2,   .Knowledgebase-main-details .kb-left h1{        font-size: 22px;margin:26px 0 10px;font-weight: 600;}


  .Knowledgebase-main-details .kb-left h3{font-size:18px;margin:18px 0 8px}
  .Knowledgebase-main-details .kb-left p{color:#3b3f4a;margin:10px 0}
  .Knowledgebase-main-details .kb-left ul{margin:8px 0 18px;padding-left:20px}
  .Knowledgebase-main-details .kb-left li{margin:6px 0}
	.Knowledgebase-main-details .kb-left {
		border-right: 1px solid #ddd;
		background: #fff;}
/* knowledge page css end */
/* ai-model-library Page Css */
.newListing{
    list-style: none;
    padding: 0;
    margin-top: 0;
    margin-bottom: 13px;
}
.newListing li{
	position: relative;
    padding: 0 0 0 18px;
}
.newListing li::before{
	content: "";
    background: #7656f4;
    position: absolute;
    left: 0;
    top: 9px;
    width: 6px;
    height: 6px;
}
.stands-section .card:hover .newListing li::before{background: #fff;}
.HowAIModelLibraries{}
.HowAIModelLibrariesNew .section {
    display: flex;
    justify-content: center;
    gap: 40px;
}
.HowAIModelLibrariesNew .center {
    flex: 1 1 320px;
    display: flex;
    justify-content: center;
    align-items: center;
    min-width: 280px;
}
.HowAIModelLibrariesNew .center img {
    max-width: 100%;
    height: 300px;
    object-fit: contain;
}
.HowAIModelLibrariesNew .right {
    padding: 25px 25px;
    border-radius: 0;
    border: 1px solid #dbd4f9;
    border-right: none;
}
.HowAIModelLibrariesNew .right li{
	display: flex;
    align-items: flex-start;
    font-size: 16px;
    margin-bottom: 12px;
    line-height: 22px;
}
.HowAIModelLibrariesNew .right.leftpage {
    border: 1px solid #dbd4f9;
    border-left: none;
    border-radius: initial;
}
.HowAIModelLibrariesNew .right li::before {
    content: "\f00c";
    font-family: "Font Awesome 5 Free";
    color: #fff;
    font-weight: bold;
    margin-right: 10px;
    flex-shrink: 0;
    background: #a599ef;
    width: 20px;
    height: 20px;
    display: inline-flex;
    align-items: center;
    text-align: center;
    border-radius: 20px;
    justify-content: center;
    margin-top: 1px;
}
.HowAIModelLibrariesNew .right .heading1{font-size: 22px;}
.HowAIModelLibrariesNew .right ul + p{margin-bottom: 0;}


.HowAIModelLibrariesNew  .center img {
	animation: HowAIModelLibrariesfloatAndRotate 4s infinite ease-in-out;
	}
	.HowAIModelLibrariesNew  .right li {
	display: flex;
	align-items: center;
	margin-bottom: 15px;
	opacity: 0;
	transform: translateY(20px);
	animation: HowAIModelLibrariesslideUp 0.6s forwards;
	}
	@keyframes HowAIModelLibrariesslideUp { to { opacity: 1; transform: translateY(0); } }
	@keyframes HowAIModelLibrariesfloatAndRotate {
	0% { transform: translateY(0) rotate(0deg); }
	25% { transform: translateY(-15px) rotate(3deg); }
	50% { transform: translateY(0) rotate(0deg); }
	75% { transform: translateY(-10px) rotate(-3deg); }
	100% { transform: translateY(0) rotate(0deg); }
	}
	@keyframes HowAIModelLibrariesfloatAndRotate {
	0% { transform: translateY(0) rotate(0deg); }
	25% { transform: translateY(-15px) rotate(3deg); }
	50% { transform: translateY(0) rotate(0deg); }
	75% { transform: translateY(-10px) rotate(-3deg); }
	100% { transform: translateY(0) rotate(0deg); }
	}
	.GreyBoxcontentSection {
		text-align: center;
		padding: 60px 20px;
		background: #faf8fc;
	}
	.bannerBtn{
		border-radius: 20px;
		border: 1px solid #fff;
		padding: 6px 20px;
		width: max-content;
		position: relative;
		color: #fff;
		text-decoration: none;
	} 
	.bannerBtn .right-arrow-svg{max-width: 12px;}
	.bannerBtn:hover{color: #fff;}
.ready-section-modelLibraryPage .section-time-page .buttons a{width: 236px;}
/* ai-model-library Page Css end */
/* ai-apps-hosting css start here */
.whiteboxWithImgSection {
	background: #fff;
	position: relative;
	overflow: hidden;
  }
  
  
  .whiteboxWithImgSection .security-content .heading1 {
	font-size: 2.5rem;
	font-weight: 700;
	margin-bottom: 20px;
  }
  
  .whiteboxWithImgSection .security-content .purple {
	color: #7d40ff;
  }
  
  .whiteboxWithImgSection .security-content .sub-text {
	font-size: 1.1rem;
	color: #000;
	margin-bottom: 25px;
	line-height: 1.6;
  }
  
  .whiteboxWithImgSection .security-list {
	list-style: none;
	padding: 0;
  }
  
  .whiteboxWithImgSection .security-list li {
	margin-bottom: 15px;
	font-size: 1.05rem;
	display: flex;
	align-items: center;
	gap: 10px;
	color: #333;
	transition: color 0.3s ease;
  }
  
  .whiteboxWithImgSection .security-list li i {
	color: #7d40ff;
	font-size: 1.2rem;
	transition: transform 0.3s ease;
  }
  
  .whiteboxWithImgSection .security-list li:hover i {
	transform: scale(1.2);
  }
  
  .whiteboxWithImgSection .security-image img {
	 border: 1px solid #ddd;
	  width: 100%;
	  animation: floatShieldwhiteboxWithImgSection 5s ease-in-out infinite;
	  border-radius: 10px;
	  padding: 10px;
  }
  
  @keyframes floatShieldwhiteboxWithImgSection {
	0%, 100% { transform: translateY(0); }
	50% { transform: translateY(-10px); }
  }
  
  /* Fade Animations */
  .fade-in-left {
	animation: fadeLeft 1.2s ease both;
  }
  .fade-in-right {
	animation: fadeRight 1.2s ease both;
  }
  @keyframes fadeLeft {
	from { opacity: 0; transform: translateX(-30px); }
	to { opacity: 1; transform: translateX(0); }
  }
  @keyframes fadeRight {
	from { opacity: 0; transform: translateX(30px); }
	to { opacity: 1; transform: translateX(0); }
  }
  .BlueBoxContent{
	background: repeating-linear-gradient(45deg, #c3a8fd, transparent 2px);
    position: relative;
    overflow: hidden;
  }
  .BlueBoxContent .heading1 {
    font-weight: 700;
    color: #1a1a40;
}
.BlueBoxContent .highlight-card {
    background: #fff;
    border-radius: 16px;
    padding: 25px;
    text-align: center;
    transition: all 0.4s ease;
    box-shadow: 0 6px 20px rgba(0, 0, 0, 0.06);
    height: 100%;
}
.BlueBoxContent .sub-text{
	font-size: 18px;
    color: #1a1a40;
    margin-bottom: 20px;
}
.BlueBoxContent .sub-text strong,.BlueBoxContent p strong{font-weight: 700;}
.BlueBoxContent .highlight-card h4 {
    font-size: 1.2rem;
    color: #1a1a40;
    font-weight: 600;
}
.BlueBoxContent p {
	font-size: 18px;
    color: #1a1a40;
    margin-bottom: 20px;
}
.BlueBoxContent .highlight-card:hover {
    transform: translateY(-8px);
    box-shadow: 0 10px 25px rgba(123, 62, 255, 0.15);
}
.BlueBoxNumbering.infc-section4 .bg-color p{margin-bottom: 0px;}
.BlueBoxNumbering.infc-section4 .grid{gap:10px}
.BlueBoxNumbering h3{
	font-size: 25px;
    font-weight: bold;
    color: #fff;
    padding: 15px 0 3px 0;
    margin: 0;
}
ul.listing{}
ul.listing li{
	font-size: 16px;
    color: #555;
    line-height: 1.6;
    position: relative;
	padding: 2px 0 2px 19px;
}
ul.listing li::before{
	content: "";
    position: absolute;
    left: 0;
    top: 10px;
    width: 7px;
    height: 7px;
    background: #7656f4;
}

.toggle-container {
      display: flex;
      gap: 12px;
      font-size: 16px;
      font-weight: 500;
      color: #111;
      justify-content: center;
      align-items: center;
      }
      .toggle-switch {
      position: relative;
      width: 70px;
      height: 40px;
      background: #522e8b; /* Default to Dollar */
      border-radius: 30px;
      cursor: pointer;
      box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2);
      transition: background-color 0.3s ease;
      }
      .toggle-switch.monthly {
      background: #7656f4; /* INR when toggled */
      }
      .toggle-switch input {
      display: none;
      }
      .toggle-slider {
      position: absolute;
      top: 5px;
      left: 5px;
      width: 30px;
      height: 30px;
      background: white;
      border-radius: 50%;
      transition: transform 0.3s ease;
      display: flex;
      align-items: center;
      justify-content: center;
      font-size: 16px;
      font-weight: bold;
      color: #522e8b;
      }
      .toggle-switch input:checked+.toggle-slider {
      transform: translateX(30px);
      }
      .toggle-switch input:checked+.toggle-slider .currency-symbol {
      color: #7656f4;
      }
      .currency-symbol {
      transition: color 0.3s ease;
      pointer-events: none;
      }
      .toggle-container span.active {
      font-weight: 700;
      color: #522e8b;
      }
      .toggle-container span.monthly-active {
      font-weight: 700;
      color: #7656f4;
      }



	  .toggle-container.commonToggleContainer {
		display: flex;
		gap: 12px;
		font-size: 16px;
		font-weight: 500;
		color: #111;
		justify-content: center;
		align-items: center;
		}
		.commonToggleContainer .toggle-switch {
		position: relative;
		width: 70px;
		height: 40px;
		background: #522e8b; /* Default to Dollar */
		border-radius: 30px;
		cursor: pointer;
		box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2);
		transition: background-color 0.3s ease;
		}
		.commonToggleContainer .toggle-switch.monthly {
		background: #7656f4; /* INR when toggled */
		}
		.commonToggleContainer .toggle-switch input {
		display: none;
		}
		.commonToggleContainer .toggle-slider {
		position: absolute;
		top: 5px;
		left: 5px;
		width: 30px;
		height: 30px;
		background: white;
		border-radius: 50%;
		transition: transform 0.3s ease;
		display: flex;
		align-items: center;
		justify-content: center;
		font-size: 16px;
		font-weight: bold;
		color: #522e8b;
		}
		.commonToggleContainer .toggle-switch input:checked+.toggle-slider {
		transform: translateX(30px);
		}
		.commonToggleContainer .toggle-switch input:checked+.toggle-slider .currency-symbol {
		color: #7656f4;
		}
		.commonToggleContainer .currency-symbol {
		transition: color 0.3s ease;
		pointer-events: none;
		}
		.commonToggleContainer.toggle-container span.active {
		font-weight: 700;
		color: #522e8b;
		}
		.commonToggleContainer.toggle-container span.monthly-active {
		font-weight: 700;
		color: #7656f4;
		}

@media screen and (max-width: 480px) {
	.common-cta-btn .cta-image{width: 100%;}
	.common-cta-btn .cta-text{max-width: 100%!important;}
	.common-cta-btn .cta-section{padding: 20px!important;}
	.web-table-section .table{overflow: scroll;}
	.rentnext-section .stats-row, .rentnext-section .gpu-server-image-box{display: block!important;}
	.datasectionpage .features {
		display: grid;
		gap: 10px;
		grid-template-columns: repeat(1, 1fr); /* ✅ Mobile landscape */
	  }
	  .datasectionpage .dataset-card{max-width: 100%!important;min-width: 100%!important;}
	.inner-banner-section-knowledge-banner .inner-banner-bg-new h1 {
		font-size: 40px;}
	.Knowledgebase-main-section .cats{position: inherit;}
	.inner-banner-section-knowledge-banner .inner-banner-bg-new p {
		font-size: 20px;
		line-height: 30px;}
	.inner-banner-section-l40sgpuserverv2page .lead-card::before{display: none;}
	.inner-banner-section-l40sgpuserverv2page-inner .split, .get-started-section .cta, .benefits-sections .cta-banner, .specs-content .specs, .specs-content .spec-list, .Knowledgebase-main-section .kb-layout{display: block;}
	.spec-list li{margin-bottom: 10px;}
	.inner-banner-section-l40sgpuserverv2page-inner .gpu-content h2, 
	.inner-banner-section-l40sgpuserverv2page-inner .center, 
	.get-started-section .cta h3,
	.benefits-sections .cta-banner h3
	{
		font-size: 20px;
        line-height: 23px;}
		.benefits-sections .cta-img img{max-width: 100%;padding-top: 14px;}
		.docs-page .accordion .card-header a {font-size: 12px;}
		.get-ready-section-bg{background-image: none;padding: 20px}
		.specs-content .tablist, .specs-content .tabpanel{padding: 0;}
		.specs-content .tabpanel h2{text-align: left;}
		.specs-content .tabpanel .icon-image-tab {float: none;}
		.benefits-sections .cta-banner{padding: 10px 14px;}
		.specs-content .tab{background: inherit;}
		.specs-content .tabpanel{padding-top: 26px;}
	.inner-banner-bg .col-md-5 {
		padding: 0;
	}

	.inner-banner-bg .col-md-5 img {
		max-width: 100% !important;
	}

	.inner-banner-bg .padding-banner {
		padding: 10px 0px 0;
	}

	.ai-container {
		grid-template-columns: repeat(1, 1fr) !important;
	}

	.ai-item {
		padding: 0 !important;
	}

	.gpu-container {
		grid-template-columns: 1fr;
	}

	.feature-container {
		grid-template-columns: 1fr;
	}

	.box-time-btn .explore {
		min-width: 130px !important;
		font-size: 10px !important;
		padding: 14px 6px !important;
		margin-top: 0 !important;
	}
}


@media screen and (max-width: 767px) {
	.get-ready-section-bg{background: linear-gradient(90deg, #f3f0ff 0%, #f9f4ff 100%);}
	.bottom-footer ul{flex-wrap: wrap; }
	.bottom-footer ul li{border-right: none;line-height: 14px;}
	.bottom-footer{text-align: center;}

	.inner-banner-section-l40sgpuserverv2page .banner-heading .heading1 {
		font-size: 26px;
	  }
	  .osano-cm-widget{    bottom: 62px!important;}
	  
	  .inner-banner-section-l40sgpuserverv2page .banner-heading p {
		font-size: 18px;
		line-height: 20px;
	  }

	.docs-page .sidebar-page {
		height: 500px;
		overflow: scroll;
	}

	section.blog-cyfuture-ai h1 {
		font-size: 26px;
		margin-bottom: 0;
	}

	.category-page .category-grid {
		display: none;
	}

	.category-page .mobile-slider,
	.category-page .slider-indicator {
		display: block;
	}

	.cyfuture-blog-middle .blog-grid {
		display: none;
	}

	.cyfuture-blog-middle .mobile-slider {
		display: block;
	}

	.cyfuture-blog-middle h1 {
		font-size: 2rem;
	}

	section.blog-cyfuture-ai .blog-card {
		height: 100%;
	}

	section.blog-cyfuture-ai .blog-content {
		padding: 10px;
	}

	section.blog-cyfuture-ai .blog-title {
		font-size: 14px;
	}

	.section-3 .carousel-track {
		animation-duration: 6s;
		/* Faster scrolling */
	}

	.section-3 .carousel .logo {
		max-width: 7rem;
		/* Smaller logos on mobile */
	}


	.docs-page .header-image {
		padding-bottom: 20px;
		padding-top: 20px;
	}

	.docs-page .content-main h2 {
		padding-top: 20px;
	}

	.docs-page .content-main h2,
	.docs-page .content-main h3 {
		font-size: 17px;
	}

	.docs-page .content-main,
	.docs-page .toc-main {
		padding: 0;
		margin-top: 14px;
	}

	.copy-success {
		right: 18px !important;
		top: 66px !important;
	}

	.left-side-content {
		text-align: center;
	}

	.cs_Feat_left .left-time-image,
	.cs_Feat_right .right-time-image {
		display: none;
	}

	.model-banner img,
	.model-banner {
		height: 160px !important;
	}

	.model-inner {
		margin-top: -50px;
	}

	.model-section .deployments-content .tabs .tab-list {
		overflow-x: scroll;
		border-bottom-left-radius: 8px;
		border-bottom-right-radius: 8px;
		display: flex;
		border-bottom: none;
		position: relative;
	}

	.model-section .deployments-content .content-center {
		width: 100% !important;
	}

	.model-section .deployments-content .copy-code {
		position: relative;
		margin-top: 18px;
		color: #fff;
	}

	.middle-php-btn-page .col-md-9 {
		margin-top: 20px;
	}

	.model-section .deployments-content .copy-code:hover {
		color: #000;
	}

	.model-section pre {
		width: 50%;
		margin: 0 !important;
	}

	.model-section .deployments-content .tab-button {
		padding: 10px 20px;
		color: #000;
		margin-right: 3px;
		font-size: 13px;
	}

	.model-section .deployments-content .item-page {
		color: #333;
	}

	.model-section .deployments-content .tabs-page {
		margin-bottom: 0;
	}

	.model-section .deployments-content .tab-content-page p {
		font-size: 14px;
	}

	.deployments-content h3,
	.model-section .deployments-content .item-page {
		font-size: 18px;
	}

	.bg-white .gpu-box {
		padding: 10px 0;
		;
	}

	.feature-container {
		grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
	}

	.gpu-container {
		grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
	}

	.home-text .slide-heading1,
	.left-side-content .slide-heading1 {
		font-size: 20px;
		line-height: 22px;
	}

	.inner-banner-section .home-text p,
	.left-side-content p {
		font-size: 16px;
		line-height: 20px;
	}

	.inner-banner-section img {
		/*height: 200px;*/
		width: initial;
	}

	.cluster-heading {
		font-size: 20px;
	}

	.section-2 .feature-card {
		margin-top: 25px;
	}

	.section-2 .feature-card h3 {
		font-size: 18px;
	}

	.section-4 .bg-color,
	.section-5 .section4-bg-image {
		padding: 30px 0;
	}

	.section-banner-inner {
		/*height: 200px !important;*/
	}

	.inner-banner-section {
		/*height: 450px;*/
	}

	.infc-section4 .text-content h2 {
		font-size: 20px;
	}

	.inf-border-bottom {
		padding-bottom: 20px;
	}

	.infc-section4 .box-feature {
		width: 100%;
		text-align: center;
	}

	.infc-section4 .feature-card:hover {
		box-shadow: initial;
		background: transparent;
	}

	.infc-section4 .feature-card {
		display: block;
		text-align: center;
		padding: 0;
	}

	.infc-section4 .feature-card .content h3 {
		font-size: 16px;
	}

	.infc-section4 .text-content p {
		font-size: 16px;
		line-height: 20px;
	}

	.infc-section4 .number {
		padding-bottom: 10px;
	}

	.infc-section4 .feature-card .content {
		margin-top: 20px;
	}

	.grid-page-new .grid-item {
		padding: 15px;
		height: auto;
	}


	.section-time-page .content p {
		text-align: center;
	}

	.grid-view-container:has(.grid:nth-child(2):last-child) .grid,
	.grid-view-container:has(.grid:nth-child(3):last-child) .grid {
		margin-bottom: 20px;
	}

	.section-time-page .content h2 {
		font-size: 20px;
		text-align: center;
	}

	.section-time-page .grid {
		grid-template-columns: 1fr;
		text-align: left;
	}

	.section-time-page .buttons {
		text-align: center;
	}

	.section-time-page .btn-page a {
		width: inherit !important;
		margin: 2px !important;
		display: inline-block !important;
	}

	.grid-page-new {
		grid-template-columns: 2fr;
	}

	body .ab-submenu-page {
		grid-template-columns: 2fr;
	}

	.inner-banner-section {
		/*position: initial;*/
	}

	.grid-container {
		grid-template-columns: repeat(auto-fit, minmax(200px, 1fr)) !important;
	}

	.grid-container:has(.card-item) {
		display: grid !important;
		justify-content: initial !important;
	}

	.grid-container:has(.card-item:nth-child(2):last-child) .card-item,
	.grid-container:has(.card-item:nth-child(3):last-child) .card-item {
		width: 100% !important;
		max-width: none !important;
		min-height: auto;
		margin-bottom: 10px;

	}

	.web-inner-section .card-item h2 {
		padding-top: 100px;
	}

	.grid-container .card-item {
		min-height: 250px;
		display: block;
		padding: 20px;
	}

	.web-inner-section .accordion-template .accordion .card .serverless-content .serverless-text {
		display: none;
	}

	.logo {
		background: #fff;
	}

	.inner-banner-section .home-text p {
		font-size: 15px;
		line-height: 20px;
	}

	.fine-tuning-sec .title2 {
		font-size: 28px;
	}

	.fine-tuning-sec p {
		font-size: 16px;
		line-height: 22px;
	}

	.ai-container {
		grid-template-columns: repeat(2, 1fr);
	}

	.ai-item {
		flex-direction: column;
		align-items: center;
		text-align: center;
	}

	.logo-grid {
		grid-template-columns: repeat(2, 1fr);
		padding: 0;
	}

	.logo-item {
		padding: 25px 10px;
	}

	.logo-item img {
		max-width: 80px;
		max-height: 40px;
	}

	#alltnew.active {
		display: block;
	}

	.tabs ul {
		display: none !important;
	}

	.tabs select {
		display: block;
		width: 100%;
		padding: 10px;
		font-size: 16px;
		border: none;
		background: none;
	}


	.inner-banner-section .home-text {
		padding-top: 40px;
	}

	.home-text .slide-heading1 {
		font-size: 24px;
	}

	.web-inner-section .text-right {
		text-align: left !important;
	}

	.web-inner-section .accordion-template .card-header h2 button {
		font-size: 16px;
		padding: 16px;
	}

	.web-inner-section .accordion-template .accordion .card .serverless-content .serverless-text h4 {
		font-size: 16px
	}

	.web-inner-section .accordion-template .accordion .card .serverless-content {
		width: 100%;
	}

	.grid-container {
		padding: 0;
		margin-top: 14px;
	}

	.web-inner-section .info-banner {
		display: block;
		margin-top: 20px;
	}

	.home-banner img.home-banner-icon {
		height: 300px;
	}

	.section-1 .tabbed-content .tabitem .item-content .item-list-box ul li {
		margin-top: 10px;
		height: 300px;
	}

	.col-md-4.why-cyf-md-4 {
		margin-top: 0px;
	}

	.section-6 .col-md-4.aos-init.aos-animate,
	.section-4 .col-md-4.aos-init.aos-animate {
		margin-bottom: 10px;
	}

	.light-bg {
		height: 100px;
	}

	.section-7-bg ul {
		margin: -20px;
		padding: 0;
	}

	.section-7-bg ul li {
		width: calc(100%*(1 / 2) - 30px);
		margin: 10px;
	}

	.text-right {
		text-align: center !important;
	}

	.bottom-footer .col-md-4.fade-in.aos-init.aos-animate {
		text-align: center;
		margin-bottom: 6px;
	}

	.bottom-footer .col-md-4.fade-in.aos-init.aos-animate:last-child {
		margin-bottom: 0px;
	}

	.home-text .btn {
		background: rgb(117, 84, 247);
		background: linear-gradient(90deg, rgba(117, 84, 247, 1) 0%, rgba(117, 84, 247, 1) 0%, rgba(117, 84, 247, 1) 62%, rgba(147, 94, 223, 1) 95%);
		border: none;
	}

	.section-4 .mt-4,
	.my-4 {
		margin-top: 0 !important;
	}

	.col-md-4.fade-in.aos-init {
		text-align: center;
	}

	.linkonly-mobile {
		display: block;
	}

	.linkonly-mobile span {
		background: #522d8d;
		width: 40px;
		height: 40px;
		border-radius: 50px;
		text-align: center;
	}

	.linkonly-mobile-svg {
		max-width: 20px;
		transform: rotate(324deg);
	}

	.section-7-bg ul .nub,
	.section-7-bg ul p {
		text-align: center;
	}

	section .heading1 {
		font-size: 20px;
		width: 100%;
		text-align: center;
		display: inline-block;
		max-width: 100%;
	}

	.main-navigation .has-submenu ul.fullwidth .dropdown-column {
		width: 100%;
	}

	/* Mobile Navigation */

	.main-navigation {
		position: fixed;
		top: 100%;
		left: 0;
		width: 300px;
		/* Adjust width as needed */
		height: 100vh;
		background: #fff;
		transform: translateX(-100%);
		transition: transform 0.4s ease-in-out;
		z-index: 1002;
		max-height: calc(100vh - 60px);
		overflow: auto;
	}

	.main-navigation .has-submenu ul.dropdown-menu-item {
		position: relative;
		width: 100%;
	}

	.main-navigation.active {
		transform: translateX(0);
	}

	.main-navigation .navbar {
		display: block;
		text-align: left;
	}

	.hamburger-menu {
		display: block;
		position: absolute;
		top: 10px;
		right: 20px;
		z-index: 9999999;
		width: 35px;
		height: 35px;
		display: block;
		background: #fff;
		text-align: center;
		border-radius: 3px;
	}

	.main-navigation .navbar>li>a {
		color: #333;
		max-width: 100%;
		padding: 20px 0;
		width: 100%;
		display: flex;
		justify-content: space-between;
		font-size: 25px;
	}

	.swiper-container {
		display: block;
		width: 100%;
		overflow: hidden;
	}

	.tabbed-content .tabs ul li a.active,
	.tabbed-content .tabs ul li a:hover,
	.tabbed-content .tabs ul li button.active,
.tabbed-content .tabs ul li button:hover
	 {
		background: #fff;
		text-decoration: none;
	}


	.tabbed-content .tabs ul {
		flex-wrap: initial;
		border: none;
		overflow-x: scroll;
		border-bottom-left-radius: 8px;
		border-bottom-right-radius: 8px;
		border-radius: 50px;
		padding: 14px 9px;
	}

	.tabbed-content .tabs {
		padding: 0 11px;
		overflow: hidden;
		display: block;
		border: 1px solid #cebff6;
		border-radius: 50px;
		background: #e8e1f5;
		margin: auto 10px;
	}

	.section-1 {
		background: #edebf2;
	}

	.section-1 .container-right-padding .col-md-12 {
		padding-right: 0;
	}

	.section-1 .container-right-padding {
		padding: 0;
	}

	.mid-header .logo img {
		width: 200px;
		padding:16px 0 14px;
	}
	.get-btn .login-btn,.get-btn .started-btn{display: none;}
	.common-cta-btn .cta-section{margin: 0!important;}
	.common-cta-btn .cta-btn, .docs-page .accordion .card-header a, .docs-page .accordion .card-header button{font-size: 12px;}
	.docs-page .accordion .card-header button svg{width: 15px;top: 16px;}
	/* Overlay for background blur effect */
	.main-navigation .overlay {
		position: fixed;
		top: 0;
		left: 0;
		width: 100vw;
		height: 100vh;
		background: rgba(0, 0, 0, 0.6);
		opacity: 0;
		visibility: hidden;
		transition: opacity 0.3s ease-in-out;
		z-index: 1001;
		backdrop-filter: blur(2px);
	}


	.main-navigation.active~.overlay.active {
		opacity: 1;
		visibility: visible;
	}

	.dropdown-menu-item {
		display: none!important;
	}
	

	/* When open (toggled), display the dropdown */
	.dropdown-menu-item.open {
		display: block !important;
		visibility: visible !important;
		transform: unset !important;
		opacity: 1 !important;
	}

	/* Optional: Styling to indicate clickable state on mobile */
	.has-submenu>a {
		cursor: pointer;
	}

	.main-navigation .has-submenu ul.dropdown-menu-item {
		box-shadow: none;
        padding: 0;
        width: 100%;
        left: 0 !important;
        min-width: initial; 
		
	}

	.main-navigation .dropdown-text .title {
		font-size: 20px;
	}

	.web-inner-section .info-icon {
		width: 24px;
		height: 24px;
	}

	.grid-container {
		display: block;
		/* Hide grid */
	}

	.cs_feat_flex {
		margin-bottom: 30px;
		border: 1px solid #e5defd;
	}

	.right-time-line .cs_feat_content,
	.right-time-line .cs_Feat_right,
	.left-time-line .cs_Feat_left {
		margin-top: 20px;
	}

	.box-time-btn .explore {
		display: inline-block;
		min-width: 168px;
		font-size: 12px;
		padding: 14px 6px;
		margin-top: 0;
		margin: auto 1px;
	}

	.box-time-btn.mt-4 {
		display: inline-flex;
	}

	.cs_feat_6 .cs_Feat_left .cs_feat_content h4 {
		margin-bottom: 0;
	}

	.cs_Feat_right,
	.cs_Feat_left {
		padding: 8px 10px;
	}

	.docs-page-main {
		grid-template-columns: 1fr !important;
	}

	.docs-page .toc-main-left {
		display: none;
	}

	.docs-page .sidebar-page {
		border-right: none;
	}

	.home-banner .home-text {
		padding-top: 100px;
	}

	.home-text p {
		line-height: 24px;
		margin: 0;
		font-size: 17px;
	}

	.heading-text {
		font-size: 36px;
		margin: 0;
	}
}

/* Medium devices (tablets, 768px and up) */
@media (min-width: 768px) {
	.tabbed-content .tabs{padding: 0 40px;}
	.home-banner .home-text {
		padding-top: 0;
	}

	.section-3 .carousel-track {
		display: flex;
		gap: 1vw;
	}

	.section-3 .carousel::before,
	.section-3 .carousel::after {
		content: "";
		position: absolute;
		width: 20rem;
		height: 100%;
		top: 0;
		z-index: 2;
		background: linear-gradient(to right, white 0%, rgba(255, 255, 255, 0) 100%);
	}

	.web-inner-section .card-item:hover {
		transform: scale(1.05);
		box-shadow: 0 6px 15px rgba(0, 0, 0, 0.2);
		background: linear-gradient(135deg, #d4a1ff, #b875ff);
		/* Gradient hover effect */

		transform: translateY(-5px) scale(1.05);
		/* Lifts card and slightly enlarges */
		box-shadow: 0 8px 20px rgba(183, 117, 255, 0.4);
	}

	.web-inner-section .card-item:hover h3,
	.web-inner-section .card-item:hover h2,
	.web-inner-section .card-item:hover p {
		color: white;
	}

	.grid-container .swiper-wrapper {
		display: contents;
		/* Keep grid structure */
	}

	.web-inner-section .accordion-template .accordion .card .serverless-content {
		width: 100%;
	}

	.web-inner-section .info-banner {
		display: block;
		margin-top: 14px;
	}

	.section-1 .tabbed-content {
		max-width: 1450px;
		margin: auto;
	}

	.section-1 .tabbed-content .tabitem .item-content .item-list-box {
		margin-top: 30px;
	}

	.section-1 .tabbed-content .tabitem .item-content .item-list-box ul {
		display: grid;
		grid-template-columns: repeat(4, calc(25% - 15px));
		/* 4 columns */
		gap: 15px;
		/* Space between grid items */
		justify-content: center;
		/* Keeps items centered */
	}

	.container {
		max-width: 1450px;
		padding: 0 30px;
	}

	.tabbed-content .tabs ul li a, .tabbed-content .tabs ul li button {
		padding: 10px;
	}

	.section-1 .tabbed-content .tabitem .item-content .item-list-box ul li {

		margin: 6px;
		background: #fff;
		padding: 20px 10px;
	}

	.home-text ul li {
		margin: 5px 2px;
		font-size: 13px;
		line-height: 18px;
	}

	.main-navigation .navbar>li {
		margin: 0;
	}

	.get-btn a {
		padding: 8px 8px;
		font-size: 10px;
	}

	.col-md-2.get-btn {
		padding: 0;
	}

	.home-text {
		padding-top: 160px;
		/*width: 90%;*/
	}

	section .heading1 {
		font-size: 28px;
	}

	.section-4 .bg-color,
	.section-5 .section4-bg-image {
		padding: 30px 0;
	}

	.section-content {
		padding: 25px 20px;
	}

	.heading3 {
		font-size: 18px;
	}

	.section-content p {
		font-size: 14px;
		line-height: 20px;
	}

	.p-3 {
		padding: 0 !important;
	}

	.section-7-bg ul .nub {
		font-size: 35px;
	}

	.section-7-bg ul p {
		font-size: 14px;
		font-weight: 400;
	}

	section {
		padding: 30px 0 30px;
	}

	.main-navigation .navbar>li>a {
		font-size: 14px;
	}

	.section-7-bg ul li {
		margin: 0 14px;
	}

	.section-7-bg {
		padding: 25px 0;
	}

	.bottom-footer ul li a,
	.bottom-footer p {
		font-size: 13px;
	}

	.heading2 {
		font-size: 25px;
	}

	section .para-heading,
	.card p.card-text {
		font-size: 16px;
		line-height: 22px;
	}

	.card-title {
		font-size: 15px;
	}

	.heading-text {
		font-size: 35px;
		max-width: 100%;
	}

	.home-para-text {
		font-size: 20px;
		line-height: 28px;
		margin: 0;
	}

	.home-text .btn {
		margin-top: 6px;
		padding: 13px 30px;
		font-size: 14px;
	}

	.col-md-4.why-cyf-md-4,
	.col-md-4.aos-init.aos-animate {
		flex: 0 0 50%;
		max-width: 50%;
		margin-top: 10px;
	}

	.home-text ul {
		display: none;
	}

	.card p.card-text {
		padding-bottom: 20px;
	}

	.section-4icon {
		padding-bottom: 10px;
	}

	.explore {
		padding: 16px 30px;
		font-size: 18px;
	}

	.inner-banner-section .home-text {
		margin-top: 30px;
		padding: 0 10px;
	}

	.grid-container {
		margin-top: 10px;
		padding: 0;
	}

	.cs_Feat_left .cs_feat_content {
		padding: 65px 189px 80px 0;
	}

	.cs_Feat_right {
		max-width: 50%;
		width: 100%;
	}

	.cs_Feat_left {
		max-width: 50%;
	}

	.cs_Feat_right .cs_feat_content {
		padding: 70px 0 70px 190px;
	}

	.cs_Feat_right,
	.cs_Feat_left {
		padding: 15px 0px;
	}

	.copyClipartright {
		margin-top: 150px;
		padding-left: 40px;
	}

	.cs_feat_6 .cs_Feat_left .cs_feat_content {
		padding: 15px 193px 0 0;
	}

	.cs_feat_content h4 {
		font-size: 24px;
	}

	.cs_feat_flex>span {
		top: -21px;
	}

	.copyClipartLeft {
		padding-right: 50px;
		margin-top: 85px;
	}

	/* Main Documentation Layout */
	.docs-page-main {
		display: grid;
		grid-template-columns: 20% 80%;
		/* Sidebar | Main Content | TOC */
		gap: 10px;
	}

	.docs-page .content-main-page {
		display: flex;
		flex-wrap: wrap;
	}

	.docs-page .content-main-right {
		max-width: 850px;
		width: 100%;
	}

	.docs-page .toc-main-left {
		width: calc(100% - 850px);
	}


}

/* Large devices (desktops, 992px and up) */
@media (min-width: 992px) {
	

	.cs_Feat_left .cs_feat_content .box-time-btn {
		display: inline-flex;
	}

	.cs_feat_flex {
		position: relative;
		display: flex;
		justify-content: space-between;
		align-items: center;
		position: relative;
	}

	.home-text ul li {
		margin: 5px 10px;
		font-size: 17px;
		line-height: 22px;
	}

	.tabbed-content .tabs {
		padding: 0 90px;
	}

	.section-7-bg {
		padding: 25px 0px;
	}

	.main-navigation .has-submenu ul.fullwidth {
		width: 650px;
		display: flex;
		flex-wrap: wrap;
		gap: 10px;
		
	}
	.main-navigation li.has-submenu.voicbotsubmenu ul.fullwidth{justify-content: space-between;}

	.main-navigation .has-submenu ul.fullwidth.multidropdown li {
		width: 48%;
	}

	.main-navigation .has-submenu ul.fullwidth.multidropdown li .dropdown-item {
		white-space: normal;
	}

	.main-navigation .dropdown-item {
		padding: 10px 15px 10px 15px;
	}

	.col-md-2.get-btn {
		padding-right: 15px;
		padding-left: 15px;
	}

	.main-navigation .navbar>li>a {
		font-size: 15px;
	}

	.web-inner-section .accordion-template .accordion .card .serverless-content {
		width: 200px;
	}

	.grid-container {
		padding: 0 0 0 70px;
	}

}

/* Large devices (tabelte, 992px and up) */
@media (min-width:1024px) {
	.inner-banner-section-l40sgpuserverv2page-inner .split, .specs-content .specs {
		display: grid;}
	.rentnext-section .stats-row {
		display: grid;}
	.datasectionpage .features {
		display: grid;
		gap: 20px;
		grid-template-columns: repeat(3, 1fr); /* ✅ Mobile landscape */
	  }
	.main-navigation .has-submenu ul.fullwidth {
		width: 507px;
		display: flex;
		gap: 10px;
	}

	.section-7-bg {
		padding: 25px 16px;
	}

	/*.tabbed-content .tabs {padding: 0 130px;}
	.section-1 .tabbed-content .tabitem .item-content .item-list-box ul li {width: calc(33% - 15px);}*/

	.section-1 .tabbed-content .tabitem .item-content .item-list-box ul {
		justify-content: left;
	}

	.bottom-footer ul li a,
	.bottom-footer p {
		font-size: 15px;
	}

	.col-md-4.why-cyf-md-4,
	.col-md-4.aos-init.aos-animate {
		-ms-flex: 0 0 33.333333%;
		flex: 0 0 33.333333%;
		max-width: 33.333333%;
		margin-top: 0px;
	}

	.inner-banner-section .home-text {
		padding: 50px 40px;
		margin-top: 0px;
	}

	.web-inner-section .info-banner {
		display: flex;
		align-items: center;
	}

	.web-inner-section .accordion-template .accordion .card .serverless-content {
		width: 100%;
	}

	.grid-container {
		padding: 0;
	}

	.inner-main {
		margin-top: 30px;
	}

	.model-inner {
		margin-top: -64px;
	}

	.web-inner-section .note-icon {
		width: 30px;
	}

	.web-inner-section .note-para {
		width: 100%;
	}

}

/* Extra large devices (large desktops, 1200px and up) */
@media (min-width: 1200px) {
	
	.deployments-content .col-md-9 {
		padding-right: 30px;
	}

	.deployments-content .col-md-3 {
		padding-left: 30px;
	}

	.section-4 .bg-color p.para-heading {
		font-size: 24px;
		line-height: 28px
	}

	.infc-section4 .bg-color p {
		font-size: 15px;
		line-height: 18px
	}

	.tabbed-content .tabs {
		padding: 0 190px;
	}

	.section-1 .tabbed-content .tabitem .item-content .item-list-box ul li {

		margin: 6px;
		background: #fff;
		padding: 20px 10px;
		height: 290px;
	}

	.get-btn a {
		padding: 8px 13px;
		font-size: 12px;
	}

	.main-navigation .has-submenu ul.fullwidth {
		width: 524px;
		display: flex;
		gap: 0px;
	}

	.main-navigation .has-submenu ul.fullwidth.multidropdown {
		flex-wrap: wrap;
		width: 900px;
		gap: 0
	}

	.main-navigation .has-submenu ul.fullwidth.multidropdown li {
		flex: 0 0 100%;
		max-width: 33.33%;
	}

	.section-7-bg {
		padding: 25px 50px;
		;
	}

	.main-navigation .navbar>li {
		margin: 0 15px;
	}

	.section-1 .tabbed-content .tabitem .item-content .item-list-box ul li:first-child {
		margin-right: auto;
		/* Pushes first child to the left */
	}

	.section-1 .tabbed-content .tabitem .item-content .item-list-box ul li:last-child {
		margin-left: auto;
		/* Pushes last child to the right */
	}

	.section-1 .tabbed-content #embeddings .item-content .item-list-box ul .home-text ul li {
		margin: 5px 10px;
		font-size: 20px;
		line-height: 26px;
	}

	section .parra-new {
		width: 80%;
	}

	section .heading1, .heading1-white{
		font-size: 32px;
	}
	.faqpge .heading1 {
		font-size: 35px;
}
	.section-4 .bg-color,
	.section-5 .section4-bg-image,
	.cyfuture-blog-section,
	.blog-cyfuture-ai {
		padding: 40px 0;
	}

	.section-content {
		padding: 50px 30px;
	}

	.heading3 {
		font-size: 20px;
	}

	.section-content p,
	.grid-page-new .grid-item p {
		font-size: 18px;
		line-height: 26px;
	}

	.p-3 {
		padding: 1rem !important;
	}

	.section-7-bg ul .nub {
		font-size: 50px;
	}

	.section-7-bg ul p {
		font-size: 18px;
		font-weight: 400;
	}

	section {
		padding: 40px 0 60px;
	}

	.heading2 {
		font-size: 35px;
	}

	section .para-heading {
		font-size: 22px;
		line-height: 28px;
	}

	.card-title {
		font-size: 20px;
	}

	.card p.card-text {
		font-size: 15px;
		line-height: 21px;
	}

	.infc-section4 .card p.card-text,
	.infc-section4 .section-4icon {
		padding-bottom: 0;
		margin: 0;
		padding-top: 0;
	}

	.infc-section4 .card-title {
		font-size: 35px;
	}

	.heading-text {
		font-size: 85px;
		max-width: 700px;
		line-height: 90px;
	}

	.headingspan {
		font-size: 80px;
	}

	.home-para-text {
		font-size: 21px !important;
		line-height: 30px !important;
		text-align: center;

	}

	.home-text .btn {
		margin-top: 10px;
		padding: 15px 20px;
		font-size: 18px;
	}

}

@media (min-width: 1400px) {
	ul.contact {
		margin-top: 15%!important;
	}
	 /* 🔹 Features Section */z
	 .datasectionpage .features {
		display: grid;
		grid-template-columns: repeat(5, 1fr); /* ✅ Default 5 per row */
		gap: 25px;
	  }
	.bottom-line{width: 1390px;}
	.left-side-content {
		/*padding-top: 70px;*/
	}

	.web-inner-section .info-banner {
		display: flex;
		align-items: center;
	}

	.web-inner-section .accordion-template .accordion .card .serverless-content {
		width: 100%
	}

	.grid-container {
		padding: 0;
		margin: 0;
	}

	.tabbed-content .tabs {
		padding: 0 300px;
	}

	.get-btn a {
		padding: 8px 16px;
		font-size: 14px;
	}

	.home-text {
		padding-top: 60px !important;
	}

	.inner-banner-section .home-text {
		padding: 0px 100px;
		;
	}

	.model-banner img {
		height: 180px !important;
	}

	.section-banner-inner img {
		height: max-content;
	}

}
@media (max-width: 1400px) {
	.whitepaper-inner-banner .banner-heading{    padding-right: 500px;}
	.whitPaperBannerThumbnail{width: 650px;top: 0;}
}
/* Handle responsive layout */
@media (max-width: 1200px) {
	.section-1 .tabbed-content .tabitem .item-content .item-list-box ul {
		grid-template-columns: repeat(3, calc(33.33% - 15px));
		/* 3 columns */
	}
	.whitPaperBannerThumbnail{width: 490px;}
	.whitepaper-inner-banner .banner-heading{padding-right: 400px;}
	
}

@media (max-width: 900px) {
	.gpu-section .container.split {
		flex-direction: column-reverse;
		text-align: center;
	  }
	
	  .gpu-content {
		min-width: 100%;
	  }
	
	  .gpu-image img {
		max-width: 420px;
	  }
	
	  .gpu-content .heading1 {
		font-size: 26px;
	  }
	.common-cta-btn .cta-section {
		flex-direction: column;
		text-align: center;
	  }
	
	  .common-cta-btn .cta-text {
		min-width: 100%!important;
		margin-bottom: 20px;
		width: 100%!important;
	  }
	
	  .common-cta-btn .cta-image video {
		max-width: 100%;
	  }
	
	.section-1 .tabbed-content .tabitem .item-content .item-list-box ul {
		grid-template-columns: repeat(2, calc(50% - 15px));
		/* 2 columns */
	}

	.inner-banner-section-l40sgpuserverv2page .banner-heading .heading1 {
		font-size: 32px;
	  }
	
	  .inner-banner-section-l40sgpuserverv2page .inner-banner-bg-new {
		padding: 60px 0;
	  }
	
	  .inner-banner-section-l40sgpuserverv2page .lead-card {
		margin-top: 30px;
	  }
	  .whitepaper-inner-banner .banner-heading{padding-right: 0;}
	  .whitPaperBannerThumbnail{display: none;}
	  .inner-banner-section-l40sgpuserverv2page.whitepaper-inner-banner{margin-bottom: 60px;}
	  .HowAIModelLibrariesNew .section{    flex-wrap: wrap;}
	  .whitepaper-inner-banner.inner-banner-section-l40sgpuserverv2page .banner-heading .heading1{font-size: 32px;line-height: 38px;}
}

@media (max-width: 600px) {
	.gpu-section {
		padding: 50px 0;
	  }
	
	  .gpu-image img {
		max-width: 320px;
	  }
	
	  .gpu-content .heading1 {
		font-size: 22px;
	  }
	
	  .gpu-content .subtle,
	  .gpu-full-para .subtle {
		font-size: 15px;
	  }
	.section-1 .tabbed-content .tabitem .item-content .item-list-box ul {
		grid-template-columns: 100%;
		/* 1 column */
	}
}

.linkingpageweb {
	color: #000;
	text-decoration: none;
}

button[data-target="#OtherInquiry"] {
	border: 1px solid #6f42c1;
	color: #6f42c1;
	background: transparent;
	padding: 6px 12px;
	border-radius: 5px;
	transition: all 0.3s ease;
}

button[data-target="#OtherInquiry"]:hover {
	background-color: #6f42c1;
	color: white;
}

button[data-target="#OtherInquiry"]:focus,
button[data-target="#OtherInquiry"]:active {
	outline: none !important;
	box-shadow: none !important;
}

.inquiry-pop .btn:focus,
.inquiry-pop .btn:active,
.inquiry-pop .btn:focus-visible {
	outline: none !important;
	box-shadow: none !important;
}

.benefits-sections{
	background: linear-gradient(90deg, #f3f0ff 0%, #f9f4ff 100%);
	background-image: url('/assets/ai-images/wave-abstract-bg2.png');
	background-repeat: no-repeat;
	background-position: center;
	background-size: auto;
	display: flex;
	align-items: center;
	justify-content: center;
	text-align: center;
	position: relative;
	overflow: hidden;
  }
.linking-page h3, .linking-page p{text-decoration: none;}
  
  .datasectionpage .feature-card {
	background: #fff;
	border: 1px solid #eee;
	border-radius: 14px;
	padding: 24px;
	box-shadow: 0 4px 12px rgba(0,0,0,0.04);
	transition: transform 0.3s, box-shadow 0.3s;
	margin-bottom: 10px;
  }
  
  .datasectionpage .feature-card:hover {
	transform: translateY(-6px);
	box-shadow: 0 6px 20px rgba(0,0,0,0.1);
  }
  
  .datasectionpage .feature-header {
	display: flex;
	align-items: center;
	justify-content: space-between;
	margin-bottom: 18px;
  }
  
  .datasectionpage .icon {
	width: 42px;
	height: 42px;
	border-radius: 12px;
	border: 1px solid #e1d8f6;
	display: flex;
	align-items: center;
	justify-content: center;
	background: #f9f7fe;
	color: #6a1b9a;
	margin: 0;
  }
  
  .datasectionpage .tag {
	font-size: 12px;
	padding: 4px 10px;
	border-radius: 20px;
	background: #f5f2fc;
	color: #6a1b9a;
	font-weight: 500;
  }
  
  .datasectionpage .feature-card h3 {
	font-size: 18px;
	font-weight: 600;
	color: #3b0764;
	margin-bottom: 10px;
  }
  
  .datasectionpage .feature-card p {
	font-size: 14px;
	color: #8061b5;
	line-height: 1.5;
  }
  .datasectionpage .datasets {
	display: flex;
	flex-wrap: wrap;
	gap: 20px;
	justify-content: center; /* ✅ center alignment */
  }
  
  .datasectionpage .dataset-card {
	flex: 1 1 calc(25% - 20px); /* ✅ 4 per row approx on big screen */
	max-width: 320px;           /* ✅ card ka max width */
	min-width: 260px;           /* ✅ card shrink na ho zyada */
  
	background: #fff;
	border-radius: 18px;
	overflow: hidden;
	box-shadow: 0 4px 18px rgba(0, 0, 0, 0.08);
	display: flex;
	flex-direction: column;
	transition: transform 0.3s ease, box-shadow 0.3s ease;
	cursor: pointer;
	text-decoration: none;
  }
	  
  
  .datasectionpage .dataset-card:hover {
	transform: translateY(-8px);
	box-shadow: 0 8px 25px rgba(0, 0, 0, 0.12);
  }
  
  /* 🔹 Card Image */
  .datasectionpage .dataset-card img {
	width: 100%;
	height: 180px;
	object-fit: cover;
	transition: transform 0.4s ease;
  }
  
  .datasectionpage .dataset-card:hover img {
	transform: scale(1.05);
  }
  
  /* 🔹 Card Content */
  .datasectionpage .dataset-card .content {
	padding: 20px;
	flex: 1;
  }
  
  .datasectionpage .dataset-card .subtitle {
	font-size: 13px;
	color: #777;
	margin-bottom: 6px;
  }
  
  .datasectionpage .dataset-card h3 {
	font-size: 18px;
	font-weight: 700;
	margin: 10px 0 12px;
	color: #222;
  }
  
  .datasectionpage .dataset-card p {
	font-size: 14px;
	color: #666;
	margin-bottom: 16px;
	line-height: 1.5;
  }
  
  /* 🔹 Tags */
  .datasectionpage .dataset-card .tags {
	display: flex;
	gap: 8px;
	flex-wrap: wrap;
	margin-bottom: 20px;
  }
  
  .datasectionpage .dataset-card .tags span {
	background: #f2ebff;
	color: #6a2d9e;
	padding: 6px 12px;
	font-size: 13px;
	font-weight: 500;
	border-radius: 20px;
	transition: all 0.3s ease;
  }
  
  
  /* 🔹 Button */
  .datasectionpage .dataset-card button {
	width: 100%;
	padding: 12px;
	background: #522e90;
	color: #fff;
	border: none;
	border-radius: 10px;
	font-size: 15px;
	font-weight: 600;
	transition: transform 0.3s ease, opacity 0.3s ease;
  }
  
  .datasectionpage .dataset-card button:hover {
	opacity: 0.9;
	transform: translateY(-2px);
  }
  a:hover{text-decoration: none;}  
.datasetpagelanding-inner .home-text{padding: 0;padding-top: 20px !important;}
.datasetpagelanding-section{border-top: 1px solid #ddd;}
.datasetpagelanding-section .sidebar-info {
	color: #111;
	border-bottom: 1px solid #ddd;
  }
  
  .datasetpagelanding-section .tags-section h3,
  .datasetpagelanding-section .summary-section h3 {
	font-size: 18px;
	font-weight: 700;
	margin-bottom: 12px;
  }
  
  .datasetpagelanding-section .tags {
	display: flex;
	gap: 10px;
	flex-wrap: wrap;
	margin-bottom: 24px;
  }
  
  .datasetpagelanding-section .tags span {
	background: #f3e9fc;
	color: #6a1b9a;
	font-size: 14px;
	font-weight: 500;
	padding: 6px 14px;
	border-radius: 18px;
	display: inline-block;
  }
  
  .datasetpagelanding-section .summary-section ul {
	list-style: none;
	padding: 0;
	margin: 0;
  }
  
  .datasetpagelanding-section .summary-section ul li {
	display: flex;
	align-items: center;
	font-size: 15px;
	font-weight: 500;
  }
  
  .datasetpagelanding-section .summary-section ul li .icon {
	font-size: 18px;
	margin-right: 8px;
	margin: inherit;
	background: transparent;
	width: auto;
	height: auto;
  }
  
  .datasetpagelanding-section .datasetfooter-image {
		position: relative;
		display: inline-block;
		width: 100%;
		}
		.datasetpagelanding-section .datasetfooter-image img {
		width: 100%;
		height: auto;
		display: block;
		border-radius: 10px 10px 0 0; /* optional */
		}
		.datasetpagelanding-section .download-content-btn {
		margin-top: -70px;
		text-align: center;
		color: #fff;margin-bottom: 40px;
		align-items: center;
		}
		.datasetpagelanding-section .download-content-btn h2 {
		font-size: 24px;
		font-weight: 700;
		margin-bottom: 15px;
		text-shadow: 0 2px 5px rgba(0,0,0,0.6); /* for readability */
		}
		.datasetpagelanding-section .download-btn {
		display: inline-block;
		padding: 8px 30px;
		background: #f1ebfa;
		color: #441988;
		font-size: 15px;
		font-weight: 600;
		border-radius: 8px;
		text-decoration: none;
		transition: background 0.3s ease;
		margin-right: 16px;
		margin-top: 10px;
		border:1px solid #6a2d9e;
		border-radius: 20px;
		}
		.datasetpagelanding-section .download-btn:hover {
		background: #4b1f72;
		color: #fff;
		}
		.datasetpagelanding-section .datasetfooter-image h2{color:#fff!important;margin:12px 0 15px!important;    padding-left: 20px;}
		.datasetpagelanding-section .datasetfooter-image img{max-width: 100%;}
		.datasetpagelanding-section .meta-card {
		border: 1px solid #e4d7fa;
		border-radius: 6px;
		padding: 12px 15px;
		background: #fcfaff;
		font-size: 16px;
		margin-bottom: 12px;
		display: flex;
		justify-content: space-between;
		align-items: flex-start;
		gap: 12px;
		border-left: 10px solid #522d8d;
		}
		.datasetpagelanding-section .meta-card strong {
		font-weight: 600;
		color: #3a1b60;
		}
		.datasetpagelanding-section .meta-card p {
		margin: 4px 0 0;
		color: #555;
		font-size: 13px;
		}
		.datasetpagelanding-section .meta-card span {
		display: inline-block;
		color: #6a1b9a;
		margin-top: 0;
		background: #f1ebfa;
		border: 1px solid #9983bd;
		border-radius: 20px;
		padding: 6px 12px;
		font-size: 13px;
		white-space: nowrap;
		/* ✅ fixed box-shadow */
		box-shadow: 0 2px 6px rgba(153, 131, 189, 0.4);
		}
		.datasetpagelanding-section .dataset-page .heading1 {padding: 0; font-size: 22px; margin: 20px 0 15px; color:#000!important;font-weight: 600; }
		.datasetpagelanding-section .dataset-page p, .datasetpagelanding-section .dataset-page ul { line-height: 1.6; }
		.dataset-section {
		background: #f9f5ff;
		padding: 30px;
		border-radius: 14px;
		}
		.datasetpagelanding-section .feature-grid {
		display: grid;
		grid-template-columns: repeat(auto-fit, minmax(320px, 1fr));
		gap: 20px;
		}
		.datasetpagelanding-section .feature-card {
		background: #fff;
		border-radius: 12px;
		padding: 18px 30px;
		box-shadow: 0 4px 12px rgba(0, 0, 0, 0.06);
		font-size: 15px;
		line-height: 1.5;
		position: relative;
		overflow: hidden;
		border: 1px solid #522d8d;
		}
		.datasetpagelanding-section .feature-card::before {
		content: "";
		position: absolute;
		left: 0;
		top: 0;
		height: 100%;
		width: 12px;
		background:#522d8d
		}
		.datasetpagelanding-section .feature-card h4 {
		margin: 0 0 6px;
		font-size: 16px;
		font-weight: 600;
		color: #111;
		}
		.datasetpagelanding-section .feature-card p {
		margin: 0;
		font-size: 14px;
		color: #444;
		}
		.datasetpagelanding-section .form-control {
			height: 50px;
			font-size: 15px;
			padding: 10px 18px;
		  }
		  .datasetpagelanding-section  .tags-section {
			border-bottom: 1px solid #ddd;
			margin-bottom: 10px;
		}
		  
		  .datasetpagelanding-section .btn {
			font-weight: 600;
		  }
		  .datasetpagelanding-section .docs-page .listing ul li{font-size: 15px;}
		  .modal-body .btn-primary {
			background: #6a2d9e;   /* Purple */
			border: none;
			padding: 8px 20px;
			font-size: 16px;
			font-weight: 600;
			color: #fff;
			border-radius: 4px;
			display: block;        /* full width block ban gaya */
			margin: 20px auto 0;   /* auto se center + upar se margin */
			width: fit-content;    /* sirf apna width lega */
		  }
		  
		  .modal-body .btn-primary:hover {
			background: #4b1f72;   /* Darker Purple */
		  }
		  .deploy-section-image {
			max-width: 100%;
			height: auto;
			display: block;
		  }
/* Section Base */
.rentnext-section {
	position: relative;
	background: #522e8f; 
	color: #fff;
	text-align: center;
  }
  
  /* Background Image */
  .rent-next-image-bg {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	height: 500px;
	background: url("/assets/ai-images/rent-next-image.png") center/cover no-repeat;
	opacity: 0.3;
	z-index: 0;
	background-position: top;
  }
  
  /* Content Layer */
  .rentnext-section .container {
	position: relative;
	z-index: 1;   /* keeps content above background */
  }
  
  .rentnext-section h2 {
	font-size: 2.4rem;
	font-weight: 700;
  }
  
  .rentnext-section .highlight {
	color: #e2d6f6;  /* Lavender highlight */
  }
  
  .rentnext-section .subtitle {
	font-size: 1.1rem;
	margin-top: 12px;
	color: #ddd;
  }
  .rentnext-section .highlight {
	background: linear-gradient(135deg, #a882ea, #7d5ae6);
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
  }
  
  .rentnext-section .subtitle {
	font-size: 1.1rem;
	color: #e2d6f6;
	margin-bottom: 40px;
  }
  
  /* GPU Row */
 
  .rentnext-section .gpu-server-image-box{ margin-top: 40px;
	display: flex;
	justify-content: center;
	gap: 30px;}
	.rentnext-section .gpu-server-image-box  .gpu-server-image-content{text-align: left;}
	.rentnext-section .gpu-img {
	max-width: 200px;
	margin-bottom: 20px;
	animation: floatGPU 4s ease-in-out infinite;
  }
  
  @keyframes floatGPU {
	0%, 100% { transform: translateY(0); }
	50% { transform: translateY(-8px); }
  }
  
  .rentnext-section .gpu-row h3 {
	font-size: 1.4rem;
	font-weight: 600;
	margin-bottom: 10px;
  }
  
  .rentnext-section .gpu-row p {
	font-size: 0.95rem;
	margin-bottom: 18px;
	color: #f3f0fa;
  }
  
  .rentnext-section .btn-price {
	display: inline-block;
	background: linear-gradient(135deg, #a882ea, #7d5ae6);
	color: #fff;
	font-weight: 600;
	padding: 10px 18px;
	border-radius: 8px;
	text-decoration: none;
	transition: all 0.3s ease;
  }
  
  .rentnext-section .btn-price:hover {
	background: #fff;
	color: #522e8f;
  }
  
  /* Bottom Stats */
  .rentnext-section .stats-row {
    grid-template-columns: repeat(4, 1fr);
    gap: 20px;
	margin-top: 60px;
	background: #fff;
    border-radius: 16px;
    padding: 40px 20px;
    box-shadow: 0 8px 24px rgba(0, 0, 0, 0.05);
	flex-wrap: wrap;
	margin-bottom: -150px;
  }
  
  
  .rentnext-section .stat-box {
	text-align: center;
	min-width: 160px;
	border-right: 1px solid #eee;
  }
  .stat-box:last-child {
    border-right: none;
}
  
  .rentnext-section .stat-box h4 {
	font-size: 40px;
	font-weight: 700;
	background: linear-gradient(45deg, #9b51e0, #7f3df1);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
	margin-bottom: 6px;
  }
  
  .rentnext-section .stat-box p {
	font-size: 16px;
	color: #333;
  }
  .web-table-section .table table{width: 100%;
    overflow: hidden;
    margin-top: 15px;
    border: 0}
	.web-table-section .table tr{border: 1px solid #d6cee4;}
  .web-table-section .table tr th{background: #7554f7;color: #fff;border-bottom: none;}
  table tr:nth-child(even) td {
    background: #f4eeff;
}

.common-cta-btn .cta-section {
	display: flex;
	align-items: center;
	justify-content: space-between;
	background: #8b5cf6; /* Purple background */
	color: white;
	padding: 50px;
	border-radius: 20px;
	margin: 0;
	flex-wrap: wrap; /* Makes responsive on smaller screens */
}

.common-cta-btn .cta-text {
	width: 50%;      /* Fixed width for text section */
	min-width: 300px; /* Ensure it doesn't shrink too small */
}

.common-cta-btn .cta-text h1 {
	font-size: 2rem;
	font-weight: bold;
	margin-bottom: 20px;
	line-height: 1.3;
}

.common-cta-btn .cta-text p {
	font-size: 1.1rem;
	margin-bottom: 30px;
	color: #f3f4f6; /* Lighter text */
}

.common-cta-btn .cta-btn {
	display: inline-block;
	background: white;
	color: #7c3aed;
	padding: 12px 25px;
	border-radius: 10px;
	font-weight: bold;
	text-decoration: none;
	transition: all 0.3s ease;
}

.common-cta-btn .cta-btn:hover {
	background: #ede9fe;
	color: #5b21b6;
}

.common-cta-btn .cta-image {
	width: 45%;          /* Fixed width for image section */
	max-width: 500px;    /* Max width */
	min-width: 250px;    /* Min width */
	text-align: center;  /* Center the image inside div */
}

.common-cta-btn .cta-image img {
	width: 100%;       /* Fill the div width */
	height: auto;      /* Maintain aspect ratio */
	border-radius: 15px;
}

  
  /* ✅ Updated for video */
  .common-cta-btn .cta-image video {
	max-width: 500px;   /* pehle 350px tha, ab bada kar diya */
	width: 100%;        /* container ke andar responsive rahega */
	border-radius: 12px;
	display: block;
  }
  
  .standout .card-icon{
    width: 65px;
    height: 65px;
    background: #f2e9fe;
    border-radius: 50%;
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 20px;
	transition: transform 0.3s ease, box-shadow 0.3s ease;
}
.web-table-section .table{overflow:hidden;}
/* === Financial Cards Styling === */
.financial-sction .heading1 {
	font-weight: 700;
	font-size: 28px;
	color: #1c1c1c;
  }
  
  .financial-sction .finance-card {
	background: #fff;
	border-radius: 14px;
	padding: 35px 35px;
	text-align: left;
	box-shadow: 0 5px 15px rgba(0, 0, 0, 0.06);
	transition: all 0.4s ease;
	position: relative;
	overflow: hidden;
	animation: fadeInUp 1s ease forwards;
	height: 100%;
  }
  
  .financial-sction .finance-card::before {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	height: 5px;
	width: 100%;
	border-radius: 14px 14px 0 0;
  }
  
  .financial-sction .finance-card.purple::before {
	background: linear-gradient(to right, #a273ff, #b366ff);
  }
  
  .financial-sction .finance-card.pink::before {
	background: linear-gradient(to right, #c65bff, #ff75c3);
  }
  
  .financial-sction .finance-card.blue::before {
	background: linear-gradient(to right, #47b9ff, #56d4ff);
  }
  
  .financial-sction .finance-card .icon {
	background: #f4f1ff;
	width: 70px;
	height: 70px;
	border-radius: 50%;
	margin: 0 auto 15px;
	display: flex;
	align-items: center;
	justify-content: center;
	color: #6c4eff;
	font-size: 26px;
	transition: all 0.3s ease;
  }
  
  .financial-sction .finance-card h3 {
	font-size: 18px;
	font-weight: 600;
	color: #1c1c1c;
	margin-bottom: 10px;
  }
  
  .financial-sction .finance-card p {
	font-size: 14px;
	color: #555;
	line-height: 1.6;
  }
  
  .financial-sction .finance-card span {
	display: block;
	margin-top: 12px;
	font-size: 13px;
	color: #8f3fff;
	font-weight: 500;
  }
  
  /* Hover Animation */
  .financial-sction .finance-card:hover {
	transform: translateY(-10px);
	box-shadow: 0 12px 25px rgba(0, 0, 0, 0.1);
  }
  
  .financial-sction .finance-card:hover .icon {
	background: #8f3fff;
	color: #fff;
	transform: scale(1.1);
  }
  
  /* Fade-in Animation */
  @keyframes fadeInUp {
	0% {
	  opacity: 0;
	  transform: translateY(30px);
	}
	100% {
	  opacity: 1;
	  transform: translateY(0);
	}
  }
  
  /* Responsive */
  @media (max-width: 767px) {
	.finance-card {
	  margin-bottom: 25px;
	}
  }

  
	.mail-link {
		position: relative;
		text-decoration: none;
		border-bottom: 1px solid #000; 
		color: #000;
		transition: border-color 0.3s;
		padding-bottom: 2px;
	  }
	   a:hover{color:#000;}
	  
	  .mail-link::after {
		content: "";
		position: absolute;
		left: 0;
		bottom: -2px; 
		width: 0;
		height: 2px;
		background-color: #420bde;
		transition: width 0.3s ease;
	  }
	  
	  .mail-link:hover::after {
		width: 100%;
	  }
	  /* ====== Section ====== */
      .usecasesboxpage .usecase-section {
        text-align: center;
      }
      
      .usecasesboxpage .usecase-section h2 {
        font-size: 28px;
        font-weight: 600;
        margin-bottom: 30px;
      }
      
      /* ====== Tabs ====== */
      .usecasesboxpage .usecase-tabs {
        display: flex;
        flex-wrap: wrap;
        gap: 20px;
        margin-bottom: 20px;
        padding-bottom: 10px;
		justify-content: center;
      }
      
      .usecasesboxpage .usecase-tabs button {
        background: none;
        border: none;
        font-size: 14px;
        font-weight: 500;
        color: #504f4f;
        padding: 10px 0 0;
        cursor: pointer;
        position: relative;
        transition: 0.3s;
      }
      
      .usecasesboxpage .usecase-tabs button.active,
      .usecasesboxpage .usecase-tabs button:hover {
        color: #000;
        font-weight: 300;
      }
      
      .usecasesboxpage .usecase-tabs button.active::after,
      .usecasesboxpage .usecase-tabs button:hover::after {
        content: "";
        position: absolute;
        width: 100%;
        height: 2px;
        background: #7b3ff3;
        bottom: -10px;
        left: 0;
        border-radius: 10px;
      }
      
      /* ====== Content Box ====== */
      .usecasesboxpage .usecase-box {
        background: #f6f2ff;
        border-radius: 15px;
        display: flex;
        justify-content: space-between;
        padding: 40px;
        gap: 0px;
        box-shadow: 0 10px 25px rgba(0, 0, 0, 0.05);
        animation: fadeIn 1s ease-in-out;
        border: 1px solid #cab3ef;
      }
      
      /* Left Side */
      .usecasesboxpage .usecase-text {
        text-align: left;
        width: 60%;
      }
      
      .usecasesboxpage .usecase-text h3 {
        font-size: 22px;
        font-weight: 600;
        margin-bottom: 15px;
        color: #333;
      }
      .usecasesboxpage .feature-card .span-heading img{width: 30px;margin-right: 6px;}
      .usecasesboxpage .feature-card .span-heading {
        background: #e9dfff;
        padding: 20px 20px;
        border-radius: 10px;
        font-weight: 700;
        color: #7d50fc;
        display: inline-block;
        margin-bottom: 15px;
        box-shadow: 0 4px 15px rgba(123, 63, 243, 0.3);
        width: 100%;
        border: 1px solid #cab3ef;
      }
      .usecasesboxpage .feature-card-whitebox {
    background: #fff;
    padding: 20px 40px;
    border-radius: 10px;
    margin-top: -33px;
    padding-top: 55px;
    box-shadow: 0 4px 15px rgba(123, 63, 243, 0.3);
    width: 100%;
    
}
.usecasesboxpage .feature-card {
    margin-top: 30px;
    animation: fadeSlide 0.8s ease-out;
}
.usecasesboxpage .usecase-text p {
        font-size: 18px;
        color: #444;
        line-height: 1.6;
      }
      
      /* Right Side */
      .usecasesboxpage .usecase-illustration {
        position: relative;
        width: 40%;
      }
      
      .usecasesboxpage .robot {
        animation: float 3s ease-in-out infinite;
        transition: opacity 0.5s ease-in-out;
      }
      
      /* ====== Animations ====== */
      @keyframes fadeIn {
        from { opacity: 0; transform: translateY(20px); }
        to { opacity: 1; transform: translateY(0); }
      }
      
      @keyframes fadeSlide {
        from { opacity: 0; transform: translateX(-30px); }
        to { opacity: 1; transform: translateX(0); }
      }
      
      @keyframes float {
        0%, 100% { transform: translateY(0); }
        50% { transform: translateY(-10px); }
      }
      
      /* Responsive */
      @media (max-width: 768px) {
         .usecasesboxpage .usecase-box {
          flex-direction: column;
          text-align: center;
        }
        .usecasesboxpage .usecase-text {
          text-align: center;
        }
       .usecasesboxpage .robot {
          width: 120px;
        }
      }
	  /* Remove slide animation for Bootstrap collapse */
.collapse {
	transition: none !important;
  }
  
   /* 🌌 Section Base */
   .rag-attractive-section {
	position: relative;
	padding: 60px 0 60px;
	background: radial-gradient(circle at 20% 20%, #6f0ec9, #4830a4, #7d64a7);
	overflow: hidden;
	color: #fff;
  }
  
  /* 🌈 Floating Glow Elements */
  .rag-floating-glow,
  .rag-floating-glow-2 {
	position: absolute;
	width: 350px;
	height: 350px;
	background: radial-gradient(circle, rgba(155,108,243,0.55), rgba(0,0,0,0));
	filter: blur(140px);
	z-index: 0;
	transition: transform 0.5s ease-out;
	will-change: transform;
  }
  
  .rag-floating-glow {
	top: 15%;
	left: 60%;
	animation: floatGlow1 10s ease-in-out infinite alternate;
  }
  
  .rag-floating-glow-2 {
	bottom: 10%;
	left: 20%;
	background: radial-gradient(circle, rgba(108,93,211,0.4), rgba(0,0,0,0));
	animation: floatGlow2 12s ease-in-out infinite alternate;
  }
  
  @keyframes floatGlow1 {
	0% { transform: translate(0, 0) scale(1); }
	100% { transform: translate(40px, -20px) scale(1.2); }
  }
  
  @keyframes floatGlow2 {
	0% { transform: translate(0, 0) scale(1); }
	100% { transform: translate(-30px, 30px) scale(1.1); }
  }
  
  /* 🌠 Gradient Background Pulse */
  .rag-bg {
	position: absolute;
	top: -200px;
	left: 50%;
	transform: translateX(-50%);
	width: 1200px;
	height: 1200px;
	background: radial-gradient(circle, rgba(162,98,255,0.25) 0%, rgba(111,66,193,0) 70%);
	filter: blur(200px);
	animation: bgPulse 10s infinite alternate ease-in-out;
	z-index: 0;
	will-change: transform;
  }
  
  @keyframes bgPulse {
	0% { transform: translateX(-50%) scale(1); opacity: 0.4; }
	100% { transform: translateX(-50%) scale(1.2); opacity: 0.8; }
  }
  
  /* 🌊 Wave Bottom Animation */
  .rag-wave {
	position: absolute;
	bottom: 0;
	left: 0;
	width: 200%;
	height: 200px;
	background: url('assets/svg/dark-wave.svg') repeat-x;
	background-size: contain;
	animation: waveMove 25s linear infinite;
	opacity: 0.25;
	z-index: 1;
  }
  
  @keyframes waveMove {
	from { transform: translateX(0); }
	to { transform: translateX(-50%); }
  }
  
  /* 🌍 Container */
  .rag-container {
	position: relative;
	z-index: 3;
	max-width: 1150px;
	margin: 0 auto;
	padding: 0 20px;
	text-align: center;
  }
  
  /* ✨ Heading */
  .rag-header h2 {
	font-size: 40px;
	font-weight: 700;
	line-height: 1.3;
	color: #fff;
	margin-bottom: 20px;
  }
  
  .glow-text {
	background: linear-gradient(90deg, #a164ff, #7c3aed, #c37cff);
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
	text-shadow: 0 0 25px rgba(162, 98, 255, 0.4);
  }
  
  .rag-header p {
	color: #d2cceb;
	font-size: 18px;
	line-height: 1.7;
	max-width: 850px;
	margin: 0 auto;
  }
  
  /* 🌀 Points Layout */
  .rag-points {
	margin-top: 70px;
	display: grid;
	grid-template-columns: 1fr 1fr;
	gap: 50px 70px;
	text-align: left;
  }
  
  .rag-point h3 {
	font-size: 21px;
	font-weight: 600;
	color: #fff;
	margin-bottom: 10px;
	position: relative;
  }
  
  .rag-point h3::before {
	content: "";
	position: absolute;
	left: -15px;
	top: 12px;
	width: 8px;
	height: 8px;
	background: linear-gradient(45deg, #a164ff, #6f42c1);
	border-radius: 50%;
	box-shadow: 0 0 18px rgba(155,108,243,0.9);
  }
  
  .rag-point p {
	color: #c3b9e9;
	line-height: 1.7;
	font-size: 16px;
	transition: color 0.3s ease;
  }
  
  .rag-point:hover p {
	color: #fff;
  }
  
  /* 🌬️ Fade Animations */
  .fade-up {
	opacity: 0;
	transform: translateY(30px);
	animation: fadeUp 0.9s ease forwards;
  }
  .delay1 { animation-delay: 0.2s; }
  .delay2 { animation-delay: 0.4s; }
  .delay3 { animation-delay: 0.6s; }
  .delay4 { animation-delay: 0.8s; }
  .delay5 { animation-delay: 1s; }
  .delay6 { animation-delay: 1.2s; }
  
  @keyframes fadeUp {
	to { opacity: 1; transform: translateY(0); }
  }
  
  /* 📱 Responsive */
  @media (max-width: 900px) {
	.rag-points {
	  grid-template-columns: 1fr;
	  gap: 30px;
	}
	.rag-header h2 {
	  font-size: 30px;
	}
  }
  
  
  /*international domain css start here css*/
.hero.internationalHomeBanner {
    position: relative;
    overflow: hidden;
    padding:0;
  }

  /* Left Content */
  .internationalHomeBanner .hero-content {
    max-width: 100%;
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
  }
.internationalHomeBanner .container,.internationalHomeBanner .row{height:100%}
  .internationalHomeBanner.hero h1 {
    font-size: 60px;
    line-height: 63px;
    margin-bottom: 30px;
    color: #fff;
    font-weight: bold;
  }

  .internationalHomeBanner.hero p {
    font-size: 27px;
    color: #fff;
    margin-bottom: 30px;
  }

  .internationalHomeBanner .btn {
    display: inline-block;
    padding: 12px 28px;
    background:#fff;
    border-radius: 6px;
    color: #4b3089;
    text-decoration: none;
    font-weight: bold;
    transition: 0.3s;
  }

  .internationalHomeBanner .btn:hover {
    opacity: 0.85;
  }

  /* Right Image */
  .internationalHomeBanner  .hero-image {
    width: 100%;
  }

  .internationalHomeBanner .hero-image img {
    width: 100%;
  }

  /* Decorative Shape */
.newSection-1Col{
	border-bottom: 1px solid #ddd;
    margin-bottom: 60px;
    padding-bottom: 20px;
}
.update4boxCarusel{background-image:none;background: linear-gradient(to bottom, #fff, #f1eefc);}



.inn-grid-row {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 55px;
    text-align: center;
}

.inn-grid-item{
    padding: 30px;
    background: #f2eeff;
    border-radius: 6px;
    transition: all 0.3s ease;
    box-shadow: 0 6px 15px rgb(237 231 255);
    border: 1px solid #d9cefd;
}

.inn-grid-item:hover {
    transform: translateY(-10px) scale(1.02);
    box-shadow: 0 15px 30px rgba(237, 231, 255, 0.75);
}

span.inn-purple-text {
    color: #7554f7;
    font-size: 35px;
    
}

.icon.wc-icon{background: linear-gradient(90deg,rgba(115, 83, 248, 1) 50%, rgba(147, 94, 223, 1) 100%) !important;}

.gpu-ready-btn a{width:230px !important;}
.get-ready-section-bg.new-get-bg{padding:60px 100px !important;}
.get-ready-section-bg.new-get-bg h2{font-size: 40px !important}
.get-ready-section-bg.new-get-bg p{font-size: 20px !important}


.comm-grid-row {
    display: grid;
    grid-template-columns: repeat(6, 1fr);
    gap: 25px;
}

.comm-grid-item{
    padding: 20px 30px;
    background: #f2eeff;
    border-radius: 6px;
    transition: all 0.3s ease;
    box-shadow: 0 6px 15px rgb(237 231 255);
    border: 1px solid #d9cefd;
}

.comm-grid-item:hover {
    transform: translateY(-10px) scale(1.02);
    box-shadow: 0 15px 30px rgba(237, 231, 255, 0.75);
}

.comm-grid-text{font-size:17px;margin:0;line-height: 22px;}

.comm-icon svg{width:50px;margin-bottom:15px;fill: #7554f7;}

.blog-grid-row {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 25px;
}

.blog-grid-item{
    padding: 20px 30px;
    background: #f2eeff;
    border-radius: 6px;
    transition: all 0.3s ease;
    box-shadow: 0 6px 15px rgba(0, 0, 0, 0.08);
}

.blog-grid-item{
    padding: 20px 30px;
    min-height: 510px;
    border-radius: 6px;
    transition: all 0.3s ease;
    box-shadow: 0 6px 15px rgba(0, 0, 0, 0.08);
}

.blog-grid-item:hover {
    transform: translateY(-10px) scale(1.02);
    box-shadow: 0 15px 30px rgba(0, 0, 0, 0.15);
}
.blog-grid-item.blog-bg-1{
  background:
    linear-gradient(
      to bottom,
      rgba(45, 23, 130, 0.9) 15%,
      rgba(45, 23, 130, 0.7) 30%,
      rgba(45, 23, 130, 0.4) 60%,
      rgba(45, 23, 130, 0) 75%
    ),
    url(/sa/assets/ai-images/blog-sa-bg-1.jpg);

  background-size: cover;
  background-position: center;
}

.blog-grid-item.blog-bg-2{
  background:
    linear-gradient(
      to bottom,
      rgba(45, 23, 130, 0.9) 15%,
      rgba(45, 23, 130, 0.7) 30%,
      rgba(45, 23, 130, 0.4) 60%,
      rgba(45, 23, 130, 0) 75%
    ),
    url(/sa/assets/ai-images/blog-sa-bg-2.jpg);

  background-size: cover;
  background-position: center;
}

.blog-grid-item.blog-bg-3{
  background:
    linear-gradient(
      to bottom,
      rgba(45, 23, 130, 0.9) 15%,
      rgba(45, 23, 130, 0.7) 30%,
      rgba(45, 23, 130, 0.4) 60%,
      rgba(45, 23, 130, 0) 75%
    ),
    url(/sa/assets/ai-images/blog-sa-bg-3.jpg);

  background-size: cover;
  background-position: center;
}

.blog-top-bar{display:flex;justify-content:space-between;align-items: center;}

.new-blog-btn {
    background: #fff;
    padding: 6px 32px;
    border-radius: 20px;
    color: #2d1782;
    font-size: 15px;
}

.new-blog-icon svg{
	fill: #fff;
	width: 15px;
}

.blog-grid-text {
    font-size: 25px;
    font-weight: 600;
    color: #fff;
}

/* .... Add on header language */
/* ================= DROPDOWN WRAPPER ================= */
.new-lang-dropdown {
    position: relative;
    margin-right: 15px;
}

/* ================= LABEL (BUTTON) ================= */
.new-lang-label {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 5px; /* space for arrow */
    cursor: pointer;

    background: #f2f2f2;
    border: 1px solid #f2f2f2;
    border-radius: 6px;
    padding: 6px 8px;
    transition: all 0.3s ease;
    margin: 0;
}

.new-lang-label img {
    width: 25px;
}

/* Hover (desktop only handled below properly) */
.new-lang-label:hover {
    background: #eaeaea;
    border-color: #bbb;
}

/* Active (when open) */
.new-lang-dropdown.active .new-lang-label {
    background: #e0e0e0;
    border-color: #999;
}

/* ================= ARROW ================= */
.arrow-icon {
    transition: transform 0.3s ease;
}

/* Rotate arrow when open */
.new-lang-dropdown.active .arrow-icon {
    transform: rotate(180deg);
}

/* ================= DROPDOWN MENU ================= */
.new-lang-menu {
    display: none;
    position: absolute;
    top: 100%;
    right: 0;

    width: 60px;
    margin-top: 4px;
    padding: 5px 0;
    list-style: none;

    background: #fff;
    border: 1px solid #ccc;
    border-radius: 6px;
    z-index: 999;
}

/* Show on active (JS controlled) */
.new-lang-dropdown.active .new-lang-menu {
    display: block;
}

/* ================= MENU ITEMS ================= */
.new-lang-menu li {
    padding: 8px 10px;
    text-align: center;
    cursor: pointer;
}

.new-lang-menu li a {
    font-size: 12px;
    color: #333;
    text-decoration: none;
    padding: 0;
    border: none;
}

.new-lang-menu li img {
    width: 25px;
    margin-bottom: 5px;
}

/* Hover effect */
.new-lang-menu li:hover {
    background: #f0f0f0;
}

/* ================= ARROW POINTER ================= */
.new-lang-menu::before {
    content: "";
    position: absolute;
    top: -12px;
    right: 50%;
    transform: translate(50%);

    border-width: 6px;
    border-style: solid;
    border-color: transparent transparent #7554f7 transparent;
}

/* ================= DESKTOP HOVER SUPPORT ================= */
@media (hover: hover) {
    .new-lang-dropdown:hover .new-lang-menu {
        display: block;
    }
    .new-lang-dropdown:hover .arrow-icon {
        transform: rotate(180deg);
    }
}

/* ================= MOBILE RESPONSIVE ================= */
@media (max-width: 768px) {

    .new-lang-dropdown {
        margin-right: 0px;
    }

    .new-lang-label {
        padding: 5px 8px;
    }

    .new-lang-label img {
        width: 22px;
    }

    .arrow-icon {
        width: 10px;
        height: 10px;
    }

    .new-lang-menu {
        width: 56px;
        right: 0px;
        top: 110%;
    }

    .new-lang-menu li {
        padding: 8px 10px;
    }

    .new-lang-menu li img {
        width: 20px;
    }

    .get-btn {
        text-align: right;
        top: 14px;
        position: absolute;
        right: 20px;
        max-width: 100px;
    }
}


@media (max-width: 1440px){
	.internationalHomeBanner.hero h1{font-size: 50px;}
	.internationalHomeBanner.hero p{font-size: 21px;}
	.internationalHomeBanner .btn{padding: 8px 20px;}
	.main-navigation .navbar>li>a{padding: 10px 12px;}
	.get-ready-section-bg.new-get-bg{padding: 40px 40px !important;}
	.get-ready-section-bg.new-get-bg h2 {font-size: 35px !important;}
	.get-ready-section-bg.new-get-bg p {font-size: 18px !important;}
}

@media (max-width: 1200px){
	.comm-grid-row{grid-template-columns: repeat(4, 1fr);}
	.internationalHomeBanner.hero h1{font-size: 45px;}
	.internationalHomeBanner.hero p{font-size: 18px;}
	.internationalHomeBanner .btn{padding: 8px 16px;}
	.main-navigation .navbar>li>a{padding: 10px;}
	.get-ready-section-bg.new-get-bg h2 {font-size: 30px !important;}
	.get-ready-section-bg.new-get-bg p {font-size: 16px !important;}
	.gpu-ready-btn a {width: 150px !important;font-size: 12px !important;padding: 10px !important;}
}

@media (max-width: 1024px){
	.inn-grid-row,.comm-grid-row{grid-template-columns: repeat(3, 1fr);}
	.blog-grid-row,.grid-page-new.ab-submenu-page{grid-template-columns: repeat(2, 1fr);}
	.blog-grid-text{font-size: 20px;font-weight: 600;color: #fff;}
	.internationalHomeBanner.hero h1{font-size: 35px; line-height:1;}
	.internationalHomeBanner.hero p{font-size: 16px;}
	.internationalHomeBanner .btn{padding: 8px 12px;font-size: 14px;}
	.get-ready-section-bg.new-get-bg h2 {font-size: 25px !important;}
	.get-ready-section-bg.new-get-bg p {font-size: 14px !important;}
	.gpu-ready-btn a {width: 120px !important;font-size: 11px !important;padding: 9px !important;}
}

@media (max-width: 768px){
	.inn-grid-row,.comm-grid-row{grid-template-columns: repeat(2, 1fr);}
	.blog-grid-row,.grid-page-new.ab-submenu-page{grid-template-columns: repeat(1, 1fr);}
	.internationalHomeBanner.hero h1{font-size: 25px; margin-bottom: 15px;}
	.internationalHomeBanner.hero p {font-size: 15px;line-height: 18px; margin-bottom: 15px;}
	.internationalHomeBanner .btn{padding: 8px 12px;font-size: 13px;}
}

@media (max-width: 576px){
	.inn-grid-row,.comm-grid-row{grid-template-columns: repeat(1, 1fr);}
	.internationalHomeBanner.hero h1{font-size: 25px;}
	/* .internationalHomeBanner.hero p{font-size: 12px;} */
	.internationalHomeBanner .btn{padding: 8px;}
	.internationalHomeBanner .hero-image img{min-height: 265px;}
}

@media (max-width: 480px){
	.inn-grid-row,.comm-grid-row{grid-template-columns: repeat(1, 1fr);}
	/* .internationalHomeBanner.hero h1{font-size: 18px;margin-bottom: 10px;} */
	/* .internationalHomeBanner.hero p{font-size: 10px;margin-bottom:10px;} */
	/* .internationalHomeBanner .btn{padding: 6px;font-size: 10px;} */
}

















/*international domain css end here css*/