/* ============================================================
   STATIC HOME — responsive.css
   ============================================================ */
@media (max-width: 1450px) {
	.site-header-container {
		max-width: 1100px;
	}

	.static-home .sh-container {
		max-width: 1100px;
	}

	.static-home .sh-hero {
		margin: 0;
		min-height: 570px;
	}

	.static-home .custom-next-gen .sh-container {
		max-width: 1100px;
	}

	.static-home .sh-platform-card {
		min-height: 432px;
	}

	.static-home .sh-branding .sh-container {
		max-width: 1100px;
	}

	.static-home .sh-hero-cols {
		width: 700px;
	}

	.static-home .sh-col-inner {
		padding: 110px 0px 10px;
		left: 25px;
	}

	.static-home .sh-hero-title {
		font-size: 35px;
		font-weight: 500;
		line-height: 50px;
	}

	.static-home .sh-hero-left {
        flex: 0 0 50%;
        max-width: 50%;
        padding: 50px 0;
	}

	.static-home .sh-col-arrow {
		left: 17px;
		width: 174px;
	}

	.static-home .sh-col-list li {
		margin-bottom: 8px;
	}

	.static-home .sh-col-head {
		font-size: 16px;
		margin-bottom: 15px;
	}

	.static-home .sh-col-inner .sh-col-head span {
		line-height: 23px;
	}

	.static-home .sh-hero-cols[data-hover="ai"] .sh-col-arrow {
		transform: skewX(30deg) translateX(276px);
	}

	.static-home .sh-hero-cols[data-hover="cloud"] .sh-col-arrow {
		transform: skewX(30deg) translateX(510px);
	}

	.static-home .sh-btn {
		padding: 16px 30px;
	}

	.static-home .sh-col-list li a {
		font-size: 14px;
		width: 170px;
	}

	.static-home .sh-oracle {
		padding: 60px 0;
	}

	.static-home .sh-section-top-right {
		font-size: 14px;
	}

	.static-home .sh-section-top {
		margin-bottom: 35px;
	}

	.static-home .sh-oracle-product-card span {
		padding: 15px;
	}

	.static-home .sh-oracle-product-card span {
		font-size: 16px;
	}

	.static-home .sh-oracle-hcm h3 {
		font-size: 22px;
	}

	.static-home .sh-ai-cards {
		padding-left: 20px;
	}

	.static-home .sh-ai-card {
		margin-left: -20px;
		padding: 25px 5px 25px;
	}

	.static-home .sh-ai-card-title {
		font-size: 17px;
	}

	.static-home .sh-ai-card-icon {
		width: 150px;
		height: 150px;
	}

	.static-home .sh-ai {
		padding-bottom: 0;
	}

	.static-home .line-devider {
		margin-top: 50px;
	}

	.static-home .sh-about-left {
		flex: 0 0 40%;
		padding-right: 0%;
	}

	.static-home .sh-platform {
		padding: 60px 0;
		padding-top: 40px;
	}

	.static-home .sh-about {
		padding: 0 0 50px;
	}

	.static-home .sh-faq-question span {
		font-size: 18px;
	}

	.static-home .footer-arrow-man img {
		width: 270px;
	}

	.static-home .footer-arrow-man {
		margin-top: -370px;
	}

	.static-home .sh-branding-sub {
		font-size: 18px;
	}

	.footer-center .container {
		max-width: 1100px;
	}

	.footer-links .footer-link-logo img {
		width: 80%;
	}

	.footer-bottom .container {
		max-width: 1100px;
	}

	.static-home .sh-ai-card:hover{
		transform: translateX(10px);
	}
}

