/*.sk-button.sk-accent {
	background: var(--color-accent);
	border-color: var(--color-accent);
	color: var(--color-on-primary);
}*/

h2, .title-xlarge {
	font-size: 3.6rem !important;
}

/*section {
	overflow: hidden;
}*/
/*html, body {
	overflow-x: hidden;
}*/
.section-title {
/*	color: var(--color-accent);*/
	text-transform: uppercase;
	font-weight: bold;
}

.title-decor {
	width: 4.3rem;
	height: .1rem;
	background: var(--color-accent);
	margin-bottom: var(--gutter-large);
}

/* #region hero */
.partners-hero {
	background: radial-gradient(circle at 10% 33%, #2648d0, 8%, #011e7f), radial-gradient(circle at 50% 70%, #2648d0, 16%, #011e7f);
	color: var(--color-white);
}


.partner-hero-container {
	position: relative;
	width: 100%;
	margin: 0 auto;
	display: flex;
	justify-content: center;
	align-items: center;
	position: relative;
	max-width: 100%;
	max-height: 100%;
}

.partner-hero-content h1 {
	color: var(--color-white);
	font-size: 4.2rem;
}

.partner-hero-content p {
	line-height: 2.8rem;
}

.partner-hero-background {
	width: 100%;
	height: auto;
	display: block;
}

.partner-hero-awards {
	position: absolute;
	top: 50%;
	left: 5%;
	transform: translateY(-50%);
}

.partner-hero-ai {
	position: absolute;
	top: 36%;
	right: 8%;
}

.partner-hero-about {
	position: absolute;
	bottom: 15%;
	left: 58%;
	transform: translateX(-50%);
}

.partners-hero .sk-col-6 {
	display: flex;
	flex-flow: column nowrap;
	/* align-items: center; */
	justify-content: center;
}

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

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

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

@keyframes floatLeftRight {
	0% {
		transform: translateX(0);
	}

	50% {
		transform: translateX(10px);
	}

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

@keyframes floatDiagonal {
	0% {
		transform: translate(0, 0);
	}

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

	100% {
		transform: translate(0, 0);
	}
}

.partner-hero-awards {
	animation: floatUpDown 3s ease-in-out infinite alternate;
}

.partner-hero-ai {
	animation: floatLeftRight 4s ease-in-out infinite alternate;
}

.partner-hero-about {
	animation: floatDiagonal 5s ease-in-out infinite alternate;
}

@media (min-width: 769px) {
	.partner-hero-content {
		max-width: 80%;
	}

		.partner-hero-content p {
			max-width: 78%;
		}
}

@media (max-width: 768px) {
	html, body {
		overflow-x: hidden;
	}

	h1 {
		font-size: 3.6rem;
	}

	.partner-hero-about {
		left: 30%;
	}

	.industry-header.top-header .sk-appbar .sk-appbar-logo .logo-color {
		display: none;
	}
	.industry-header.top-header .sk-appbar .sk-appbar-logo .logo-white {
		display: block;
	}
	.industry-header.top-header .sk-appbar .sk-appbar-align-end .sk-button svg {
		fill: #fff;
	}
	.industry-header.top-header .sk-appbar {
		box-shadow: none;
		background: #3e51da;
	}
	.partner-hero-content {
		padding-top: 7rem;
	}
	.section-divider {
		max-width: 90%;
	}
}

/* #endregion hero */

/* #region why choose promanage  */
.partner-cards {
	display: grid;
	grid-template-columns: repeat(2, 1fr);
	gap: var(--gutter-large) var(--gutter-xlarge);
}

.partner-card {
	background: #F9FBFE;
	border-radius: 1.2rem;
	padding: var(--gutter-base) var(--gutter-large);
	border: .1rem solid #DDDDDD;
	display: flex;
	flex-direction: column;
	/* gap: 1rem; */
	position: relative;
	margin-top: 2rem;
}

	.partner-card:nth-child(1) {
		margin-top: 0;
	}

	.partner-card h3 {
		font-size: 2.2rem;
		font-weight: bold;
	}

	.partner-card p {
		font-size: 1.6rem;
	}

.partner-card-icon {
	position: absolute;
	top: -15px;
	right: -15px;
	width: 6.5rem;
	height: 6.5rem;
	background: black;
	border-radius: 50%;
	display: flex;
	align-items: center;
	justify-content: center;
}

/* .partner-card-icon img {
    width: 20px;
    height: 20px;
} */

/* #endregion why choose promanage  */

/* #region tech partners */
.tech-partners {
	background: #f6f9ff;
	text-align: center;
	padding: 4rem 0;
	position: relative;
	overflow: hidden;
}

.partners-content {
	position: relative;
	z-index: 2;
}

	.partners-content .sub-text {
		color: var(--color-accent);
		font-size: 2.2rem;
		font-weight: 600;
	}

	.partners-content h2 {
		font-size: 3.6rem;
		font-weight: 700;
		margin-bottom: 1rem;
	}


/* Floating Bubbles (Desktop only) */
.floating-logos {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	width: 100%;
	height: 100%;
	pointer-events: none;
	display: block;
}

.bubble {
	position: absolute;
	/* width: 80px; */
	/* height: 80px; */
	/* background: white; */
	/* border-radius: 50%; */
	display: flex;
	align-items: center;
	justify-content: center;
	/* box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1); */
	animation: floatAnimation 5s infinite ease-in-out;
}

	.bubble img {
		/* max-width: 80%; */
		height: auto;
	}

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

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

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

/* Randomized delays */
.bubble:nth-child(odd) {
	animation-duration: 4s;
}

.bubble:nth-child(even) {
	animation-duration: 6s;
}

.bubble:nth-child(3) {
	animation-duration: 5.5s;
}

.bubble:nth-child(7) {
	animation-duration: 4.8s;
}

.bubble:nth-child(9) {
	animation-duration: 5.2s;
}

/* Mobile View: Hide Floating Bubbles */
@media (max-width: 768px) {
	.floating-logos {
		display: none;
	}

	.partner-cards {
		display: block;
		margin-top: var(--gutter-base);
	}

	/* Partner Logos in Grid Layout */
	.partners-grid {
		display: grid;
		grid-template-columns: repeat(2, 1fr);
		gap: var(--gutter-base);
		max-width: 400px;
		margin: 0 auto;
		padding: 2rem 1rem;
		/* background: white; */
		border-radius: var(--radius-base);
		/* box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1); */
	}

	.partner-card {
		/* display: flex;
        align-items: center;
        justify-content: center;
        padding: 15px; */
		border-radius: 8px;
		/* background: #f1f5ff; */
		border: 0;
		margin: 0;
		flex: 0 0 100%;
	}

	.partner-card img {
		max-width: 80%;
		height: auto;
		position: relative;
	}
	.partner-card-icon {
		right: 0;
	}
}

/* #endregion tech partners */

/* #region referral programms */

.partner-suggestion-list {
	flex-wrap: wrap;
	gap: var(--gutter-large);
}

.partner-suggestion-card {
	border: .1rem solid #dddddd;
	border-radius: var(--radius-large);
	padding: var(--gutter-small) var(--gutter-base);
	background: #F9FBFE;
}

.section-divider {
	max-width: 60%;
	margin: 0 auto;
}

@media(max-width: 768px) {
	.partner-programs .sk-col-6:last-child {
		padding-top: 3rem;
	}
}

/* #endregion referral programms */

/* #region contact form */
.country-code select {
	font-size: 1.4rem;
	height: 97% !important;
	border-radius: inherit;
	background: inherit;
	border-right: .1rem solid var(--color-border);
}

.country-code + .sk-event-group .sk-floating-label {
	left: 6rem !important;
}

.country-code + .sk-event-group input {
	padding-left: 6rem !important;
}

.signup-partner p.sk-small {
	font-size: 1.4rem;
}

/* #endregion contact form */





/* Mobile Number Country Code CSS :: BEGIN  */

.sk-mobile-number .sk-text-field.sk-leading-icon .sk-icons {
	left: 0;
	right: auto;
	color: var(--color-form-elements-icon);
	font-size: 2.2rem;
}

.sk-mobile-number .sk-text-field.sk-leading-icon .icon {
	position: absolute;
	top: 2.4rem;
	transform: translateY(-1.5rem);
	width: 2rem;
	height: 100%;
	display: flex;
	align-items: center;
	justify-content: center;
	z-index: 2;
	height: 2rem;
	left: 1rem;
}


/* Mobile Number Country Code CSS :: BEGIN  */
.sk-mobile-number .sk-text-field .sk-text {
	width: 12rem !important;
	cursor: pointer;
}

	.sk-mobile-number .sk-text-field .sk-text .sk-text-inner {
		display: flex;
		align-items: center;
		justify-content: space-evenly;
	}

.sk-mobile-number .sk-text-field {
	margin-bottom: 0 !important;
}

	.sk-mobile-number .sk-text-field .sk-input {
		padding-left: 13rem !important;
	}

.sk-mobile-number .sk-overflow-menu .sk-overflow-list {
	box-shadow: none;
}

.sk-mobile-number {
	position: relative;
	margin-bottom: 2.5rem;
}

	.sk-mobile-number .sk-overflow-menu {
		left: 0;
		position: absolute;
		width: 100%;
		max-width: 100%;
		background: var(--color-white);
		padding: 1rem 1rem 0 1rem;
		box-shadow: var(--box-shadow-2);
		border-radius: var(--radius-base) var(--radius-base) 0 0;
		z-index: 2;
	}

		.sk-mobile-number .sk-overflow-menu .sk-text-field {
			margin-bottom: 0;
		}

		.sk-mobile-number .sk-overflow-menu .sk-overflow-list {
			width: 100%;
			max-height: 22rem;
			overflow: auto;
			min-width: 10rem;
			box-shadow: var(--box-shadow-1);
			border-radius: 0 0 var(--radius-base) var(--radius-base);
			line-height: 1.5rem;
			top: calc(100% + 0rem);
			padding: 0;
			left: 0;
		}

			.sk-mobile-number .sk-overflow-menu .sk-overflow-list li {
				border: 0;
				font-size: 1.4rem;
				border-radius: 0;
				padding: var(--gutter-base);
			}

		.sk-mobile-number .sk-overflow-menu .sk-text-field .sk-input {
			padding-left: 3.8rem !important;
		}

		.sk-mobile-number .sk-overflow-menu .sk-text-field .sk-floating-label {
			line-height: normal;
		}

		.sk-mobile-number .sk-overflow-menu .sk-empty-state .sk-image {
			height: 12rem;
		}

		.sk-mobile-number .sk-overflow-menu .sk-empty-state .sk-empty-inner {
			padding: var(--gutter-large);
		}

		.sk-mobile-number .sk-overflow-menu .sk-text-field .sk-input input {
			width: 100%;
			border: 0;
			line-height: 2;
		}

@media (max-width: 768px) {
	.sk-mobile-number .sk-text-field .sk-text {
		width: 12rem;
	}

	.sk-mobile-number .sk-overflow-menu .sk-overflow-list {
		max-height: 19rem;
	}
}

/* Mobile Number Country Code CSS :: END  */

.sk-button.close-modal {
	margin-right: 1rem;
	margin-top: 1rem;
}
.sk-button.close-modal:hover {
	background: transparent;
}

.thank-message svg {
	color: var(--color-success);
	display: block;
	height: 8rem;
	width: 8rem
}

.thank-message .circle {
	stroke-dasharray: 76;
	stroke-dashoffset: 76;
	-webkit-animation: draw 1s forwards;
	animation: draw 1s forwards
}

.thank-message .tick {
	stroke-dasharray: 18;
	stroke-dashoffset: 18;
	-webkit-animation: draw .8s .8s forwards;
	animation: draw .8s .8s forwards
}

.thank-you-screen {
	align-items: center;
	display: flex;
	flex-wrap: wrap;
	height: 100%;
	justify-content: center;
	text-align: center
}

.thank-you-screen h2 {
	color: var(--color-success)
}

svg.success-round {
	background: #d3ebc2;
	border-radius: 50%;
	margin: 2rem auto;
	padding: 1rem
}