.centuryConnect-wrapper p {
	font-size: 18px;
	font-weight: 400;
	line-height: 1.3;
}

.centuryConnect-wrapper .centuryConnect-hero {
	margin-block: 114px 30px;
	padding-block: 30px;
	background-image: url(../images/century-connect/centuryConnect-banner-bg.png);
	background-repeat: no-repeat;
	background-position: center;
	background-size: contain;
	position: relative;
}

.centuryConnect-wrapper .centuryConnect-hero:before {
	content: '';
	position: absolute;
	background-image: radial-gradient( ellipse at bottom, #073A5F, #165D86, #309CCD);
	top: 0;
	bottom: 50%;
	left: 0;
	right: 0;
	z-index: -1
}


.centuryConnect-wrapper .centuryConnect-hero--top h4 {
	color: #fff;
	font-size: 1.5rem;
	line-height: normal;
	font-weight: 600;

}

.centuryConnect-wrapper .centuryConnect-hero--top h4 {
	text-shadow: 0 3px 12px rgba(0, 0, 0, 1);
}

.centuryConnect-wrapper .centuryConnect-hero--top h4 .orange {
	color: #CDA215;
}

.centuryConnect-wrapper .centuryConnect-hero--top h4 .blue {
	color: #389AC7;
}

.centuryConnect-wrapper .centuryConnect-hero--bottom {
	padding-top: 450px;
}

.centuryConnect-wrapper .centuryConnect-hero--bottom .blue {
    color: #2E94C4;
}

.centuryConnect-wrapper .glance-card-section .card {
	border: none;
	display: flex;
	align-items: center;
	gap: 10px;
	padding: 15px;
	margin-block: 15px;
}

.centuryConnect-wrapper .glance-card-section .col-lg-4:has(.card.blue) {
	border-left: 1px solid #99B9CA;
	border-right: 1px solid #99B9CA;
}

.centuryConnect-wrapper .glance-card-section .card h5 {
	font-size: 24px;
}

.centuryConnect-wrapper .glance-card-section .card h3 {
	font-weight: 600;
}

.centuryConnect-wrapper .glance-card-section .card.green h3,
.centuryConnect-wrapper .glance-card-section .card.green .highlight {
	color: #81BA00;
}

.centuryConnect-wrapper .glance-card-section .card.blue h3,
.centuryConnect-wrapper .glance-card-section .card.blue .highlight {
	color: #2E94C4;
}

.centuryConnect-wrapper .glance-card-section .card.orange h3,
.centuryConnect-wrapper .glance-card-section .card.orange .highlight {
	color: #FFBA00;
}

.centuryConnect-wrapper .glance-card-section .card:before {
	content: '';
	position: absolute;
	top: -15px;
	left: 0;
	right: 0;
	height: 20px;
	border-radius: 20px;
	box-shadow: 0 3px 15px 0 rgba(46, 148, 196, 0.32);
}

.centuryConnect-wrapper .glance-card-section .card.green:before {
	background-color: #81BA00;
}

.centuryConnect-wrapper .glance-card-section .card.blue:before {
	background-color: #2E94C4;
}

.centuryConnect-wrapper .glance-card-section .card.orange:before {
	background-color: #FFBA00;
}

.centuryConnect-wrapper .glance-card-section .card .highlight {
	margin-top: 10px;
	font-weight: 600;
}

.centuryConnect-wrapper .glance-card-section .testimonial-video {
	box-shadow: 0 3px 30px 0 rgba(46, 148, 196, 0.32);
	border-radius: 20px;
	padding: 30px;
	border-bottom-left-radius: 0;
	border-bottom-right-radius: 0;
}

.centuryConnect-wrapper .glance-card-section .testimonial-video h2 {
	color: #2E94C4;
	font-weight: 600;
}

.centuryConnect-wrapper .glance-card-section .testimonial-video .testimonial-content {
	display: flex;
	align-items: center;
	flex-direction: column;
	gap: 30px;
}

.centuryConnect-wrapper .glance-card-section .testimonial-video .testimonial-content .main-content {
	font-style: italic;
}

.centuryConnect-wrapper .glance-card-section .testimonial-video .testimonial-content .highlight {
	color: #964DFF;
	margin-top: 15px;
	font-weight: 500;
}

.centuryConnect-wrapper .glance-card-section .testimonial-video .testimonial-content .button-label {
    text-align: center;
	background-color: #FFBA00;
	box-shadow: 0 3px 30px 0 rgba(46, 148, 196, 0.32), inset 0 3px 30px 0 rgba(255, 255, 255, 1);
	width: 100%;
	padding: 15px;
	color: #fff;
	border: none;
	border-radius: 20px;
	font-size: 1.5rem;
	font-weight: 600;
}

.centuryConnect-wrapper .glance-card-section .testimonial-video .testimonial-content .button-label span {
	text-transform: uppercase;
}

.centuryConnect-wrapper .ma-integration-section {
	background-image: radial-gradient(#2E94C4, #173962);
	padding: 30px;
}

.centuryConnect-wrapper .ma-integration-section h2 {
	color: #FFF;
	font-size: 35px;
	font-weight: 600;
	margin-bottom: 20px;
}

.centuryConnect-wrapper .ma-integration-section p {
	color: #fff;
}

.centuryConnect-wrapper .ma-integration-card {
	background-color: rgba(255, 255, 255, 0.5);
	box-shadow: inset 0 3px 20px 0 rgba(255, 255, 255, 0.7);
	border-radius: 20px;
	margin-top: 25px;
	padding: 30px 10px;
	backdrop-filter: blur(30px);
	-webkit-backdrop-filter: blur(30px);
	display: flex;
	align-items: center;
	min-height: 130px;
	box-sizing: border-box;
}

.centuryConnect-wrapper .ma-integration-card h4 {
	font-size: 24px;
	font-weight: 600;
	color: #173962;
}

.centuryConnect-wrapper .ma-integration-card p {
	color: #173962;
	padding-inline: 15px;
}

.centuryConnect-wrapper .ma-integration-card div:nth-child(2) {
	border-left: 1px solid #173962;
}

.centuryConnect-wrapper .challenge-section,
.centuryConnect-wrapper .benefit-section {
	padding-block: 45px;
}

.centuryConnect-wrapper .challenge-section h2,
.centuryConnect-wrapper .benefit-section h2 {
	font-size: 35px;
	font-weight: 600;
	margin-bottom: 20px;
	text-align: center;
}

.centuryConnect-wrapper .challenge-section h2 {
	color: #BB0034;
}

.centuryConnect-wrapper .benefit-section h2 {
	color: #81BA00;
}

.centuryConnect-wrapper .challenge-section p,
.centuryConnect-wrapper .benefit-section p {
	text-align: center;
}

.centuryConnect-wrapper .challenge-section .card,
.centuryConnect-wrapper .benefit-section .card {
	border-radius: 20px;
	padding: 15px;
	margin-block: 15px;
	display: flex;
	flex-flow: row;
	align-items: center;
	min-height: 200px;
}

.centuryConnect-wrapper .challenge-section .card-full,
.centuryConnect-wrapper .benefit-section .card-full {
	border-radius: 20px;
	padding: 15px;
	text-align: center;
	color: #fff;
}

.centuryConnect-wrapper .challenge-section .card-full h4 {
	font-weight: 500;
}

.centuryConnect-wrapper .benefit-section .card-full h4 {
	font-weight: 400;
	font-size: 18px;
	line-height: 1.3;
}

.centuryConnect-wrapper .challenge-section .card-full {
	background-color: #BB0034;
}

.benefit-section .card-full {
	background-color: #81BA00;
}

.centuryConnect-wrapper .challenge-section .card {
	border: 3px solid #BB0034;
}

.centuryConnect-wrapper .benefit-section .card {
	border: 3px solid #81BA00;
}

.centuryConnect-wrapper .challenge-section .card .card-right,
.centuryConnect-wrapper .benefit-section .card .card-right {
	padding-inline: 25px;
}

.centuryConnect-wrapper .challenge-section .card .card-right h4,
.centuryConnect-wrapper .benefit-section .card .card-right h4 {
	font-weight: 600;
	text-transform: uppercase;
	margin-bottom: 10px;
}

.centuryConnect-wrapper .challenge-section .card .card-right h4 {
	color: #BB0034;
}

.centuryConnect-wrapper .benefit-section .card .card-right h4 {
	color: #81BA00;
}

.centuryConnect-wrapper .challenge-section .card .card-right p,
.centuryConnect-wrapper .benefit-section .card .card-right p {
	text-align: left;
}

.centuryConnect-wrapper .phased-approach-section h2 {
	font-size: 35px;
	font-weight: 600;
	margin-bottom: 20px;
	text-align: center;
	color: #2E94C4;
}

.centuryConnect-wrapper .phase-img-section {
	border-radius: 20px;
	padding: 10px;
	padding-inline: 0;
	padding-top: 30px;
	box-shadow: 0 0 20px 0 rgba(46, 148, 196, 0.44);
	position: relative;
}

.centuryConnect-wrapper .phase-img-section span {
	padding: 10px 30px;
	border: 2px solid #2E94C4;
	border-radius: 20px;
	font-size: 1.75rem;
	color: #2E94C4;
	font-weight: 600;
	position: absolute;
	top: -30px;
	margin: 0 auto;
	text-align: center;
	left: 0;
	right: 0;
	width: max-content;
	background: #fff;
}

.centuryConnect-wrapper .phase-img-section span:before {
	content: '';
	position: absolute;
	border-top: 10px solid #2E94C4;
	border-left: 10px solid transparent;
	border-right: 10px solid transparent;
	border-bottom: 10px solid transparent;
	bottom: -20px;
	left: 0;
	right: 0;
	width: 10px;
	margin: 0 auto;
}


.centuryConnect-wrapper .phase-card-section {
	background-color: #2E94C4;
	color: #fff;
	border-radius: 20px;
	margin-block: 25px;
	padding: 10px;
	display: flex;
	align-items: center;
	min-height: 90px;
	position: relative;
}

.centuryConnect-wrapper .phase-card-section h4 {
	font-size: 1rem;
	font-weight: 500;
}

.centuryConnect-wrapper .phase-card-section:after {
	content: '';
	position: absolute;
	top: -25px;
	bottom: -25px;
	left: 30px;
	right: 30px;
	background-color: #f1f1f1;
	z-index: -1;
}

.centuryConnect-wrapper .phase-card-section h5 {
	font-size: 24px;
	font-weight: 500;
	margin-bottom: 5px;
}

.centuryConnect-wrapper .phase-list-section {
	border: 2px solid #2E94C4;
	border-radius: 20px;
	padding: 10px;
}

.centuryConnect-wrapper .phase-list-section h5 {
	font-weight: 500;
	color: #2E94C4;
	font-size: 24px;
	margin-bottom: 5px;
}

.centuryConnect-wrapper .phase-list-section h5:not(:first-of-type) {
	margin-top: 15px;
}

.centuryConnect-wrapper .phase-outcome-section h2 {
	font-size: 35px;
	font-weight: 600;
	margin-block: 20px;
	text-align: center;
	color: #173962;
}

.centuryConnect-wrapper .phase-outcome-section .outcome-card {
	background-color: #173962;
	border-radius: 20px;
	padding: 20px;
	color: #fff;
	text-align: center;
}

.centuryConnect-wrapper .phase-separator-section {
	background-image: url(../images/century-connect/phase-separator.png);
	min-height: 145px;
	position: relative;
}

.centuryConnect-wrapper .phase-separator-section:after {
	position: absolute;
	content: '';
	left: 0;
	right: 0;
	bottom: 28px;
	top: 32px;
	background-image: url(../images/century-connect/phase-separator-bg.png);
}

.centuryConnect-wrapper .cc-cta-button {
	background-image: linear-gradient(45deg, #173962, #2E94C4);
	box-shadow: inset 0 10px 40px 0 rgba(255, 255, 255, 0.89), 0 3px 20px rgba(46, 148, 196, 0.42);
	padding: 10px 45px;
	color: #fff;
	border-radius: 20px;
	border: 3px solid #fff;
	font-size: 1.5rem;
	line-height: 1.3;
	font-weight: 500;
	min-height: 80px;
    display: inline-flex;
    flex-direction: column;
    justify-content: center;
}

.centuryConnect-wrapper .cc-cta-button.green {
	background-image: linear-gradient(45deg, #81BA00, #2E94C4);
}


.centuryConnect-wrapper .casestudy-section h2 {
	font-size: 35px;
	font-weight: 600;
	margin-bottom: 20px;
	text-align: center;
	color: #173962;
}

.centuryConnect-wrapper .client-benefit-section {
	margin-block: 45px 60px;
}

.centuryConnect-wrapper .client-benefit-section h2 {
	font-size: 35px;
	font-weight: 600;
	margin-bottom: 20px;
	text-align: center;
	color: #2E94C4;
}

.centuryConnect-wrapper .client-benefit-card {
	background-image: linear-gradient(45deg, #173962, #2E94C4);
	padding: 20px 30px 60px;
	border-radius: 20px;
	color: #fff;
	display: flex;
	align-items: center;
	flex-direction: column;
}

.centuryConnect-wrapper .client-benefit-card h2 {
	color: #fff;
}

.centuryConnect-wrapper .client-benefit-section .cc-cta-button {
	position: absolute;
	bottom: -35px;
}

@media only screen and (max-width: 992px) {
	.centuryConnect-wrapper .centuryConnect-hero {
		margin-block: 0 60px;
	}

    .centuryConnect-wrapper .centuryConnect-hero .row {
        transform: translateY(50px);
    }

	.centuryConnect-wrapper .centuryConnect-hero--bottom {
		padding-top: 260px;
	}

    .centuryConnect-wrapper .glance-card-section .testimonial-video h2 {
        text-align: center;
    }

	.centuryConnect-wrapper .glance-card-section .col-lg-4:has(.card.blue) {
		border-left: none;
		border-right: none;
	}

    .centuryConnect-wrapper .phase-card-section div:first-child {
        margin-bottom: 15px;
    }

	.centuryConnect-wrapper .ma-integration-card div:nth-child(2) {
		border-left: none;
		padding-left: 0;
	}

    .centuryConnect-wrapper .challenge-section .card, .centuryConnect-wrapper .benefit-section .card {
        flex-flow: column;
        gap: 15px;
    }

    .centuryConnect-wrapper .challenge-section .card .card-right, .centuryConnect-wrapper .benefit-section .card .card-right {
        padding-inline: 0;
        text-align: center;
    }

    .centuryConnect-wrapper .challenge-section .card .card-right p, .centuryConnect-wrapper .benefit-section .card .card-right p {
        text-align: center;
    }

}