/* ── 1200px ── */
@media (max-width: 1200px) {
	.footer-links .footer-link-logo img {
		width: 75%;
		margin-top: 0;
	}

	.static-home .sh-hero-cols {
		width: 630px;
	}

	.static-home .sh-hero-left {
	        flex: 0 0 45%;
        max-width: 45%;
        padding: 0px 0;
        margin-top: -60px;
	}

	.static-home .sh-hero-title {
		font-size: 32px;
	}

	.static-home .sh-col-inner {
		left: 20px;
	}

	.static-home .sh-col-arrow {
		left: 11px;
		width: 157px;
	}

	.static-home .sh-hero-cols[data-hover="ai"] .sh-col-arrow {
		transform: skewX(30deg) translateX(252px);
	}

	.static-home .sh-hero-cols[data-hover="cloud"] .sh-col-arrow {
		transform: skewX(30deg) translateX(462px);
	}

	.static-home .sh-platform-card {
		min-height: 390px;
	}

	.static-home .sh-branding-left {
		width: 500px;
	}

	.static-home .footer-arrow-man img {
		width: 30%;
		margin-right: 65px;
	}

	.static-home .footer-arrow-man {
		margin-top: -39%;
	}

	.static-home .sh-branding {
		padding-top: 45px;
	}

	.static-home .sh-about-inner {
		padding: 40px 35px;
	}

	.static-home .sh-stat-card {
		min-height: 210px;
	}

	.footer-bottom-wrap {
		margin-top: 0px;
	}

	.footer-links .footer-link-contact.footer-link {
		width: 30%;
		padding-top: 0;
	}

	.footer-links .footer-link-logo {
		width: 30%;
	}

	.footer-links .footer-link {
		width: 20%;
		padding-top: 0;
	}

	.static-home .transprant-card-img img {
		width: 90px;
		height: 90px;
	}

	.static-home .sh-ai-card:hover {
		transform: translateX(15px);
	}

	.footer-links {
		padding-top: 40px;
	}

	.kv-mega-cta-panel .kv-mega-cta-panel-icon-text h3 {
		font-size: 17px;
	}

	.kv-mega-cta-panel .kv-mega-cta-panel-icon-text {
		margin-bottom: 5px;
	}

	.mega-kv-mega-style-list .kv-cta-icon {
		width: 35px;
		height: 35px;
	}

	.mega-kv-mega-style-list .kv-mega-cta-panel {
		padding: 15px;
	}

	.mega-kv-mega-style-cards .service-block .service-content h4 {
		margin: 0;
		padding: 10px 15px;
	}

	.mega-kv-mega-style-cards .mega-sub-menu .service-block {
		margin-bottom: 10px;
	}

	.kv-mega-cta-panel {
		margin-right: 0;
	}

	.mega-kv-mega-style-tiles .service-block {
		padding: 5px 25px;
		padding-left: 15px;
		min-height: 50px;
	}

	.mega-kv-mega-style-tiles .mega-sub-menu .service-block {
		margin-bottom: 10px;
	}

	.mega-kv-mega-style-cards .service-block .service-content h4 a {
		font-size: 14px;
	}

	.mega-kv-mega-style-tiles .service-block .service-content h4 {
		font-size: 14px;
	}

	#mega-menu-wrap-menu-1 #mega-menu-menu-1>li.mega-menu-item>a.mega-menu-link {
		margin-left: 0px;
		padding: 0px 15px;
	}
}

/* ── 768px (Tablet portrait) ── */
@media (max-width: 992px) {

	.static-home .sh-container {
	        padding: 0 20px;
        margin-bottom: 40px;
        margin-top: 0;
	}

	/* shared section header */
	.static-home .sh-section-top {
		flex-direction: column;
		align-items: center;
		gap: 12px;
		margin-bottom: 25px;
		display: flex;
		text-align: center;
	}

 
	.static-home .sh-section-top-left {
		max-width: 100%;
	}

	.static-home .sh-section-top-right {
		flex: 0 0 auto;
		max-width: 100%;
	}

	/* ── Hero ── */
	.static-home .sh-hero {
	        min-height: auto;
        /* padding: 35px 0 290px; */
        align-items: flex-start;
        margin-bottom: 55px;
        display: flex;
        flex-direction: column;
	}

	.static-home .sh-hero-left {
		flex: 0 0 auto;
		max-width: 700px;
		text-align: center;
		margin-top: 0;
		margin: auto;
	}

	/* Columns stack as a horizontal band at the bottom */
	.static-home .sh-hero-cols {
		position: absolute;
		bottom: 0;
		top: auto;
		left: 0;
		right: 0;
		width: 100%;
		min-height: 265px;
		transform: none;
	}

	.static-home .sh-hero-col {
		overflow: hidden;
	}

	.static-home .sh-col-inner {
		transform: none;
		padding: 0;
		justify-content: flex-start;
	}

	.static-home .sh-col-arrow {
		        display: block;
        transform: skewX(0deg);
        width: 25px;
        margin-left: 58%;
        margin-bottom: 15px;
	}

	/* ── Hero peek-carousel ── */
	.static-home .sh-hero-cols.sh-is-carousel {
		overflow: hidden;
		position: relative;
	}

	/* Track: fills the container, clips anything outside */
	.sh-hero-cols-track {
		position: absolute;
		inset: 0;
		overflow: hidden;
	}

	/* All slides: absolute, animated via left / top / width / height */
	.sh-hero-cols-track .sh-hero-col {
		position: absolute;
		overflow: hidden;
		transition:
			left 0.44s cubic-bezier(0.25, 0.46, 0.45, 0.94),
			top 0.44s cubic-bezier(0.25, 0.46, 0.45, 0.94),
			width 0.44s cubic-bezier(0.25, 0.46, 0.45, 0.94),
			height 0.44s cubic-bezier(0.25, 0.46, 0.45, 0.94),
			opacity 0.35s ease,
			background-color 0.44s ease;
	}

	/* Active slide — centred, full height, blue */
	.sh-hero-cols-track .sh-hero-col.is-active {
		left: 42%;
		top: 0;
		width: 335px;
		height: 100%;
		background-color: #0084FF !important;
		z-index: 2;
		border-radius: 0;
		opacity: 1;
		transform: skewX(-30deg);
		transform-origin: top left;
		box-shadow: none;
	}

	/* Prev peek — left edge, shorter, dimmed */
	.sh-hero-cols-track .sh-hero-col.is-prev {
		left: 15%;
		border: 1px solid #0084FF;
		top: 0;
		width: 260px;
		height: 100%;
		background-color: #111111 !important;
		z-index: 1;
		opacity: 0.45;
		cursor: pointer;
		transform: skewX(-30deg);
		transform-origin: top left;
	}

	/* Next peek — right edge, shorter, dimmed */
	.sh-hero-cols-track .sh-hero-col.is-next {
		right: -7%;
		top: 0;
		border-radius: 0;
		width: 260px;
		height: 100%;
		/* background-color: #111111 !important; */
		border: 1px solid #0084FF;
		z-index: 1;
		opacity: 0.45;
		box-shadow: none;
		cursor: pointer;
		transform: skewX(-30deg);
		transform-origin: top left;
	}

	/* Off-screen (hidden, still transitions so re-entry is smooth) */
	.sh-hero-cols-track .sh-hero-col.is-out-left {
		left: -24%;
		top: 12%;
		width: 22%;
		height: 76%;
		background-color: #111111 !important;
		opacity: 0;
		pointer-events: none;
	}

	.sh-hero-cols-track .sh-hero-col.is-out-right {
		left: 102%;
		top: 12%;
		width: 22%;
		height: 76%;
		background-color: #111111 !important;
		opacity: 0;
		pointer-events: none;
	}

	/* Fade content out on side slides, in on active */
	.sh-hero-cols-track .sh-hero-col .sh-col-inner {
		opacity: 0.5;
		transition: opacity 0.2s ease;
	}

	.sh-hero-cols-track .sh-hero-col.is-active .sh-col-inner {
		opacity: 1;
		transform: skewX(0deg);
		transition: opacity 0.32s ease 0.18s;
	}

	/* Remove desktop counter-skew inside carousel slides */
	.sh-hero-cols-track .sh-hero-col .sh-col-head span,
	.sh-hero-cols-track .sh-hero-col .sh-col-list li {
		transform: skewX(30deg);
		color: #fff;
	}

	/* Dot indicators */
	.sh-carousel-dots {
		position: absolute;
		bottom: 10px;
		left: 0;
		right: 0;
		display: flex;
		justify-content: center;
		align-items: center;
		gap: 7px;
		z-index: 20;
		pointer-events: none;
		transform: skewX(30deg);
		display: none;
	}

	.sh-carousel-dot {
		width: 6px;
		height: 6px;
		border-radius: 50%;
		background: rgba(255, 255, 255, 0.35);
		border: none;
		padding: 0;
		cursor: pointer;
		pointer-events: auto;
		outline: none;
		transition: background 0.25s ease, transform 0.25s ease;
	}

	.sh-carousel-dot.is-active {
		background: #ffffff;
		transform: scale(1.4);
	}

	.static-home .sh-col-list li {
		margin-bottom: 9px;
	}

	.static-home .sh-col-list li a {
		font-size: 14px;
		color: #fff;
	}

	/* ── Oracle carousel (mobile) ── */
	.static-home .sh-oracle {
		padding: 40px 0;
		padding-bottom: 15px;
	}

	.static-home .sh-oracle-product-card-row {
               overflow: hidden;
        margin-left: -20px;
        margin-right: -20px;
        padding-bottom: 30px;
        padding-top: 25px;
	}

	.sh-oracle-product-track {
		flex-direction: row !important;
		flex-wrap: nowrap;
		transition: transform 0.42s cubic-bezier(0.22, 1, 0.36, 1);
		will-change: transform;
	}

	.sh-oracle-product-track>div {
		flex-shrink: 0;
		display: flex;
		flex-direction: column;
		min-width: 0;
		opacity: 0.52;
		transform: scaleY(0.95);
		transform-origin: bottom center;
		transition: opacity 0.44s ease, transform 0.44s cubic-bezier(0.25, 0.46, 0.45, 0.94), box-shadow 0.44s ease;
		cursor: pointer;
	}

	.sh-oracle-product-track>div.is-oracle-active {
		        opacity: 1;
        transform: scaleY(1);
        box-shadow: 0px 0px 9px rgba(0, 0, 0, 0.14);
        border-radius: 25px;
        cursor: default;
	}

	.sh-oracle-product-track>div .sh-oracle-product-card {
		aspect-ratio: 5 / 3;
		border-radius: 0;
	}

	.sh-oracle-product-track .is-oracle-active .sh-oracle-product-card {
		aspect-ratio: 5 / 3;
        border-radius: 25px;
        border-bottom-left-radius: 0;
        border-bottom-right-radius: 0;
        height: auto;
	}

	/* Show HCM content on all carousel slides (peek cards clip it via overflow) */
	.sh-oracle-product-track>div .sh-oracle-hcm {
		max-height: none !important;
		opacity: 1 !important;
		padding: 25px !important;
		transition: none !important;
	}

	/* Hide label overlay on the active carousel slide */
	.sh-oracle-product-track>div.is-oracle-active .sh-oracle-product-card span {
		opacity: 0;
		pointer-events: none;
		transition: opacity 0.3s ease;
	}

	/* Dot indicators */
	.sh-oracle-carousel-dots {
		display: flex;
		justify-content: center;
		align-items: center;
		gap: 7px;
		margin-top: -5px;
	}

	.sh-oracle-carousel-dot {
		width: 8px;
		height: 8px;
		border-radius: 50%;
		background: rgba(0, 0, 0, 0.15);
		border: none;
		padding: 0;
		cursor: pointer;
		outline: none;
		transition: background 0.25s ease, transform 0.25s ease;
	}

	.sh-oracle-carousel-dot.is-active {
		background: #0084FF;
		transform: scale(1.25);
	}

	/* ── Platform cards carousel (mobile) ── */
	.static-home .sh-platform-cards.sh-platform-is-carousel {
		display: flex;
		overflow: hidden;
		gap: 0;
		margin-left: -20px;
		margin-right: -20px;
	}

	.sh-platform-cards-track {
		flex-direction: row !important;
		flex-wrap: nowrap;
		transition: transform 0.42s cubic-bezier(0.22, 1, 0.36, 1);
		will-change: transform;
	}

	.sh-platform-cards-track>a {
		flex-shrink: 0;
		min-width: 0;
		opacity: 0.5;
		transform: scale(0.88);
		transform-origin: center;
		transition: opacity 0.44s ease, transform 0.44s cubic-bezier(0.25, 0.46, 0.45, 0.94), z-index 0s;
		cursor: pointer;
		position: relative;
		z-index: 1;
	}

	.sh-platform-cards-track>a.is-platform-active {
		opacity: 1;
		transform: scale(1);
		cursor: default;
		z-index: 2;
	}

	.sh-platform-carousel-dots {
		display: flex;
		justify-content: center;
		align-items: center;
		gap: 7px;
		margin-top: 16px;
	}

	.sh-platform-carousel-dot {
		width: 8px;
		height: 8px;
		border-radius: 50%;
		background: rgba(0, 0, 0, 0.15);
		border: none;
		padding: 0;
		cursor: pointer;
		outline: none;
		transition: background 0.25s ease, transform 0.25s ease;
	}

	.sh-platform-carousel-dot.is-active {
		background: #0084FF;
		transform: scale(1.25);
	}

	/* ── AI cards ── */
	.static-home .sh-ai {
		padding: 60px 0;
		        padding-top: 1px;
		padding-bottom: 35px;
	}

	.static-home .sh-ai-cards {
		border-radius: 16px;
		padding: 0;
		position: relative;
		display: flex;
		flex-direction: column-reverse;
	}

	.static-home .sh-ai-card {
		min-height: auto;
		margin-left: 0;
		border-bottom-right-radius: 0;
		border-bottom-left-radius: 0;
		margin-top: -20px;
		padding-bottom: 35px;
	}

	.static-home .sh-ai-card:nth-child(1) {
		        border-bottom-right-radius: 25px;
        border-bottom-left-radius: 25px;
        padding-bottom: 26px;
	}

	.static-home .sh-ai-card-icon {
		width: 160px;
		height: 160px;
	}


	/* ── Platform ── */
	.static-home .sh-platform {
		padding: 60px 0;
		padding-top: 0;
		background-size: 50px, 50px;
	}

	.static-home .sh-platform-cards {
		grid-template-columns: 1fr;
		gap: 16px;
	}

	.static-home .sh-platform-card {
		min-height: 280px;
	}

	.static-home .sh-kb-card {
		min-height: 240px;
	}

	/* ── About ── */
	.static-home .sh-about {
		padding-bottom: 1px;
	}

	.static-home .sh-about-inner {
		flex-direction: column;
		padding: 40px 28px;
		gap: 32px;
		border-radius: 20px;
	}

	.static-home .sh-about-left {
		flex: 0 0 auto;
		max-width: 100%;
		text-align: center;
	}

	.static-home .sh-about-right {
		width: 100%;
		margin-top: 20px;
	}

	/* ── FAQ ── */
	.static-home .sh-faq {
		padding: 60px 0;
		padding-top: 20px;
		padding-bottom: 4px;
	}

	.static-home .sh-faq-question span {
		font-size: 15px;
	}

	.static-home .sh-faq-answer p {
		font-size: 14px;
	}

	/* ── Branding ── */
	.static-home .sh-branding {
		padding: 60px 0 0;
	}

	.static-home .sh-branding .sh-container {
		flex-direction: column;
		align-items: flex-start;
		margin-bottom: -55px;
	}

	.static-home .sh-branding-left {
		padding-bottom: 0;
		max-width: 100%;
		width: 50%;
	}

	.static-home .sh-branding-right {
		width: 100%;
		justify-content: center;
	}

	.static-home .sh-branding-runner {
		max-height: 300px;
	}

	.static-home .sh-branding-hex {
		width: 300px;
		height: 300px;
		right: -10px;
		bottom: -10px;
	}

	.static-home .sh-hero-hide {
		background: #000000;
	}

	.static-home .sh-hero-title {
		font-size: 30px;
		line-height: 1.5;
		margin-bottom: 12px;
	}

	.static-home .sh-hero-sub {
		margin: 0 0 25px;
		max-width: 100%;
		margin-bottom: 20px;
	}

	.static-home .sh-btn {
		padding: 15px 20px;
	}

	.static-home .sh-col-inner {
		left: 35px;
		padding-top: 25px;
	}

	.static-home .sh-section-label {
		margin-bottom: 10px;
	}

	.static-home .sh-oracle-hcm {
		display: none !important;
	}

	.static-home .is-oracle-active .sh-oracle-hcm {
		display: block !important;
	}

	.sh-oracle-hcm .kn-mobile-show {
		margin-top: 10px;
	}

	/* .static-home .sh-ai-card:nth-child(1) {    position: absolute; }
.static-home .sh-ai-card:nth-child(2) {     position: absolute; }
.static-home .sh-ai-card:nth-child(3) {    position: absolute; }
.static-home .sh-ai-card:nth-child(4) {     position: absolute; } */
	.static-home .line-devider {
		margin-top: 35px;
	}

	.static-home .sh-ai .sh-container {
		margin-bottom: 0;
		padding-bottom: 0;
	}

	.static-home .sh-section-top.sh-centered {
		margin-bottom: 25px;
	}

	.static-home .sh-ai-card-icon,
	.sh-ai-card-num,
	.sh-ai-card-desc {
		display: none;
	}

	.static-home .sh-ai-card-num {
		display: none;
	}

	.static-home .sh-ai-card-title {
		font-size: 16px;
		min-height: auto;
	}

	.static-home .sh-ai-card.sh-ai-card--open .sh-ai-card-icon {
		display: block;
	}

	.static-home .sh-ai-card.sh-ai-card--open .sh-ai-card-desc {
        display: block;
        width: 90%;
	}

	.static-home .sh-ai-card.sh-ai-card--open {
		border-bottom-right-radius: 25px;
		border-bottom-left-radius: 25px;
	}

	.static-home .sh-ai-card.sh-ai-card--open .sh-ai-card-num {
		display: block;
	}

	.static-home .sh-ai-card:hover {
		transform: none;
	}

	.static-home .sh-platform-card.sh-img-card .sh-card-bg {
		display: block;
	}

	.static-home .sh-platform-card.sh-img-card:hover .sh-card-bg {
		opacity: 1;
	}

	.static-home .sh-platform-card.sh-img-card:hover {
		background-color: unset;
	}

	.static-home .sh-platform-card.sh-img-card .sh-card-bg {
		position: relative;
	}

	.static-home .sh-platform-card.sh-img-card:hover .sh-platform-card-body {
		background: #0084FF;
	}

	.static-home .sh-platform-card.sh-img-card:hover .transprant-card-img {
		opacity: unset;
		transform: unset;
		display: none;
	}

	.static-home .sh-platform-card.sh-img-card .sh-platform-card-body div p {
		opacity: 1 !important;
		max-height: unset;
	}

	.static-home .sh-platform-card.sh-img-card {
		background: #0279e9;
	}

	.static-home .sh-platform-card.sh-img-card .sh-platform-card-body {
		margin-top: -30%;
		z-index: 3;
		background: #0084FF;
	}

	.static-home .sh-platform-card.sh-img-card .sh-platform-card-body .sh-card-img img {
		display: none;
	}

	.static-home .sh-platform-card.sh-img-card .sh-platform-card-body .sh-card-img .img-dark {
		display: block;
	}

	.static-home .sh-platform-card.sh-img-card .sh-platform-card-body .sh-card-img {
		background-color: #ffffff;
	}

	.static-home .sh-platform-card.sh-img-card .sh-platform-card-body .sh-link-arrow {
		justify-content: flex-end;
		margin-bottom: -35px;
		margin-top: 11px;
		color: #ffffff;
		z-index: 10;
	}

	.static-home .sh-platform-card h3 {
		font-size: 19px;
	}

	.static-home .sh-platform-card.sh-img-card .sh-platform-card-body .sh-card-img {
		width: 55px;
		height: 55px;
		padding: 14px;
	}

	.static-home .sh-platform.custom-next-gen {
		padding-bottom: 30px;
	}

	.static-home .sh-stat-card {
		min-height: 165px;
	}

	.static-home .sh-branding {
		overflow: unset;
		margin-bottom: unset;
		padding-top: 0;
	}

	.static-home .sh-ai .sh-section-top {
		margin-bottom: 45px;
	}

	.static-home .sh-oracle .sh-container .sh-section-top{
         margin-bottom: 0;
	}
	.static-home .sh-hero-col--cloud{
		    border-bottom-right-radius: 0;
	}
.static-home .sh-hero-col--oracle{
		    background: unset;
	}
	.static-home .sh-hero .sh-container .sh-hero-left{
          padding-top: 30px;
	}
}

@media (max-width: 762px) {
	.static-home .sh-hero-left {
		flex: unset;
		max-width: unset;
		text-align: center;
		margin: auto;
	}

	.sh-hero-cols-track .sh-hero-col.is-next {
		right: -70px;
        width: 200px;
	}

	.sh-hero-cols-track .sh-hero-col.is-prev {
		        left: 76px;
        width: 200px;
	}

	.sh-hero-cols-track .sh-hero-col.is-active {
		left: 43%;
        width: 200px;
	}

	.static-home .sh-col-arrow {
	        margin-left: 46%;
        margin-bottom: 1%;
	}

	.static-home .sh-oracle-hcm-head .sh-link-arrow {
		display: none;
	}

	.kn-mobile-show {
		display: block;
	}

	.static-home .sh-oracle-product-card-row>div .sh-oracle-hcm {
		text-align: center;
	}

	.static-home .sh-oracle-hcm-head {
		justify-content: center;

	}

	.static-home .sh-oracle-hcm h3 {
		font-size: 20px;
		font-weight: 600;
		padding-bottom: 0;
		margin-bottom: -5px;
	}

	.static-home .sh-stat-card:nth-child(2) {
		border-top-right-radius: 45px;
	}

	.static-home .sh-stat-card:nth-child(3) {
		border-bottom-left-radius: 45px;
	}

	.static-home .sh-branding {
		margin-bottom: 0;
	}

	.static-home .sh-branding-logo img,
	.static-home .sh-branding-logo a img {
		width: 135px;
	}

	.static-home .sh-branding-logo {
		margin-bottom: 15px;
	}

	.static-home .sh-branding-title {
		margin: 0 0 10px;
	}

	.static-home .footer-arrow-man {
		margin-top: -41%;
	}

	.footer-links .footer-link-logo {
		width: 50%;
		position: absolute;
		right: 0;
	}

	.static-home .sh-branding-sub {
		font-size: 14px;
	}

	.static-home .sh-container .sh-frame-bg {
		padding-left: 25px;
		border-radius: 0;
	}

	.static-home .sh-container {
		margin-bottom: 35px;
		        margin-top: 0;
	}

	.static-home .sh-faq-question {
		padding: 15px 20px;
	}

	.static-home .sh-faq-header {
		margin-bottom: 20px;
	}

	.static-home .sh-branding .sh-container {
		padding: 0 0px;
	}

	.static-home .sh-platform-card-body {
		padding: 20px 20px;
	}

	.static-home .sh-oracle-product-card-row>div .sh-oracle-hcm {
		padding: 20px !important;
	}

	.footer-links .footer-link {
		width: 100%;
	}

	.static-home .sh-hero-title {
		font-size: 25px;
		margin-bottom: 10px;
	}

	.footer-links {
		padding-top: 40px;
		display: flex;
	}

	.footer-links .footer-link h5 {
		margin: 0 0 15px;
	}

	.footer-links .footer-link-contact.footer-link {
		width: 100%;
	}

	.footer-links .footer-link-logo img {
		width: 100%;

	}

	.footer-links .footer-link-logo img {
		margin-bottom: 0;
	}

	.static-home .sh-branding-title br {
		display: none;
	}
    .static-home .sh-col-inner {
        left: 20px;
    }
	.static-home .sh-hero{
		        margin-bottom: 25px;
	}
 
}

@media (max-width: 480px) {
	.sh-hero-cols-track .sh-hero-col.is-active {
		        width: 33%;
        transform: skewX(-20deg);
        left: 42%;
	}

	.static-home .sh-col-inner {
		left: 10px;
		padding-top: 20px;
	}

	.static-home .sh-col-head {
	        font-size: 13px;
        letter-spacing: 0.8px;
             margin-bottom: 7px;
	}

	.static-home .sh-col-list li {
		margin-bottom: 8px;
	}

	.static-home .sh-hero-cols {
		min-height: 240px;

	}

	.sh-hero-cols-track .sh-hero-col .sh-col-head span,
	.sh-hero-cols-track .sh-hero-col .sh-col-list li {
		transform: skewX(20deg);
	}

	.sh-hero-cols-track .sh-hero-col.is-prev {
	            transform: skewX(-20deg);
        left: 13%;
        width: 30%;
	}

	.sh-hero-cols-track .sh-hero-col.is-next {
                    transform: skewX(-20deg);
        right: -5%;
        width: 30%;
	}

	.static-home .sh-col-arrow {
	        margin-left: 44%;
        margin-bottom: 0px;
        width: 23px;
	}
 
	.static-home .sh-hero {
		/* padding: 35px 0 265px; */
		margin-bottom: 0px;
	}

	.static-home .sh-branding-logo img,
	.static-home .sh-branding-logo a img {
		width: 95px;
	}

	.static-home .sh-branding-logo {
		margin-bottom: 2px;
	}

	.static-home .sh-branding-title {
		margin: 0 0 8px;
		font-size: 14px;
	}

	.static-home .sh-branding-sub {
		font-size: 13px;
		line-height: 15px;
	}

	.static-home .footer-arrow-man img {
		width: 27%;
		margin-right: 8%;
	}

	.static-home .footer-arrow-man {
		margin-top: -45%;
	}

	.static-home .sh-container .sh-frame-bg {
		padding-left: 15px;
	}

	.static-home .sh-branding-left {
		width: 55%;
		padding-bottom: 9px;
	}

	.static-home .sh-btn {
		padding: 13px 18px;
		font-size: 13px;
	}

	.static-home .sh-about-inner {
		padding: 25px 20px;
	}

	.static-home .sh-faq-item.active .sh-faq-question {
		padding: 20px;
		padding-bottom: 5px;
	}

	.static-home .sh-faq-answer p {
		font-size: 14px;
		padding: 20px;
		padding-top: 0;
	}
	.static-home .sh-col-list li a {
	        font-size: 12px;
        width: 130px;
	}
	.static-home .sh-hero-cols-track .sh-hero-col:nth-child(1) .sh-col-inner{
		          left: 14%;
	}
	.static-home .sh-hero-cols-track .sh-hero-col:nth-child(2) .sh-col-inner{
		           left: 14%;
	}
	.static-home .sh-hero-cols-track .sh-hero-col:nth-child(3) .sh-col-inner{
		            left: 15%;
	}
	
}
@media (max-width: 450px) {
    .static-home .sh-hero-cols-track .sh-hero-col:nth-child(1) .sh-col-inner {
        left: 14%;
    }
	.sh-hero-cols-track .sh-hero-col.is-active{
		left: 43%;
		        width: 37%;
	}
	.sh-hero-cols-track .sh-hero-col.is-next{
		        right: -10%;
	}
	.static-home .sh-col-list li a {
	        font-size: 11px;
        width: 109px;
	}

	.sh-hero-cols-track .sh-hero-col.is-active .sh-col-list li a{
        width: 115px;
	}
	 
}
@media (max-width: 400px) {
.static-home .sh-col-list li a {
        width: 105px;
	}
}
@media (max-width: 380px) {
	    .static-home .sh-col-arrow {
        margin-left: 42%;
        width: 18px;
    }
	.static-home .sh-col-inner .sh-col-head span{
		        line-height: 18px;
	}
	.static-home .sh-hero-cols-track .sh-hero-col:nth-child(2) .sh-col-inner{
		        left: 9%;
	}
}
@media (max-width: 350px) {
	 
	 
}

/* ── 480px (Mobile) ── */
/* @media (max-width: 480px) {

  .static-home .sh-container { padding: 0 16px; }

  .static-home .sh-hero { padding-bottom: 220px; }
  .static-home .sh-hero-cols { height: 200px; }
  .static-home .sh-col-head { margin-bottom: 14px; }
  .static-home .sh-hero-title  { font-size: 30px; }

 
  .static-home .sh-ai-cards { grid-template-columns: 1fr; }
  .static-home .sh-ai-cards { grid-template-columns: 1fr; border-radius: 12px; }
  .static-home .sh-ai-card { min-height: 300px; padding: 22px 20px 22px; }
  .static-home .sh-ai-card:nth-child(5) { grid-column: auto; min-height: 300px; }
  .static-home .sh-ai-card-icon { width: 100px; height: 100px; }

  .static-home .sh-about-right { grid-template-columns: 1fr 1fr; }
  .static-home .sh-stat-number { font-size: 28px; }
  .static-home .sh-stat-card   { padding: 22px 16px; }

  .static-home .sh-faq-question span { font-size: 14px; }

  .static-home .sh-branding-title { font-size: 26px; }
  .static-home .sh-branding-runner { max-height: 240px; }
  .static-home .sh-branding-hex { width: 240px; height: 240px; }
} */