/* Top Header and Banner Hero Section :: BEGIN  */
.logo-color {
    display: none;
}
.sk-appbar.sticky-scroll .logo-color {
    display: block;
}
.sk-appbar.sticky-scroll .logo-white {
    display: none;
}
.hero-banner {
	background: url(https://promanagecdn.blob.core.windows.net/promanage/images/marketing/hero-bg.jpg);
	background-size: cover;
	height: 80rem;
	width: 100%;
	background-position: bottom;
}
.hero-banner .sk-appbar .sk-appbar-logo a:-webkit-any-link:focus-visible,
.industry-header .sk-appbar .sk-appbar-logo a:-webkit-any-link:focus-visible {
    outline-offset: 0;
    outline: 0;
}
.hero-banner .sk-appbar {
    background: transparent;
    border-bottom: 0;
    height: 7rem;
    transition: all 500ms ease-in-out;
}
.sk-appbar.sticky-scroll {
    background: var(--color-white);
    -webkit-animation: 500ms ease-in-out 0s normal none 1 running fadeInDown;
    animation: 500ms ease-in-out 0s normal none 1 running fadeInDown;
    box-shadow: 0 0.2rem 0.4rem rgba(29, 29, 29, 0.14);
    position: fixed;
}
@keyframes fadeInDown {
    0% {
        opacity: 0;
        -webkit-transform: translateY(-20px);
        -ms-transform: translateY(-20px);
        transform: translateY(-20px)
    }

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

/* animation: fadeInUp 1s ease-out forwards;
@keyframes fadeInUp {
    from {
      opacity: 0;
      transform: translateY(20px);
    }
    to {
      opacity: 1;
      transform: translateY(0);
    }
} */


.hero-banner .sk-appbar .sk-menu nav ul {
	overflow-y: inherit;
	align-items: center;
}
.hero-banner .sk-appbar .sk-menu li:hover .sk-overflow-list {
    display: block;
}
.hero-banner .sk-appbar .sk-overflow-list {
    left: 0;
    min-width: 22rem;
    top: 100%;
}
.hero-banner .sk-appbar .sk-menu li:hover .sk-overflow-list li a {
    color: var(--color-black);
}
.hero-banner .sk-appbar .sk-overflow-list ul li {
    align-items: flex-start;
    padding: .5rem 1rem;
}
.hero-banner .sk-appbar .sk-overflow-list ul li a {
    width: 100%;
    font-size: 1.6rem;
    justify-content: flex-start;
    line-height: 2.4;
}
.hero-banner .sk-appbar .sk-menu li.sk-active {
	background: #2D33A7;
	border-radius: var(--radius-base);
}
.hero-banner .sk-appbar .sk-menu li.sk-active .sk-menu-indicator:before {
	opacity: 1;
	border-top: 0;
}

.sk-appbar .sk-menu-indicator:before {
    border-radius: .4rem .4rem 0 0;
    border-top: .4rem solid var(--color-primary);
}
.sk-menu-indicator:before {
    align-self: flex-end;
    border-top: .2rem solid var(--color-primary);
    box-sizing: border-box;
    content: "";
    opacity: 0;
    width: 100%;
}
.hero-banner .sk-appbar .sk-appbar-row .sk-appbar-logo {
    margin-right: 2rem;
}
.hero-banner .sk-appbar .sk-menu li a,
.hero-banner .sk-appbar .sk-appbar-align-end a,
.hero-banner .sk-appbar .sk-appbar-align-end .sk-button {
    color: var(--color-white);
    text-transform: inherit;
    font-size: 1.6rem;
    gap: 0.5rem;
}
.sk-appbar.sticky-scroll .sk-menu li a,
.hero-banner .sk-appbar.sticky-scroll .sk-appbar-align-end a {
    color: var(--color-black);
}
.hero-banner .sk-appbar:not(.sticky-scroll) .sk-menu li a svg {
    fill: var(--color-white);
}
.hero-banner .sk-appbar .sk-appbar-align-end {
    column-gap: 3rem;
}
.hero-banner .sk-appbar .sk-appbar-align-end .sk-button {
    border: 0;
}
.hero-banner .sk-appbar .sk-appbar-align-end .sk-button:hover {
    background: #00C1D5;
}

.gradient-border {
    display: inline-block;
    padding: 0.5rem;
    border-radius: var(--radius-large);
    background: linear-gradient(270deg, #3b82f6, #9333ea, #06b6d4, #3b82f6);
    background-size: 600% 600%;
    animation: animateBorder 4s linear infinite;
    margin-bottom: 1.5rem;
}
.animated-button {
    background: var(--color-black);
    color: var(--color-white);
    font-size: 2rem;
    border: none;
    border-radius: var(--radius-large);
    cursor: pointer;
    font-family: sans-serif;
    display: inline-flex;
    align-items: center;
    gap: 1rem;
    position: relative;
    z-index: 1;
    padding: 0 2rem;
    height: 5.6rem;
}
.animated-button svg {
    transition: transform .2s;
    background: #00C1D5;
    border-radius: var(--radius-base);
    padding: 0.8rem;
    transition: transform .2s;
}
.animated-button:hover {
    /* background: #674efe; */
}
.animated-button:hover svg {
    transform: translateX(.25rem);
}

@keyframes animateBorder {
    0% {
      background-position: 0% 50%;
    }
    50% {
      background-position: 100% 50%;
    }
    100% {
      background-position: 0% 50%;
    }
}
  

.content-hero {
    color: var(--color-white);
    padding-top: 0;
    margin-bottom: 5rem;
}
.content-hero h1 {
    font-size: 6rem;
}
.sk-button-black {
    background: var(--color-black);
    border-radius: var(--radius-large);
    color: var(--color-white);
}
.sk-button-black:hover {
    background: #00c1d5;
}
.sk-button-black:hover svg {
    transform: translateX(.25rem);
    background: var(--color-black);
}
.sk-button-black svg {
    background: #00c1d5;
    border-radius: var(--radius-base);
    padding: 0.8rem;
    transition: transform .2s;
}
.sk-button-white {
    background: var(--color-white);
    border-radius: var(--radius-large);
    color: var(--color-black);
}
:is(button, .sk-button).sk-large.sk-button-black {
    padding: 0 1rem;
}
:is(button, .sk-button).sk-large.sk-button-white {
    padding: 0 1rem;
}
:is(button, .sk-button).sk-xlarge.sk-button-black {
    /* padding: 0 1.6em; */
}
:is(button, .sk-button).sk-xlarge.sk-button-white {
    padding: 0 1rem;
}
.sk-button-white svg {
    background: #00c1d5;
    border-radius: var(--radius-base);
    padding: 0.8rem;
    transition: transform .2s;
}
.sk-button-white:hover {
    background: #00c1d5;
    color: var(--color-white);
}
.sk-button-white:hover svg {
    background: var(--color-black);
    transform: translateX(.25rem);
    fill: var(--color-white);
}
.sk-button-white svg {
    transition: transform .2s;
}

.cta-animation {
    margin-bottom: 5rem;
}
.cta-animation .sk-flex-row span {
    border-right: 0.2rem solid var(--color-white);
    padding-right: 1rem;
    line-height: 1;
}
.sk-flex-row.border-black span {
	border-right: 0.2rem solid var(--color-black);
}
.title-para .sk-flex,
.border-black .sk-flex {
	gap: 0.5rem;
}
.cta-animation .sk-flex-row span:last-child {
    border-right: 0;
    padding-right: 0;
}
.button-bg {
    position: absolute;
    top: 0;
    left: 0;
    width: calc(100% + 4px);
    height: calc(100% + 4px);
    background: linear-gradient(90deg, #FF8038 0%, #FF0099 30.43%, #00EBEB 68.23%, #DB00FF 100%);
    background-size: 600% 600%;
    border-radius: 50px;
    animation: AnimateBorder 4s ease infinite;
    -webkit-animation: AnimateBorder 4s ease infinite;
    -moz-animation: AnimateBorder 4s ease infinite;
    z-index: -1;
    transform: translate(-2px, -2px);
    transition: filter 1s ease-in;
}
.button-wrapper:hover .button-bg {
    filter: blur(10px);
    transition: filter .4s ease-in;
}
  
  
@-webkit-keyframes AnimateBorder {
    0%{background-position:0% 50%}
    50%{background-position:100% 50%}
    100%{background-position:0% 50%}
}
 @-moz-keyframes AnimateBorder {
    0%{background-position:0% 50%}
    50%{background-position:100% 50%}
    100%{background-position:0% 50%}
}
@keyframes AnimateBorder {
    0%{background-position:0% 50%}
    50%{background-position:100% 50%}
    100%{background-position:0% 50%}
}


.growth-surface {
    width: 100%;
    max-width: 60%;
    margin: 0 auto;
    box-shadow: 0 2.4rem 4.8rem rgba(0, 0, 0, 0.15);
}
.growth-surface .data-group {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    border-right: 0.1rem solid var(--color-border);
    padding-right: 3rem;
    margin-right: 1.5rem;
}
.growth-surface .data-group .sk-h1 {
    font-size: 4.5rem;
    gap: 1rem;
    display: flex;
    align-items: center;
}
.growth-surface .data-group:last-child {
    border-right: 0;
    padding-right: 0;
    margin-right: 0;
}
.ai-growth .sticky-top {
    position: sticky;
    top: 7rem;
    border-radius: 0 0 var(--radius-xlarge) 0;
    z-index: 2;
    padding: var(--gutter-base);
}
.ai-growth .sticky-top h2 {
    font-size: 4rem;
    width: 70rem;
    margin: 0 auto 1rem;
}

.ai-business h2,
.industries-section h2, 
.client-say-section h2,
.growth-stories-section h2,
.security-section h2,
.platforms-section .sk-flex-row h2,
.search-bg .search-content h2 {
    font-size: 4rem;
}

img.top-icon {
	width: 4rem;
}
img.feature-icon {
	width: 3.5rem;
}
.ai-growth .sticky-top p {
    font-size: 1.6rem;
}
.transparent-gradient {
    background: linear-gradient(to bottom, rgba(255, 255, 255, 0.9), rgba(255, 255, 255, 0));
    backdrop-filter: blur(10px);
    mask-image: linear-gradient(to bottom, black 80%, transparent 100%);
}
#parag-content {
	transition: visibility 0s linear 0.33s, opacity 0.33s linear;
}
.ai-growth .sk-surface b {
    color: #00C1D5;
    text-transform: uppercase;
}
.client-logo {
    padding: 5rem 0
}

.client-logo p {
    flex: none;
    max-width: 15rem;
    font-weight: 600;
    font-size-adjust: none;
}

.client-logo-wrapper .sk-flex-row {
    gap: 3rem
}

.client-logo-wrapper .sk-flex-row:hover {
    animation-play-state: paused
}

.marqueeStyle1 {
    -webkit-animation: scrolling-left1 100s linear 0s infinite normal none running;
    animation: scrolling-left1 100s linear 0s infinite normal none running
}

.marqueeStyle2 {
    -webkit-animation: scrolling-left2 5s linear 0s infinite normal none running;
    animation: scrolling-left2 5s linear 0s infinite normal none running
}

.marqueeStyle3 {
    -webkit-animation: scrolling-left3 2s linear 0s infinite normal none running;
    animation: scrolling-left3 2s linear 0s infinite normal none running
}

@keyframes scrolling-left1 {
    0% {
        transform: translateX(5%);
        -webkit-transform: translateX(5%)
    }

    to {
        transform: translateX(-905%);
        -webkit-transform: translateX(-905%);
    }
}

@keyframes scrolling-left2 {
    0% {
        transform: translateX(5%);
        -webkit-transform: translateX(5%)
    }

    to {
        transform: translateX(-17%);
        -webkit-transform: translateX(-17%);
    }
}

@keyframes scrolling-left3 {
    0% {
        transform: translateX(5%);
        -webkit-transform: translateX(5%)
    }

    to {
        transform: translateX(-8%);
        -webkit-transform: translateX(-8%);
    }
}

@media (max-width: 768px) {
	.transparent-gradient h2 {
		font-size: 3rem !important;
	}
	.transparent-gradient {
		mask-image: linear-gradient(to bottom, black 111%, transparent 100%);
	}
}

	.hero-banner .client-logo-wrapper .sk-flex-row img {
		filter: invert(1);
	}

	.client-logo-wrapper .sk-flex-row img {
		object-fit: contain;
	}

	.client-logo-wrapper {
		overflow: hidden;
		-webkit-mask-image: linear-gradient(90deg, transparent 0%, rgba(0, 0, 0, 1) 5%, rgba(0, 0, 0, 1) 95%, transparent 100%);
	}

		.client-logo-wrapper .sk-flex-row li {
			flex-basis: 16rem;
			flex-shrink: 0;
			transition: all .5s
		}

			.client-logo-wrapper .sk-flex-row li:hover {
				opacity: 1
			}

	.sk-container {
		max-width: 120rem;
	}

	@media (max-width: 1366px) {
		/*	.sk-container {
		max-width: 100rem;
	}*/
		.growth-surface {
			max-width: 65%;
		}

		.growth-carousel .categories .sk-flex .title {
			font-size: 3rem;
		}

		.client-carousel .sk-surface {
			max-width: 45rem;
		}
	}

	section .sk-container,
	section .sk-container-fluid {
		padding-bottom: 5rem;
		padding-top: 5rem;
	}

	.ai-business {
		background: url(https://promanagecdn.blob.core.windows.net/promanage/images/marketing/gradient-bg.jpg);
		background-size: cover;
		height: 100%;
		width: 100%;
	}

	.card-wrapper {
		grid-column-gap: 2rem;
		grid-row-gap: 2rem;
		justify-content: space-between;
		width: 100%;
		display: flex;
		flex-wrap: wrap;
	}

		.card-wrapper .card-item {
			background: var(--color-white);
			box-shadow: 0 8.1rem 4.8rem rgba(0, 0, 0, 0.06);
			border-radius: var(--radius-xlarge);
			flex-direction: column;
			flex: 1 1 33%;
			text-decoration: none;
			transition: all .4s ease-in-out;
			display: flex;
			overflow: hidden;
			cursor: pointer;
		}

			.card-wrapper .card-item:hover {
				border-color: var(--color-border);
				background-color: var(--color-white);
				flex-basis: 45%;
			}

			.card-wrapper .card-item .card-media img {
				height: 30rem;
				width: 100%;
				object-fit: contain;
			}

			.card-wrapper .card-item .card-details {
				padding: 1.5rem;
			}

			.card-wrapper .card-item .bg1,
			.card-wrapper .card-item .bg2,
			.card-wrapper .card-item .bg3,
			.card-wrapper .card-item .bg4 {
				width: 100%;
				padding: var(--gutter-base);
				border: 0.5rem solid var(--color-white);
				border-radius: var(--radius-xlarge);
			}

			.card-wrapper .card-item .bg1 {
				background: radial-gradient(circle at 30% 20%, rgba(30, 110, 255, 0.95) 0%, rgba(46, 144, 255, 0.8) 40%, rgba(158, 203, 255, 0.5) 70%, rgba(255, 255, 255, 1) 100%);
			}

			.card-wrapper .card-item .bg2 {
				background: radial-gradient(circle at bottom left, #308eff 0%, #6bb2ff 40%, #d6eaff 75%, #ffffff 100%);
			}

			.card-wrapper .card-item .bg3 {
				background: linear-gradient(135deg, #1479fc 0%, #57a4fc 40%, #b8d7ff 70%, #ffffff 100%);
			}

			.card-wrapper .card-item .bg4 {
				background: linear-gradient(135deg, #0f66f9 0%, #2e8afc 25%, #92c5fd 60%, #ffffff 90%);
			}

			.card-wrapper .card-item:hover .card-details .description {
				display: block;
				width: 60rem;
			}

			.card-wrapper .card-item .description {
				display: none;
			}

	.bg-black {
		background: var(--color-black);
		border-radius: var(--radius-large);
		padding: 5rem;
		overflow: hidden;
		position: relative;
	}

	.banner-image {
		position: relative;
		z-index: 2;
	}

	.bg-black:after {
		content: '';
		position: absolute;
		background: url(https://promanagecdn.blob.core.windows.net/promanage/images/marketing/gradient-line.svg);
		background-repeat: no-repeat;
		right: 0;
		left: 0;
		top: 2rem;
		width: 100%;
		height: 100%;
		background-position: right;
		transform: translateY(10px);
	}

	.banner-image img {
		transition: 0.3s;
	}

		.banner-image img:hover {
			transform: scale(1.1);
		}

	.text-bg-color {
		background: linear-gradient(278.09deg, #00C1D5 -10.83%, #463DEC 65.78%, #344ED9 121.77%);
		border-radius: var(--radius-base);
		padding-right: 1rem;
		padding-left: 1rem;
	}

	@keyframes gradientShift {
		0% {
			background-position: 0% 0%;
		}

		100% {
			background-position: -100% 0%;
		}
	}

	.banner-content {
		position: relative;
		z-index: 22;
	}

	.banner-content p {
		margin-bottom: 7rem;
	}

	.bg-black img {
		width: 40rem;
		margin: 0 auto;
	}


	/* case study css:: start*/

	.case-study-bg {
		background: url(https://promanagecdn.blob.core.windows.net/promanage/images/marketing/case-study-bg.png);
		background-size: cover;
		height: 64.2rem;
		width: 100%;
		background-position: bottom;
		border-bottom-left-radius: 5rem;
		border-bottom-right-radius: 5rem;
	}
	.case-study-bg .sk-appbar {
		background: transparent;
	}
	.case-study-bg .sk-appbar.sticky-scroll {
		background: var(--color-white);
	}

	.case-study-bg {
		background: url(https://promanagecdn.blob.core.windows.net/promanage/images/marketing/case-study-bg.png);
		background-size: cover;
		height: 50rem;
		width: 100%;
		background-position: bottom;
		border-bottom-left-radius: 5rem;
		border-bottom-right-radius: 5rem;
	}

	.case-study-bg .sk-text-center {
		padding-top: 16rem;
	}

	.case-study-bg .cta-animation {
		padding-top: 2rem;
	}
	.growth-carousel.case-study-stories {
		flex-wrap: wrap;
		justify-content: space-between;
		padding-left: 1rem;
    	padding-right: 1rem;
		gap: 3rem;
		margin-bottom: 4rem;
	}
	.case-study-stories .sk-surface {
		width: 100%;
    	max-width: 31%;
		box-shadow: 0px 12px 15px rgba(0, 0, 0, 0.15);
	}
	.case-study-stories .sk-surface .categories {
		border: 0;
		margin: 0;
	}
	.case-study-detail-bg {
		background: url(https://promanagecdn.blob.core.windows.net/promanage/images/marketing/case-study-detail-bg.png);
		background-size: cover;
		height: 65rem;
		width: 100%;
		background-position: bottom;
	}
	.case-study-detail-bg .sk-appbar {
		background: transparent;
	}
	.case-study-detail-bg .sk-appbar.sticky-scroll {
		background: var(--color-white);
	}
	.case-study-detail-bg .case-study-content {
		padding-top: 15rem;
	}

	.left-group {
		position: sticky;
		top: 5rem;
		background: #fff;
		z-index: 2;
	}

	.right-side ul {
		display: flex;
		flex-wrap: wrap;
		align-items: center;
		text-align: center;
		gap: 2rem;
		justify-content: space-between;
	}

	.right-side ul li {
		width: 100%;
		max-width: 47%;
		background: #F5F5F5;
		border-radius: 1rem;
		padding: 1.5rem;
	}
	.breadcrumb {
		list-style: none;
		padding: 0rem 0 2rem;
	}
	.breadcrumb li {
		display: inline;
		font-size: 1.4rem;
	}
	.breadcrumb li+li:before {
		color: #9f9f9f;
		content: ">\00a0";
		padding-left: 1rem;
	}
	.breadcrumb-section .sk-container.breadcrumb {
		padding: 1rem 0
	}
	.breadcrumb li a {
		color: #9f9f9f;
		text-decoration: none;
	}
	.breadcrumb li .sk-active {
		color: var(--color-text-muted);
	}
	.breadcrumb li a:hover {
		text-decoration: underline;
	}
	.right-side img {
		width: 22rem;
		margin: 0 auto 4rem;
	}
	.case-study-content .sk-flex-row .left-side {
		width: 50%;
	}
	.case-study-content .sk-flex-row .left-side h1 {
		margin-bottom: 5rem;
	}
	.case-study-content .sk-flex-row .right-side {
		width: 50%;
		box-shadow: rgba(60, 64, 67, 0.3) 0px 1px 2px 0px, rgba(60, 64, 67, 0.15) 0px 2px 6px 2px;
	}
	.local-search-list {
		background: #1545D7;
		color: var(--color-white);
		border-radius: var(--radius-large);
		padding: 3.5rem;
		margin-bottom: 5rem;
	}
	.local-search-list .sk-flex-row h3 {
		width: 100%;
		max-width: 45%;
	}
	.local-search-list ul li svg {
		flex-shrink: 0;
	}
	.about-group {
		margin-bottom: 8rem;
	}
	.partnership-highlights {
		margin-bottom: 3rem;
	}
	.challenge-list {
		margin-bottom: 5rem;
	}
	.challenge-list ul {
		list-style-type: disc;
		margin-left: 2rem;
	}
	.why-group {
		margin-bottom: 5rem;
	}
	.why-group .sk-flex-row .bg-grey {
		background: #F5F5F5;
		border-radius: var(--radius-large);
		padding: 2rem;
		width: 100%;
		max-width: 32%;
		display: flex;
		flex-direction: column;
		align-items: center;
	}
	.solution-group {
		margin-bottom: 5rem;
	}
	.solution-group ul {
		list-style-type: disc;
		margin-left: 2rem;
	}
	.hint-para {
		margin-bottom: 5rem;
		border-left: 0.6rem solid #2A5EFE;
    	padding-left: 2rem;
	}
	.chart-group {
		margin-bottom: 5rem;
	}
	.chart-group img {
		border-radius: 1rem;
	}
	.result-group {
		margin-bottom: 5rem;
	}
	.result-group .sk-flex-row .bg-grey span {
		text-align: center;
		font-size: 1.5rem;
		width: 12rem;
    	flex-shrink: 0;
	}
	.bg-grey {
		background: #F5F5F5;
		border-radius: var(--radius-large);
		padding: 2rem;
		width: 100%;
		max-width: 32%;
		display: flex;
		flex-direction: column;
		align-items: center;
	}
	.bottom-section {
		background: url(https://promanagecdn.blob.core.windows.net/promanage/images/marketing/footer-case-study.jpg);
		background-size: cover;
		height: 50rem;
		border-bottom-left-radius: 5rem;
    	border-bottom-right-radius: 5rem;
	}
	.bottom-section .growth-carousel.case-study-stories .categories {
		background: var(--color-white);
	}
	.gap {
		gap: 1rem;
	}
	.key-group {
		position: sticky;
		top: 10rem;
		background: #fff;
		z-index: 2;
	}

	a svg {
		fill: currentColor;
	}

@media (max-width: 768px) {
	.case-study-bg {
			height: 45rem;
			background-position: top;
		}
		.case-study-bg .sk-appbar.sticky-scroll .logo-color {
			display: block !important;
		}
		.case-study-bg .sk-appbar.sticky-scroll .logo-white {
			display: none !important;
		}
		.case-study-bg .sk-appbar.sticky-scroll .sk-appbar-align-end .sk-button svg {
			fill: var(--color-black);
		}
		.case-study-bg .sk-text-center {
			padding-top: 10rem;
			margin-top: 0;
		}
		.case-study-stories .sk-surface {
			max-width: 100%;
			flex: 0 0 97% !important;
		}
		.growth-carousel.case-studt-stories {
			justify-content: center;
		}
		.growth-carousel.case-study-stories {
			margin-bottom: 0;
		}
		.case-study-detail-bg {
			height: auto;
		}
		.case-study-detail-bg .sk-appbar.sticky-scroll .sk-appbar-row .sk-appbar-logo .logo-white {
			display: none;
		}
		.case-study-detail-bg .sk-appbar.sticky-scroll .sk-appbar-row .sk-appbar-logo .logo-color {
			display: block;
		}
		.case-study-detail-bg .sk-appbar.sticky-scroll .sk-appbar-align-end .sk-button svg {
			fill: var(--color-black);
		}
		.case-study-detail-bg .case-study-content .sk-flex-row {
			flex-wrap: wrap;
			justify-content: center;
		}
		.case-study-detail-bg .case-study-content .sk-flex-row .left-side {
			width: 100%;
		}
		.case-study-detail-bg .case-study-content {
			padding-top: 10rem;
		}
		.case-study-detail-bg .case-study-content .sk-flex-row .left-side .breadcrumb {
			display: none;
		}
		.case-study-detail-bg .case-study-content .sk-flex-row .left-side h1 {
			font-size: 2.6rem;
			margin-bottom: 2rem;
			text-align: center;
		}
		.case-study-detail-bg .case-study-content .sk-flex-row .left-side h1 br {
			display: none;
		}
		.case-study-detail-bg .case-study-content .sk-flex-row .right-side {
			width: 100%;
			padding: 1.4rem;
		}
		
		.right-side ul {
			flex-wrap: wrap;
			gap: 1rem;
			align-items: flex-start;
		}
		.right-side ul li {
			max-width: 48%;
		}
		.right-side ul li h3 {
			font-size: 1.6rem;
		}
		.right-side ul li .sk-h6 {
			font-size: 1.4rem;
		}
		
		.key-group .sk-h4 {
			text-align: center;
		}
		.key-group ul {
			display: flex;
			align-items: center;
			justify-content: space-between;
		}
		.key-group ul li h2 {
			font-size: 2.4rem !important;
		}
		.key-group ul li {
			display: flex;
			flex-direction: column;
			align-items: center;
			justify-content: center;
			row-gap: 1rem;
			width: 100%;
        	max-width: 32%;
		}
		.key-group ul li p {
			font-size: 1.4rem;
			text-align: center;
		}
		.about-group {
			margin-bottom: 4rem;
		}
		.about-group h2,
		.partnership-highlights h2,
		.challenge-list h2,
		.why-group h2,
		.solution-group h2,
		.result-group h2,
		.maturity-group h2,
		.bottom-section h2 {
			font-size: 2.4rem !important;
		}
		.local-search-list {
			padding: 2rem;
		}
		.local-search-list > .sk-flex-row {
			flex-wrap: wrap;
		}
		.local-search-list .sk-flex-row h3 {
			max-width: 100%;
			font-size: 2rem;
		}
		.local-search-list .sk-flex-row h3 br {
			display: none;
		}
		.why-group .sk-flex-row .bg-grey h2 {
			font-size: 2rem !important;
		}
		.why-group .sk-flex-row {
			flex-wrap: nowrap;
			align-items: flex-start;
		}
		.why-group .sk-flex-row .bg-grey {
			padding: 1rem;
			row-gap: 1rem;
		}
		.why-group .sk-flex-row .bg-grey span {
			text-align: center;
			font-size: 1.4rem;
		}
		.result-group .sk-flex-row {
			flex-wrap: wrap;
			justify-content: space-between;
		}
		.result-group .sk-flex-row .bg-grey {
			max-width: 47%;
			row-gap: 1rem;
		}


		.bottom-section {
			height: auto;
			background: none;
		}
		.bottom-section .sk-container {
			padding-top: 0;
		}
		
		.bottom-section .case-study-stories .sk-surface {
			flex: 0 0 100%;
		}

	}

	/* case study css:: end*/

	.client-carousel {
		max-width: 100%;
		z-index: 1;
		position: relative;
	}

	.client-carousel:before {
		content: '';
		background-image: url(https://promanagecdn.blob.core.windows.net/promanage/images/marketing/Testimony-gradient-bg.png);
		background-repeat: no-repeat;
		background-size: cover;
		width: 100%;
		height: 100%;
		position: absolute;
		bottom: -125px;
		left: 0;
		z-index: -1;
		background-position: bottom;
		mask-image: linear-gradient(to top, black 40%, transparent 70%);
	}

	.form-client .client-carousel:before {
		bottom: -4.5rem;
		background-position: center;
		mask-image: linear-gradient(to top, black 80%, transparent 100%);
	}

	.demo-logo-section .client-logo {
		padding-bottom: 2rem;
	}

	.client-carousel .sk-surface > div {
		/* padding: 5rem 3rem; */
		/* background-color: var(--color-white); */
		border-radius: var(--radius-large);
		position: relative;
		height: 100%;
		/* box-shadow: var(--box-shadow-5); */
	}

	.client-carousel .sk-surface > div p {
		padding: 3rem 2rem;
		margin-bottom: 0;
		border-bottom: 0.1rem solid rgba(var(--color-rgb-black) / 60%);
		margin-top: 2rem;
	}

	.client-carousel .sk-surface {
		border: 0.1rem solid rgba(var(--color-rgb-black) / 60%);
		transition: transform .6s ease 0s, opacity .3s ease 0s;
		position: absolute;
		top: 0;
		left: 0;
		right: 0;
		margin: auto;
		height: 0;
		opacity: 0;
		max-width: 45rem;
		margin: 0 auto;
		webkit-transform-style: preserve-3d;
		/*	min-height: 25rem;*/
	}

	.client-carousel .sk-surface .sk-flex {
		align-items: center;
		justify-content: space-between;
		/* padding-top: var(--gutter-large); */
		padding: 2rem 2rem;
		/*	margin-bottom: 2rem;*/
	}

	.client-carousel .sk-surface .sk-flex img {
		object-fit: contain;
		flex-basis: fit-content;
	}

	.client-carousel .sk-surface.current-slide {
		transform: scale(1.02) translateZ(0);
		z-index: 3;
		position: static;
		height: 100%;
		opacity: 1;
		transition: 0.3s;
	}

	.client-carousel .sk-surface.current-slide:hover {
		transform: scale(1.1);
	}

	.client-carousel .sk-surface.current-slide p {
		margin-top: 0;
	}

	.client-carousel .sk-surface.prev-slide {
		transform: scale(.8) translate3d(-75%, 0, 0);
	}

	.client-carousel .sk-surface.next-slide {
		transform: scale(.8) translate3d(75%, 0, 0);
	}

	.client-carousel .sk-surface.prev-slide,
	.client-carousel .sk-surface.next-slide {
		z-index: -1;
		height: 100%;
		opacity: 1;
	}

	.client-carousel .sk-surface.prev-slide > div,
	.client-carousel .sk-surface.next-slide > div {
		top: 65%;
		transform: translateY(-60%);
		height: 28rem;
		overflow: hidden;
	}

	.client-carousel .sk-surface.current-slide .sk-surface > div p {
		margin-top: 0;
	}

	.client-carousel .carousel-arrow .sk-button {
		top: 50%;
		transform: translateY(-50%);
		box-shadow: var(--box-shadow-1);
		position: absolute;
		z-index: 1;
	}

	.client-carousel .carousel-arrow .arrow-prev {
		left: 2rem;
	}

	.client-carousel .carousel-arrow .arrow-next {
		right: 2rem;
	}

	@media (max-width: 768px) {
		.client-carousel .sk-surface {
			max-width: 28rem;
		}

		.client-carousel .sk-surface.prev-slide {
			transform: scale(.8) translate3d(-27%, 0, 0);
		}

		.client-carousel .sk-surface.next-slide {
			transform: scale(.8) translate3d(23%, 0, 0);
		}

		.client-carousel:before {
			display: none;
		}

		.client-carousel .sk-surface > div p {
			margin-top: 0;
		}

		.client-carousel .sk-surface.prev-slide > div,
		.client-carousel .sk-surface.next-slide > div {
			top: 50%;
			transform: translateY(-58%);
		}
	}
	

	.growth-stories-section .sk-text-left {
		z-index: 1;
		position: relative;
	}

	.platforms-section .sk-flex-row h2 {
		width: 100%;
	}

	.platforms-section .sk-flex-row p {
		width: 50%;
	}

	.platforms-section .client-logo-wrapper .sk-flex-row {
		gap: 0;
	}

	.platforms-section .client-logo-wrapper .sk-flex-row li {
		flex-basis: 9rem;
		background: var(--color-white);
		border-radius: var(--radius-large);
		box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;
		margin: 1rem;
	}

	.feature-right,
	.feature-left {
		box-shadow: 0px 16px 42px rgba(0, 0, 0, 0.16);
		position: relative;
		overflow: hidden;
		z-index: 1;
	}

	.feature-right:after {
		background-image: url('https://promanagecdn.blob.core.windows.net/promanage/images/marketing/bg-right.jpg');
		right: 0;
		background-position: right;
	}

	.feature-left:after {
		background-image: url('https://promanagecdn.blob.core.windows.net/promanage/images/marketing/bg-left.jpg');
		left: 0;
		background-position: left;
	}

	.feature-right:after,
	.feature-left:after {
		position: absolute;
		content: '';
		height: 100%;
		top: 0;
		width: 100%;
		background-repeat: no-repeat;
		background-size: contain;
		z-index: -1;
	}

	.feature-right img,
	.feature-left img {
		transition: 0.3s;
	}

	.feature-right img:hover,
	.feature-left img:hover {
		transform: scale(1.1);
	}

	.floating-image-group {
		position: relative;
		width: 100%;
	}

	.floating-image-group img {
		animation-play-state: running;
	}

	.floating-image-group:hover img {
		animation-play-state: paused;
	}

	.float-img1 {
		position: absolute;
		width: 21rem;
		top: 0;
		right: 0;
		left: 14rem;
		animation-delay: 0s;
		animation: pulse 6s ease-in-out infinite, float-diagonal-1 10s ease-in-out infinite;
		box-shadow: rgba(0, 0, 0, 0.15) 0px 3px 8px;
		z-index: 4;
	}

	.float-img2 {
		position: absolute;
		right: 0;
		width: 20rem;
		top: 0;
		box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;
		animation-delay: 2s;
		animation: pulse 8s ease-in-out infinite, float-diagonal-1 12s ease-in-out infinite;
		z-index: 5;
	}

	.float-img3 {
		position: absolute;
		width: 20rem;
		top: 20rem;
		bottom: 0;
		right: 21.5rem;
		animation-delay: 10s;
		animation: pulse 6s ease-in-out infinite, float-diagonal-1 14s ease-in-out infinite;
		box-shadow: rgba(0, 0, 0, 0.15) 0px 8px 8px;
	}

	@keyframes pulse {
		0%, 100% {
			transform: scale(1);
			opacity: 0.7;
		}

		50% {
			transform: scale(1.2);
			opacity: 1;
		}
	}

	@keyframes float-diagonal-1 {
		0% {
			transform: translate(0, 0);
		}

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

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



	.search-bg {
		background: #F3F3F3;
		padding: var(--gutter-xlarge);
		border-radius: var(--radius-xlarge);
	}

	.search-bg ul {
		border-left: 0.1rem solid #daaeae;
		width: 60%;
	}

	.search-bg .search-content {
		width: 50%;
	}

	.search-bg ul li {
		border-bottom: 0.1rem solid #daaeae;
		width: 100%;
		padding-left: 5rem;
		display: flex;
		align-items: center;
		gap: 1rem;
		padding-bottom: 2rem;
		margin-top: 2rem;
	}

	.search-bg ul li b {
		width: 10rem;
		flex-shrink: 0;
		font-size: 4rem;
	}

	.search-bg ul li:last-child {
		border-bottom: 0;
	}

	.security-section {
		background: url(https://promanagecdn.blob.core.windows.net/promanage/images/marketing/footer-bg.jpg);
		background-size: cover;
		width: 100%;
	}

	.security-section .sk-surface {
		box-shadow: 0px 16px 48px rgba(0, 0, 0, 0.16);
		width: 100%;
		max-width: 92%;
		display: flex;
		flex-direction: column;
		height: 100%;
	}

	.security-section .sk-row {
		padding-bottom: 5rem;
	}

	.security-section .client-logo {
		margin-bottom: 5rem;
	}

	.security-section .sk-surface p {
		margin-top: auto;
	}

	.security-section .sk-surface b {
		font-size: 2rem;
	}

	.security-section .client-logo p {
		max-width: 23rem;
	}

	.security-section .client-logo .sk-flex-row li {
		width: 15rem;
		background: transparent;
		box-shadow: none;
		flex-basis: auto;
		padding: 0 1.5rem;
	}

	.footer-section .sk-container {
		padding-bottom: 1.5rem;
	}

	.footer-section .sk-row {
		justify-content: space-between;
	}

	.footer-section .mail-link {
		border: 0.1rem solid #B1B1B1;
		border-radius: 4rem;
		padding: 1rem;
		margin-bottom: 2rem;
		text-align: center;
		width: 20rem;
		line-height: 1;
	}

	.footer-section .social-icons a {
		display: flex;
		align-items: center;
		justify-content: center;
		background: #EAEAEA;
	}

	.footer-section .social-icons .copy {
		width: 100%;
		margin-bottom: 0;
		text-align: center;
	}

	.footer-section .social-icons .copy a {
		background: transparent;
		display: inline-block;
	}

	.footer-section .social-icons .copy a:hover {
		text-decoration: underline;
		color: var(--color-link);
	}

	.footer-img img {
		width: 7rem;
		flex-shrink: 0;
	}

	.footer-section ul li {
		padding-bottom: 1rem;
	}

	.footer-section a,
	.footer-section li a {
		color: var(--color-black);
		display: block;
	}

	@media (max-width: 768px) {
		.hero-banner .sk-appbar {
			background: rgba(255, 255, 255, 0.08);
			box-shadow: 0px 12px 20px rgba(0, 0, 0, 0.12);
		}

		.hero-banner .sk-appbar .sk-appbar-row .sk-appbar-logo {
			margin-left: 0;
		}

		.sk-appbar.sticky-scroll {
			background: #3e51da;
		}

		.sk-appbar.sticky-scroll .sk-appbar-align-end a {
			color: var(--color-white) !important;
		}

		.sk-appbar.sticky-scroll .logo-color {
			display: none;
		}

		.sk-appbar.sticky-scroll .logo-white {
			display: block;
		}

		.hero-banner .sk-appbar .sk-appbar-align-end .sk-button,
		.industry-header .sk-appbar .sk-appbar-align-end .sk-button {
			background: transparent;
		}

		.hero-banner .sk-appbar .sk-appbar-align-end .sk-button svg {
			fill: var(--color-white);
		}

		.industry-header .sticky-scroll .sk-appbar-align-end .sk-button svg {
			fill: var(--color-white);
		}

		.mobile-menu .sk-drawer .sk-drawer-body {
			padding: 0;
		}

		.ai-growth .sticky-top h2 {
			font-size: 3rem;
			width: 100%;
		}

		.ai-business h2 {
			padding-right: 2rem;
		}

		.ai-business h2,
		.industries-section h2,
		.client-say-section h2,
		.growth-stories-section h2,
		.security-section h2 {
			font-size: 3rem !important;
		}

		.mobile-menu .sk-drawer .sk-drawer-body .sk-menu li {
			border-bottom: 0.1rem solid var(--color-border);
			justify-content: flex-start;
			height: auto;
		}

		.mobile-menu .sk-drawer-body .sk-menu li a {
			justify-content: space-between;
			text-transform: inherit;
			font-size: 1.6rem;
		}

		.mobile-menu .sk-drawer .sk-drawer-body .sk-menu li a {
			width: 100%;
			justify-content: space-between;
			gap: var(--gutter-base);
			color: var(--color-black);
		}

		.mobile-menu .sk-drawer .sk-drawer-body .sk-menu li.sk-active .sk-overflow-list {
			display: block;
			position: static;
		}

		.mobile-menu .sk-drawer .sk-drawer-body .sk-menu li.sk-active .sk-overflow-list ul li {
			display: block;
			padding: 0;
		}

		.mobile-menu .sk-drawer .sk-drawer-body .sk-menu li:last-child {
			border-bottom: 0;
		}

		.mobile-menu .sk-drawer .sk-drawer-body .sk-menu li.sk-active .sk-menu-indicator {
			display: none;
		}

		.mobile-menu .sk-drawer .sk-drawer-body .sk-menu li {
			display: block;
		}

		.mobile-menu .sk-drawer .sk-drawer-body {
			padding: 0;
		}

		.mobile-menu .sk-drawer .sk-drawer-body .sk-menu li .sk-overflow-list {
			background: #fafafa;
			border-radius: 0;
			box-shadow: none;
			transition: height .4s ease-in-out;
			display: none;
			right: 0;
			width: 100%;
			padding-top: 0;
		}

		section .sk-container,
		section .sk-container-fluid {
			padding-top: 3rem;
			padding-bottom: 3rem;
		}

		section h1 {
			font-size: 3rem;
		}

		.content-hero h1 {
			font-size: 3.6rem;
			margin-bottom: 3rem;
		}

		.content-hero p {
			font-size: 1.6rem;
			margin-bottom: 3rem;
			line-height: 1.4;
		}

		.cta-animation {
			margin-bottom: 4rem;
		}

		.hero-banner {
			height: auto;
		}

		.hero-banner > .sk-container {
			padding-top: 2rem;
		}

		.content-hero {
			margin: 1rem 0 0;
		}

		.ai-growth .sticky-top h1 {
			font-size: 2.8rem;
			width: auto;
		}

		.card-wrapper .card-item .card-media img {
			height: 20rem;
		}

		.card-wrapper .card-item:hover .card-details .description {
			width: auto;
		}

		.card-wrapper .card-item .description {
			display: block;
			margin-bottom: 0;
		}

		.growth-surface {
			max-width: 100%;
		}

		.growth-surface .data-group .sk-h1 {
			font-size: 2rem;
			flex-shrink: 0;
			margin-bottom: 1rem;
		}

		.growth-surface .data-group .sk-h1 svg {
			width: 2rem;
			height: 2rem;
		}

		.growth-surface .data-group {
			padding-right: 1rem;
			margin-right: 0;
			align-items: center;
			justify-content: center;
		}

		.growth-surface .data-group span {
			font-size: 1.4rem;
			text-align: center;
		}

		.bg-black:after {
			display: none;
		}

		.growth-surface .sk-flex-row {
			flex-wrap: nowrap;
		}

		.hero-banner .client-logo.sk-flex-row p {
			max-width: 33rem;
			font-size: 2rem;
			margin-bottom: 1rem;
		}

		.hero-banner .client-logo.sk-flex-row {
			flex-wrap: wrap;
			gap: 0;
			padding-bottom: 1rem;
			justify-content: center;
		}

		.hero-banner .client-logo.sk-flex-row p .sk-link {
			color: var(--color-black);
		}

		.client-logo p {
			margin-bottom: 0;
		}

		.card-wrapper {
			flex-wrap: nowrap;
			overflow: auto;
		}

		.card-wrapper .card-item {
			flex: 1 0 80%;
			border: 0.1rem solid var(--color-border);
			box-shadow: none;
		}

		.card-wrapper .card-item:hover {
			flex-basis: 80%;
		}

		.bg-black {
			padding: var(--gutter-large);
		}

		.banner-content {
			text-align: center;
		}

		.banner-content p {
			margin-bottom: 2rem;
		}

		.banner-content .sk-button {
			margin-bottom: 2rem;
		}

		.search-section .search-bg {
			padding: var(--gutter-large);
			flex-wrap: wrap;
		}

		.search-bg .search-content {
			width: 100%;
			text-align: center;
		}

		.search-bg .search-content h2 {
			font-size: 3rem !important;
		}

		.search-bg ul {
			width: 100%;
		}

		.search-bg .search-content .sk-button {
			margin-bottom: 2rem;
		}

		.search-bg ul {
			border-left: 0;
		}

		.search-bg ul li {
			padding-left: 0;
			align-items: flex-start;
		}

		.platforms-section .sk-flex-row h2 {
			font-size: 3rem !important;
			text-align: center;
			width: 100%;
		}

		.platforms-section .sk-flex-row {
			flex-wrap: wrap;
		}

		.platforms-section .client-logo-wrapper ul.sk-flex-row {
			flex-wrap: nowrap;
		}

		.platforms-section .client-logo-wrapper {
			margin-bottom: 2rem;
		}

		.platforms-section p.sk-web-hide {
			text-align: center;
		}

		.security-section {
			height: 100%;
		}

		.security-section .sk-surface {
			max-width: 100%;
			margin-bottom: 2rem;
			height: auto;
		}

		.security-section .sk-surface b {
			margin-bottom: 1rem;
		}

		.security-section .sk-row {
			padding-bottom: 5rem;
		}

		.security-section .client-logo {
			justify-content: center;
			flex-wrap: wrap;
			padding: 0;
			row-gap: 3rem;
			text-align: center;
			margin-bottom: 7rem;
		}

		.security-section h1 {
			font-size: 2.4rem;
		}

		.security-section .client-logo .sk-flex-row li {
			flex-basis: 8rem;
		}

		.security-section .client-logo p {
			font-size: 2rem;
			width: 100%;
			color: var(--color-white);
			max-width: 35rem;
		}

		.security-section .client-logo p br {
			display: none;
		}

		.sk-surface.feature-right,
		.sk-surface.feature-left {
			padding: var(--gutter-large);
		}

		.growth-content {
			text-align: center;
		}

		.growth-content .sk-flex-row {
			justify-content: center;
		}

		.growth-content h2 {
			font-size: 2.8rem !important;
		}

		.feature-left > .sk-flex-row {
			flex-direction: column-reverse;
		}

		.feature-right:after {
			background-image: url(https://promanagecdn.blob.core.windows.net/promanage/images/marketing/bg-left-bottom.jpg);
			background-size: cover !important;
			background-position: bottom;
			bottom: 0;
			left: 0;
			top: 40%;
		}

		.feature-left:after {
			background-image: url(https://promanagecdn.blob.core.windows.net/promanage/images/marketing/bg-right-bottom.jpg);
			background-size: cover !important;
			background-position: bottom;
			bottom: 0;
			left: 0;
			top: 40%;
		}

		.feature-right .sk-flex-row,
		.feature-left .sk-flex-row {
			flex-wrap: wrap;
		}

		.banner-section {
			padding-left: 1.2rem;
			padding-right: 1.2rem;
		}

		.banner-content h2 {
			font-size: 3rem !important;
		}

		.text-bg-color {
			/* background: transparent; */
		}

		.bg-black .sk-col-6 {
			padding-right: 0;
			padding-left: 0;
		}

		.footer-section .sk-col-fluid {
			padding-bottom: 2rem;
		}

		.footer-section .sk-col-fluid:last-child {
			padding-bottom: 0;
		}

		.footer-section .social-icons .copy {
			text-align: center;
		}
	}


	/* growth stories css :: start */

	.growth-carousel .categories > div:first-child {
		background-color: #F0F0F0;
		border-radius: var(--gutter-base);
		padding: var(--gutter-large);
		margin: 0.6rem;
	}

	.growth-carousel .categories:first-child {
		margin-left: 0;
	}

	.growth-carousel .categories {
		border: 0.1rem solid #f5efef;
		/*	box-shadow: 0px 20px 20px 0px #0000000F;*/
	}

	.growth-carousel .categories img {
		width: 10rem;
		height: 3.5rem;
		object-fit: contain;
	}

	.growth-carousel .categories a {
		display: inline-flex;
		margin-top: var(--gutter-large);
		transition: transform 0.3s ease-out;
		text-transform: uppercase;
	}

	.growth-carousel .categories a:hover {
		transform: translateX(5px);
	}

	.growth-carousel .carousel-arrow .sk-button .sk-icons svg {
		fill: var(--color-white);
	}

	.growth-carousel .carousel-arrow .sk-button.sk-disabled .sk-icons svg {
		fill: var(--color-black);
	}

	.growth-carousel .categories a svg {
		stroke: var(--color-primary)
	}

	.growth-carousel .categories > div:last-child {
		padding: var(--gutter-large);
	}

	.growth-carousel .categories .sk-flex {
		padding-top: 4rem;
		justify-content: space-between;
	}

	.growth-carousel .categories {
		margin: 1rem;
		border-radius: var(--gutter-base);
	}

	.growth-carousel .categories .sk-flex .title {
		margin-bottom: 0;
		font-size: 4rem;
		font-weight: var(--font-weight-medium);
	}

	.growth-carousel {
		display: flex;
		overflow-x: clip;
		position: relative;
		padding: 0rem 0 3rem;
	}

	.growth-carousel .sk-surface {
		flex: 0 0 33.33%;
		transition: all 0.4s ease;
		margin-bottom: 0;
		background-color: transparent;
	}

	.growth-carousel .carousel-arrow {
		position: absolute;
		top: -5rem;
		z-index: 2;
		display: flex;
		right: 2rem;
		align-items: center;
		gap: 1rem;
	}

	.growth-carousel .carousel-arrow .sk-button {
		border-radius: var(--radius-base);
	}

	@media (max-width: 1024px) {
		.growth-carousel .sk-surface {
			flex: 0 0 50%;
		}
	}

	@media (max-width: 600px) {
		.growth-carousel .sk-surface {
			flex: 0 0 85%;
		}

		.growth-carousel .carousel-arrow {
			display: none;
		}

		.growth-carousel {
			overflow-x: auto;
		}

		.growth-carousel .categories > div:first-child {
			height: 21rem;
		}
	}
	/* growth stories css :: end */

	/* industries section css :: start */
	.hover-carousel {
		display: flex;
		gap: 2rem;
		width: 100%;
		margin: auto;
		transition: all 0.3s ease-in-out;
	}

	.hover-carousel .item {
		flex: 1;
		overflow: hidden;
		border-radius: 1.2rem;
		background: #fff;
		transition: 0.4s ease-in-out;
		position: relative;
		cursor: pointer;
		height: 35rem;
		display: flex;
		flex-direction: column;
		justify-content: flex-start;
		align-items: stretch;
	}

	.hover-carousel .item img {
		width: 100%;
		height: 100%;
		object-fit: cover;
	}

	.card-title {
		background-color: #E6F2FF;
		padding: 1rem;
		display: flex;
		gap: 1rem;
		align-items: center;
		font-weight: 600;
		text-transform: uppercase;
	}

	.card-title .sk-icons {
		background-color: #00C1D5;
		padding: 0.5rem;
		border-radius: var(--radius-base);
		display: none;
	}

	.card-content {
		padding: 3rem;
		color: var(--color-white);
		background: linear-gradient(to bottom right, #0575e6, #021b79);
		height: 100%;
		display: none;
		flex-direction: column;
		justify-content: space-between;
		min-width: 48rem;
	}

	.card-content h4 {
		margin-top: 0;
	}

	.card-content .stats {
		display: flex;
		gap: 2rem;
		margin: 1rem 0;
		font-size: 1.4rem;
		justify-content: space-around;
	}

	.card-content a {
		color: var(--color-white);
		text-transform: uppercase;
		font-weight: bold;
		font-size: 1.4rem;
		display: inline-flex;
		align-items: center;
		gap: 1rem;
		justify-content: end;
	}

	.card-content a svg {
		stroke: var(--color-white);
	}

	.more-details {
		color: var(--color-white);
		text-transform: uppercase;
		font-weight: bold;
		font-size: 1.4rem;
		display: inline-flex;
		align-items: center;
		gap: 0.5rem;
	}

	.more-details svg {
		stroke: var(--color-white);
	}

	.card-content .stats .sk-flex {
		flex-direction: column;
		text-align: center;
	}

	.card-content .stats .sk-flex:not(:last-child) {
		border-right: 0.1rem solid var(--color-white);
		padding-right: var(--gutter-base);
	}

	.card-content .stats .sk-flex .sk-h3 {
		padding-bottom: 1rem;
	}

	.hover-carousel .item:hover {
		flex: 3;
	}

	.hover-carousel .item:hover img {
		display: none;
	}

	.hover-carousel .item:hover .card-title .sk-icons {
		display: block;
	}

	.hover-carousel .item:hover .card-content {
		display: flex;
	}

	.mobile-down {
		display: none;
	}

	.hover-carousel .item.active {
		flex: 3;
	}

	.hover-carousel .item.active img {
		display: none;
	}

	.hover-carousel .item.active .card-title .sk-icons {
		display: block;
	}

	.hover-carousel .item.active .card-content {
		display: flex;
		flex-direction: column;
		justify-content: space-between;
	}

	@media (max-width: 768px) {
		.hover-carousel .item img {
			display: none;
		}

		.hover-carousel {
			flex-wrap: wrap;
			gap: 0.5rem;
		}

		.hover-carousel .item {
			height: auto;
			overflow: unset;
			flex-basis: 100%;
			margin-bottom: 1rem;
		}

		.card-title {
			background-color: #F0F0F0;
			padding: var(--gutter-base);
			border-radius: var(--gutter-small);
			position: relative;
		}

		.mobile-down {
			display: block;
			position: absolute;
			right: 2rem;
		}

		.card-content .stats {
			/* display: none; */
			padding: 1rem;
			background: linear-gradient(to bottom right, #0575e6, #021b79);
			color: var(--color-white);
		}

		.card-content > P {
			padding: 1rem;
		}

		.card-content .stats .sk-flex:not(:last-child) {
			border-right: 0.1rem solid var(--color-border);
		}

		.card-title .sk-icons {
			display: flex;
		}

		.hover-carousel .item:hover .card-title,
		.hover-carousel .item:hover .card-content {
			background: var(--color-white);
			color: var(--color-body-color);
			min-width: auto;
		}

		.hover-carousel .item:hover {
			box-shadow: 0px 8px 24px 0px #00000029;
		}

		.card-content a {
			color: var(--color-text-muted);
			padding: 1rem 1rem 2rem;
		}

		.card-content a svg {
			stroke: var(--color-text-muted);
		}

		.card-content {
			padding: 0;
			min-width: 35rem;
			background: transparent;
			color: var(--color-black);
		}

		.growth-stories-section .sk-container {
			padding-right: 0;
		}

		.ai-business .sk-container {
			padding-right: 0;
		}

		.more-details {
			color: var(--color-text-muted);
			margin-bottom: var(--gutter-base);
			padding: 0rem 2rem 0 1rem;
			justify-content: end;
		}

		.more-details svg {
			stroke: var(--color-text-muted)
		}
	}
	/* industries section css :: end */


	/* Industries Page css :: BEGIN  */
	.industry-bg {
		background: url(https://promanagecdn.blob.core.windows.net/promanage/images/marketing/industry-hero-bg.png);
		background-size: cover;
		height: 62rem;
		width: 100%;
		background-position: bottom;
		border-bottom-left-radius: 5rem;
		border-bottom-right-radius: 5rem;
	}
	/*.industry-hero-images > img {
	width: 50rem;
}*/
	.industry-header .sk-appbar {
		border-bottom: 0;
		position: fixed;
		height: 7rem;
		transition: all 500ms ease-in-out;
	}

	.industry-header .sk-appbar .sk-appbar-align-end .sk-button {
		text-transform: inherit;
		font-size: 1.6rem;
		gap: 0.5rem;
	}

	.industry-header .sk-appbar-logo .logo-color {
		display: block;
	}

	.industry-header .sk-appbar.sticky-scroll .sk-appbar-logo .logo-white {
		display: none;
	}

	.industry-header .sk-appbar-logo .logo-white {
		display: none;
	}

	.industry-hero-content {
		width: 100%;
		max-width: 95%;
		margin-left: 6rem;
	}

	.industry-hero-content h1 {
		font-size: 6rem;
	}

	.industry-bg .sk-row {
		padding-top: 5rem;
	}

	.industry-header .sk-appbar .sk-menu nav ul {
		overflow-y: inherit;
	}

	.industry-header .sk-appbar .sk-menu nav ul li a {
		text-transform: inherit;
		font-size: 1.6rem;
		gap: 0.5rem;
	}

	.industry-header .sk-appbar .sk-menu li:hover .sk-overflow-list {
		display: block;
	}

	.industry-header .sk-appbar .sk-overflow-list {
		left: 0;
		min-width: 24rem;
		top: 100%;
	}

	.industry-header .sk-appbar .sk-menu li:hover .sk-overflow-list li a {
		color: var(--color-black);
	}

	.industry-header .sk-appbar .sk-overflow-list ul li {
		align-items: flex-start;
		padding: .5rem 1rem;
	}

	.industry-header .sk-appbar .sk-overflow-list ul li a {
		width: 100%;
		font-size: 1.6rem;
		justify-content: flex-start;
		line-height: 2.4;
	}

	.problem-section h3,
	.patient-section h3 {
		padding-bottom: var(--gutter-base);
	}


	.industry-hero-images {
		position: relative;
	}

	.hero-image {
		width: 41.9rem;
	}

	.industry-hero-images .retail-image {
		width: 47.6rem;
	}

	.finance-hero {
		width: 42.2rem;
		position: absolute;
		right: 0;
	}

	.automotive-hero {
		position: absolute;
		right: 0;
		width: 42.2rem;
	}

	.restaurant-hero {
		width: 42.3rem;
		position: absolute;
		right: 0;
	}

	.industry-hero-images.restaurant .sub-image2 {
		width: 15rem;
		right: 27rem;
		top: 24rem;
	}

	.industry-hero-images .sub-image1 {
		position: absolute;
		top: 27rem;
		left: 18rem;
		width: 20rem;
	}

	.industry-hero-images .sub-image2 {
		position: absolute;
		top: 18rem;
		right: 0rem;
		width: 18rem;
	}

	.mbo-hero {
		width: 44.1rem;
	}

	.industry-hero-images.mbo-slider .sub-image1 {
		top: 31rem;
		left: 15rem;
	}

	.industry-hero-images.mbo-slider .sub-image2 {
		right: 1rem;
	}
	/*.industry-hero-images .industry1 {
		position: relative;
		top: -41rem;
		right: -38rem;
		width: 20rem;
	}*/
	/* .industry-hero-images .industry1:hover {
		animation: pulse 6s ease-in-out infinite;
	} */
	/*.industry-hero-images .industry2 {
		position: relative;
		top: -56rem;
		right: -20rem;
		width: 20rem;
	}*/
	/* .industry-hero-images .industry2:hover {
		animation: pulse 6s ease-in-out infinite;
	} */
	@keyframes pulse {
		0%, 100% {
			transform: scale(1);
			opacity: 1;
		}

		50% {
			transform: scale(1.2);
			opacity: 1;
		}
	}

	.sk-chip.sk-chip-bg {
		/* background: #ECF4FF; */
		border: 0;
		color: #0f62fe;
		padding: 1.4rem;
		cursor: default;
		border: 0.1rem solid #c6d7fe;
	}

	.sk-chip-bg:hover::after {
		background: transparent;
	}

	.healthcare-logos .client-logo-wrapper ul li img {
		filter: invert(1);
	}

	.sk-text-muted {
		color: var(--color-text-muted);
	}

	.problem-section .sk-text-center {
		margin-bottom: 6rem;
	}

	.timeline-images img {
		background: #ebedee;
		border-radius: var(--radius-large);
	}

	.timeline {
		position: relative;
		max-width: 700px;
	}

	.timeline .timeline-step:after {
		content: '';
		position: absolute;
		left: 2.4rem;
		top: 0;
		width: 0.2rem;
		height: 100%;
		background-color: #ccc;
		z-index: 0;
	}

	.timeline .timeline-step:nth-child(4):after {
		background: transparent;
	}

	.timeline-step {
		position: relative;
		display: flex;
		align-items: flex-start;
		padding-bottom: 4rem;
		cursor: pointer;
	}

	.timeline-circle {
		width: 2.5rem;
		height: 2.5rem;
		background-color: #ccc;
		border-radius: 50%;
		border: 0.2rem solid #ccc;
		position: absolute;
		left: 1.3rem;
		top: 0;
		z-index: 2;
		transition: all 0.3s ease;
	}

	.timeline-step.active .timeline-circle {
		background-color: #005cff;
		border-color: #005cff;
		box-shadow: 0 0 0 3px var(--color-white), 0 0 0 5px #005cff;
	}

	.timeline-content {
		margin-left: 8rem;
	}

	.timeline-content h3 {
		margin: 0 0 0.6rem;
		font-size: 2rem;
		font-weight: 600;
	}

	.timeline-step.active .timeline-content h3,
	.timeline-step.active .timeline-content p {
		color: var(--color-black);
	}

	.timeline-content p {
		margin: 0;
	}

	.timeline-step.inactive .content h3,
	.timeline-step.inactive .content p {
		color: #aaa;
	}



	.industry-growth {
		margin-top: -7rem;
		max-width: 60%;
	}

	.industry-growth .sk-flex-row {
		gap: 0;
		flex-wrap: nowrap;
	}

	.industry-growth .data-group {
		padding-right: 0;
		margin-right: 0;
		row-gap: 1rem;
	}

	.industry-growth .data-group span {
		width: 100%;
		max-width: 70%;
		text-align: center;
		font-size: 1.4rem;
	}

	.healthcare-logos .sk-container {
		padding-top: 1rem;
		padding-bottom: 1rem;
	}

	.problem-section .sk-row .sk-col-6 {
		align-items: center;
		justify-content: center;
		display: flex;
	}

	.problem-section .sk-row .sk-divider {
		width: 100%;
		margin: 5rem 0;
	}

	.problem-section .sk-text-center p {
		max-width: 60%;
		margin: 0 auto;
	}

	.patient-section .sk-row {
		margin: 8rem 0;
	}

	.patient-section .sk-row .sk-col-6 {
		align-items: center;
		justify-content: center;
		display: flex;
	}

	.patient-section .sk-text-center p {
		max-width: 60%;
		margin: 0 auto;
	}

	.patient-section .sk-divider {
		width: 100%;
		margin: 5rem 0;
	}

	.patient-section .row-reverse .content {
		padding: 0 0 0 3rem;
	}

	.patient-section .sk-row .content {
		padding-right: 3rem;
	}

	.patient-section .content a {
		color: #7B7B7B;
		transition: transform 0.3s ease-out;
	}

	.patient-section .content a:hover {
		transform: translateX(5px);
	}

	.powered-bg {
		background: var(--color-black);
		border-radius: var(--radius-large);
		padding: 5rem;
		position: relative;
	}

	.powered-bg:after {
		content: '';
		position: absolute;
		width: 100%;
		height: 100%;
		background-image: url(https://promanagecdn.blob.core.windows.net/promanage/images/marketing/powered-bg.png);
		background-position: left;
		top: 0;
		left: 0;
	}

	.powered-bg .tab-container {
		z-index: 2;
		position: relative;
	}

	.powered-bg .sk-flex-row {
		gap: 10rem;
	}

	.tab-container {
		color: var(--color-white);
		overflow: hidden;
	}

	.tabs {
		display: flex;
		gap: 5rem;
		margin-bottom: 2rem;
		flex-wrap: wrap;
		justify-content: space-between;
	}

	.tab {
		background: transparent;
		border: 0.1rem solid #444;
		padding: 0.8rem 1.5rem;
		border-radius: 8px;
		color: var(--color-white);
		cursor: pointer;
		transition: all 0.3s ease;
		position: relative;
		z-index: 1;
		overflow: hidden;
	}

	.tabs :is(button, .sk-button).sk-large {
		padding: 0 7rem;
	}

	.tab.active {
		color: var(--color-white);
	}

	.tab-progress-bar {
		position: absolute;
		top: 0;
		left: 0;
		width: 0;
		height: 100%;
		background: linear-gradient(90deg, #5c2cff, #00c6ff);
		z-index: -1;
		transition: width 5s linear;
	}

	.tab.active .tab-progress-bar {
		width: 100%;
	}

	.tab:hover:not(.active) {
		background: rgba(255, 255, 255, 0.1);
	}

	.tab-content {
		display: flex;
		flex-direction: column;
		gap: 2rem;
	}

	.tab-panel {
		display: none;
		align-items: center;
		gap: 2rem;
		flex-wrap: wrap;
	}

	.tab-panel.active {
		display: flex;
	}

	.left {
		width: 50%;
	}

	.left img {
		max-width: 100%;
		border-radius: 8px;
		margin-bottom: 1rem;
	}

	.right h2 {
		font-size: 2rem;
		margin-bottom: 1rem;
	}

	.right p {
		max-width: 40rem;
	}

	.full-banner-section {
		background: url(https://promanagecdn.blob.core.windows.net/promanage/images/marketing/banner-industry.png);
		background-size: cover;
		height: 15rem;
		width: 100%;
	}

	.data-section .sk-flex-row {
		justify-content: space-between;
	}

	.stats-container {
		display: grid;
		grid-template-columns: 1fr 1fr;
		grid-template-rows: 1fr 1fr;
		overflow: hidden;
		border-left: 0.1rem solid #daaeae;
	}

	.stats-container .stat-item:nth-child(1) {
		border-right: 0.1rem solid #daaeae;
		border-bottom: 0.1rem solid #daaeae;
	}

	.stats-container .stat-item:nth-child(3) {
		border-right: 0.1rem solid #daaeae;
	}

	.stats-container .stat-item:nth-child(2) {
		border-bottom: 0.1rem solid #daaeae;
	}

	.stat-item {
		padding: 3rem 2rem;
		text-align: center;
		display: flex;
		flex-direction: column;
		justify-content: center;
		align-items: center;
	}

	.stat-number {
		font-size: 3.5rem;
		font-weight: 600;
		line-height: 1.2;
		color: #333;
		margin-bottom: 1rem;
	}

	.stat-description {
		color: #777;
	}

	@media (max-width: 600px) {
		.data-section .sk-flex-row {
			justify-content: space-between;
			padding: var(--gutter-large);
			flex-wrap: wrap;
		}

		.data-section .sk-flex-row .search-content h2 {
			font-size: 2.2rem;
		}

		.stats-container {
			grid-template-rows: auto;
			border-left: 0;
		}

		.stat-number {
			font-size: 2rem;
		}

		.stat-item {
			padding: 1rem;
		}

		.stat-description {
			font-size: 1.4rem;
		}
	}



	@media (max-width: 768px) {
		.industry-bg {
			height: 100%;
			background: url(https://promanagecdn.blob.core.windows.net/promanage/images/marketing/header-mobile.png);
			background-position: bottom;
			background-repeat: no-repeat;
			padding-bottom: 3rem;
			border-bottom-left-radius: 2rem;
			border-bottom-right-radius: 2rem;
		}

		.industry-bg .sk-appbar {
			position: fixed;
		}

		.industry-header .sk-appbar {
			box-shadow: 0 0.6rem 1rem rgba(0, 0, 0, 0.1);
		}

		.industry-header .sk-appbar.sticky-scroll .logo-white {
			display: block;
		}

		.industry-header .sk-appbar-logo .logo-white {
			display: none;
		}

		.industry-header .sk-appbar.sticky-scroll .sk-appbar-logo .logo-white {
			display: block;
		}

		.industry-header .sk-appbar.sticky-scroll .sk-appbar-logo .logo-color {
			display: none;
		}

		.industry-hero-content {
			padding-top: 2rem;
			text-align: center;
			max-width: 100%;
			margin-left: 0;
		}

		.industry-hero-content h1 {
			font-size: 3rem;
		}

		.industry-hero-images {
			display: none;
		}

		.industry-growth {
			margin-top: 0;
			max-width: 90%;
		}

		.industry-growth .sk-flex-row {
			flex-wrap: wrap;
		}

		.industry-growth .data-group {
			display: flex;
			flex-direction: inherit;
			justify-content: flex-start;
			gap: 1rem;
			border-right: 0;
			border-bottom: 0.1rem solid var(--color-border);
			padding-bottom: 1rem;
			padding-top: 1rem;
			align-items: center;
		}

		.industry-growth .data-group svg {
			flex-shrink: 0;
		}

		.industry-growth .data-group:last-child {
			padding-bottom: 0;
		}

		.industry-growth .data-group:last-child {
			border-bottom: 0;
		}

		.industry-growth .data-group .sk-h1 {
			width: 9rem;
			font-weight: 600;
			font-size: 3rem;
		}

		.industry-growth .data-group:first-child {
			padding-top: 0;
		}

		.industry-growth .data-group span {
			max-width: 100%;
			text-align: left;
		}

		.problem-section .sk-text-center {
			margin-bottom: 2rem;
		}

		.problem-section h3,
		.patient-section h3 {
			font-size: 3rem;
		}

		.problem-section .sk-text-center p,
		.patient-section .sk-text-center p {
			max-width: 100%;
		}

		.timeline-images {
			margin-bottom: 2rem;
		}

		.patient-section .sk-row .sk-divider {
			margin: 0;
			border-bottom: 0;
		}

		.patient-section .sk-row .content h2 {
			font-size: 2rem;
		}

		.patient-section .sk-row {
			flex-direction: column-reverse;
			gap: 2rem;
		}

		.sk-row.row-reverse {
			flex-direction: row;
		}

		.patient-section .sk-divider {
			margin: 2rem 0;
			width: auto;
		}

		.patient-section .sk-row .content,
		.patient-section .row-reverse .content {
			padding: 0;
		}

		.patient-section .sk-row:last-child {
			margin-bottom: 0;
		}

		.ai-growth .sticky-top {
			position: inherit;
		}

		.mobile-carousel {
			margin-bottom: 2rem;
			height: 20rem;
		}

		.powered-bg {
			padding: var(--gutter-base);
		}

		.powered-bg:after {
			border-radius: 1rem;
			display: none;
		}

		.powered-bg .tab-container .tabs {
			justify-content: space-between;
			margin-bottom: 2rem;
			gap: 2rem;
			flex-wrap: nowrap;
			overflow: auto;
			padding-bottom: 1rem;
		}

		.powered-bg .tab-container .tabs .tab {
			width: 100%;
			max-width: 35%;
			padding: 0 1rem;
		}

		.powered-bg .tab-content .tab-panel .sk-flex-row {
			gap: 3rem;
			flex-wrap: wrap;
			align-items: center;
			justify-content: center;
		}

		.powered-bg .tab-content .tab-panel .sk-flex-row .left {
			width: 100%;
		}

		.powered-bg .tab-content .tab-panel .sk-flex-row .right {
			text-align: center;
		}

		.full-banner-section {
			height: 26rem;
			background: url(https://promanagecdn.blob.core.windows.net/promanage/images/marketing/banner-mobile.png);
			display: flex;
			align-items: center;
			justify-content: center;
			background-repeat: no-repeat;
		}

		.full-banner-section .sk-flex-row {
			text-align: center;
			row-gap: 3rem;
		}

		.full-banner-section .sk-container {
			padding-top: 0;
			padding-bottom: 0;
		}

		.problem-section ul {
			overflow: auto;
			gap: 3rem;
		}

		* .problem-section ul {
			scrollbar-color: rgba(0, 0, 0, 0.3) rgba(0, 0, 0, 0.1);
			scrollbar-width: thin;
		}

		.problem-section ul li {
			width: 22rem;
			flex-shrink: 0;
		}

		.problem-section ul li.sk-active {
			border-top: 0.3rem solid var(--color-primary);
			padding-top: 1rem;
		}

		.problem-section ul li p {
			margin-bottom: 0;
		}

		.healthcare-logos .client-logo {
			flex-wrap: wrap;
			justify-content: center;
			padding-bottom: 0rem;
			padding-top: 2rem;
		}

		.healthcare-logos .client-logo p {
			max-width: 100%;
			text-align: center;
		}

		.healthcare-logos .client-logo p br {
			display: none;
		}

		.healthcare-logos .client-logo .sk-link {
			color: var(--color-black);
		}
	}

	/* Industries Page css :: END  */


	/* Form Page CSS :: BEGIN  */

	.form-header .sk-appbar {
		border-bottom: 0;
		position: fixed;
		height: 7rem;
		transition: all 500ms ease-in-out;
		background: transparent;
	}

	.form-header .sk-appbar.sticky-scroll {
		background: var(--color-white);
	}

	.form-header .sk-appbar .sk-menu nav ul {
		overflow-y: inherit;
	}

	.form-header .sk-appbar .sk-menu li:hover .sk-overflow-list {
		display: block;
	}

	.form-header .sk-appbar .sk-overflow-list {
		left: 0;
		min-width: 22rem;
		top: 100%;
	}

	.form-header .sk-appbar .sk-overflow-list ul li a {
		width: 100%;
		font-size: 1.6rem;
		justify-content: flex-start;
		line-height: 2.4;
	}

	.form-header .sk-appbar .sk-menu nav ul li a {
		text-transform: inherit;
	}

	.form-header .sk-appbar .sk-appbar-align-end .sk-button {
		text-transform: inherit;
		font-size: 1.6rem;
		gap: 0.5rem;
	}

	.form-header .sk-appbar-logo .logo-color {
		display: block;
	}

	.form-header .sk-appbar.sticky-scroll .sk-appbar-logo .logo-white {
		display: none;
	}

	.form-header .sk-appbar-logo .logo-white {
		display: none;
	}

	.form-bg {
		background: url(https://promanagecdn.blob.core.windows.net/promanage/images/marketing/form-bg.png);
		background-size: cover;
		height: 100%;
		width: 100%;
		background-position: bottom;
		border-bottom-left-radius: 5rem;
		border-bottom-right-radius: 5rem;
	}

	.form-wrapper {
		margin-bottom: 5rem;
		border: 0.1rem solid var(--color-border);
	}

	.form-wrapper .sk-form-group {
		margin-bottom: 2rem;
		align-items: flex-start;
	}

	.form-wrapper .sk-form-group .sk-form-row {
		width: 100%;
		max-width: 48%;
	}

	.form-wrapper .sk-form-group .sk-form-row .sk-text-field .sk-input {
		background: #F5F5F5;
		border: 0.1rem solid #B1B1B1;
	}

	.form-wrapper .sk-button {
		border-radius: var(--radius-large);
	}

	.form-wrapper .sk-button:hover {
		background: #000;
		border: 0;
	}

	.form-wrapper .sk-button:hover svg {
		transition: transform .2s;
	}

	.form-wrapper .sk-button:hover svg {
		transform: translateX(.25rem);
	}

	.form-wrapper p a:hover {
		text-decoration: underline;
	}

	.form-bg .sk-row {
		padding-top: 8rem;
	}

	.demo-logo-section .sk-container {
		padding-top: 0rem;
		padding-bottom: 0rem;
	}

	.demo-logo-section .client-logo-wrapper li img {
		filter: invert(1);
	}

	.social-images li img {
		width: 7rem;
		flex-shrink: 0;
	}

	.demo-footer-bg {
		/*    background: var(--color-black);*/
	}

	.sk-container.footer-top-border {
		border-top: 0.1rem solid var(--color-border);
		z-index: 2;
		position: relative;
	}

	.demo-footer-bg .social-icons a {
		display: flex;
		align-items: center;
		justify-content: center;
	}

	.demo-footer-bg .social-icons a .sk-icons svg {
		fill: var(--color-black);
	}

	.demo-footer-bg h6,
	.demo-footer-bg ul li a {
		color: var(--color-white);
	}

	.demo-footer-bg p,
	.demo-footer-bg a {
		color: var(--color-white);
	}

	.demo-footer-bg .social-icons .copy {
		color: var(--color-white);
	}

	.confirmation-wrapper .sk-dialog-body {
		padding: 4rem;
	}

	.close {
		position: absolute;
		right: 2rem;
	}

	.confirmation-check {
		display: flex;
		flex-direction: column;
		row-gap: 1rem;
		align-items: center;
		margin-bottom: 2rem;
	}

	.confirmation-check svg {
		fill: var(--color-success);
	}

	@media (max-width: 768px) {
		.form-header .sk-appbar.sticky-scroll {
			background: var(--color-white);
		}

		.social-images li img {
			width: 5rem;
		}

		.form-wrapper .sk-form-group .sk-form-row {
			width: 100%;
			max-width: 100%;
		}

		.demo-list-item h1,
		.demo-list-item p.sk-margin-bottom-large {
			text-align: center;
		}

		.demo-list-item p {
			text-align: left;
		}

		.demo-list-item ul {
			margin-bottom: 3rem;
		}

		.demo-logo-section .client-logo {
			flex-wrap: wrap;
		}

		section.partner-programs p {
			max-width: 100%;
		}

		.demo-logo-section .client-logo p {
			font-size: 2rem;
			width: 100%;
			max-width: 35rem;
			text-align: center;
		}

		.client-say-section .sk-container {
			padding-right: 0;
			padding-left: 0;
		}

		.demo-list-item p br {
			display: none;
		}
	}


	.header-white {
		background: transparent;
	}

	.rank-detail-bg {
		background: url(https://promanagecdn.blob.core.windows.net/promanage/images/marketing/rank-detail-bg.png);
		background-size: cover;
		height: 60rem;
		width: 100%;
		background-position: bottom;
		border-bottom-left-radius: 5rem;
		border-bottom-right-radius: 5rem;
	}

	.rank-detail-bg .industry-hero-content {
		margin-top: 8rem;
		margin-bottom: 5rem;
	}

	.dashboard-section .sk-text-center {
		margin-bottom: 5rem;
	}

	.expansion-wrapper {
		width: 100%;
		max-width: 90%;
	}

	.expansion-wrapper .sk-expansion-inner h3 {
		font-size: 2rem;
	}

	.expansion-wrapper .sk-expansion-inner .sk-expansion-header {
		padding: 2rem 0 1.5rem;
	}

	.ethics-sections .sk-surface {
		box-shadow: 0px 16px 48px rgba(0, 0, 0, 0.16);
		width: 100%;
		max-width: 92%;
		display: flex;
		flex-direction: column;
		height: 100%;
	}

	.ethics-sections .sk-surface h3 {
		font-size: 2rem;
	}

	.ethics-sections .sk-surface p {
		margin-top: auto;
	}

	.faq-section .sk-expansion-panels .sk-expansion-inner {
		border: 0.1rem solid var(--color-border);
		margin-bottom: 2rem;
		border-radius: var(--radius-large);
	}

	.faq-section .sk-expansion-panels .sk-expansion-inner .sk-expansion-header {
		background: #E6F2FF;
		border-radius: var(--radius-large);
		padding: var(--gutter-base);
	}

	.faq-section .sk-expansion-panels .sk-expansion-inner.sk-active .sk-expansion-header {
		border-radius: var(--radius-large) var(--radius-large) 0 0;
	}

	.faq-section .sk-expansion-panels .sk-expansion-inner .sk-expansion-action {
		align-items: center;
	}

	.faq-section .sk-expansion-panels .sk-expansion-inner .sk-expansion-content {
		padding: var(--gutter-base);
	}

	@media (max-width: 768px) {
		.dashboard-section h2,
		.ethics-sections h2 {
			font-size: 3rem !important;
		}

		.ethics-sections .sk-surface {
			max-width: 100%;
		}

		.ethics-sections .sk-col-4 {
			margin-bottom: 2rem;
		}

		.rank-detail-bg {
			height: 100%;
			border-radius: 0;
		}

		.rank-detail-bg .industry-hero-content {
			margin-top: 5rem;
			margin-bottom: 3rem;
		}

		.expansion-wrapper {
			max-width: 100%;
		}

		.expansion-wrapper .sk-expansion-inner .sk-expansion-header .sk-expansion-action .sk-flex-row {
			flex-wrap: nowrap;
			align-items: flex-start;
		}

		.expansion-wrapper .sk-expansion-inner .sk-expansion-content {
			padding: 0;
		}

		.faq-section .sk-expansion-panels .sk-expansion-inner .sk-expansion-action {
			align-items: flex-start;
		}

		* .tabs {
			scrollbar-color: rgb(255 255 255 / 80%) rgb(255 255 255 / 50%);
			scrollbar-width: thin;
		}
		.faq-section .sk-container h2 {
			font-size: 3rem !important;
		}
		
	}


	
	.thankyou-bg {
		background: url(https://promanagecdn.blob.core.windows.net/promanage/images/marketing/thankyou-bg.png);
		background-size: cover;
		height: 50rem;
		width: 100%;
		background-position: bottom;
		border-bottom-left-radius: 5rem;
		border-bottom-right-radius: 5rem;
	}

	.thankyou-bg .sk-text-center {
		padding-top: 13rem;
	}

	.thankyou-bg .industry-hero-content svg {
		margin: 0 auto 4rem;
	}

	/* Accordion behavior styles */
	.sk-expansion-content {
		max-height: 0;
		overflow: hidden;
		transition: max-height 0.4s ease, padding 0.3s ease;
	}

	.sk-expansion-inner.sk-active .sk-expansion-content {
		max-height: 500px; /* big enough for your content */
		padding-top: 1rem;
	}

	

	/*Partner Page CSS Start */

	.industry-header.top-header .sk-appbar .sk-menu ul li a {
		color: var(--color-white);
	}

	.industry-header.top-header .sk-appbar .sk-menu ul li a svg {
		fill: var(--color-white);
	}

	.industry-header.top-header .sk-appbar.sticky-scroll .sk-menu ul li a {
		color: var(--color-black);
	}

	.industry-header.top-header .sk-appbar.sticky-scroll .sk-menu ul li a svg {
		fill: var(--color-black);
	}

	section.partner-programs {
		background: var(--color-white);
	}

	.hero-banner .client-logo-group .marquee li img {
		filter: invert(1);
	}

	.hero-banner .client-logo-group .marquee li {
		width: auto;
		background: transparent;
		box-shadow: none;
		flex-basis: 16rem;
		flex-shrink: 0;
		transition: all .5s;
		padding: 0;
	}

	.hero-banner .client-logo-group .marquee {
		animation: marquee 85s linear infinite;
	}


	.healthcare-logos .client-logo-group .marquee li img {
		filter: invert(1);
	}

	.healthcare-logos .client-logo-group .marquee li {
		width: auto;
		background: transparent;
		box-shadow: none;
		flex-basis: 16rem;
		flex-shrink: 0;
		transition: all .5s;
		padding: 0;
	}

	.healthcare-logos .client-logo-group .marquee {
		animation: marquee 85s linear infinite;
	}


	.demo-logo-section .client-logo-group .marquee li img {
		filter: invert(1);
	}

	.demo-logo-section .client-logo-group .marquee li {
		width: auto;
		background: transparent;
		box-shadow: none;
		flex-basis: 16rem;
		flex-shrink: 0;
		transition: all .5s;
		padding: 0;
	}

	.demo-logo-section .client-logo-group .marquee {
		animation: marquee 85s linear infinite;
	}

	.client-logo-group {
		overflow: hidden;
		position: relative;
		-webkit-mask-image: linear-gradient(90deg, transparent 0%, rgba(0, 0, 0, 1) 5%, rgba(0, 0, 0, 1) 95%, transparent 100%);
	}

	.client-logo-group .marquee ul.sk-flex-row:hover {
		animation-play-state: paused;
	}

	.marquee {
		display: flex;
		width: max-content;
		animation: marquee 25s linear infinite;
		margin-bottom: var(--gutter-base);
	}

	.marquee ul {
		display: flex;
		list-style: none;
		margin: 0;
		padding: 0;
	}

	.marquee li {
		flex: 0 0 auto;
		padding: 0 30px;
		background: var(--color-white);
		border-radius: var(--radius-large);
		box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;
		margin: 1rem;
		width: 15rem;
		flex-shrink: 0;
	}

	.marquee img {
		object-fit: contain;
	}

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

		100% {
			transform: translateX(-50%);
		}
	}



/* AI Search Header CSS :: BEGIN  */
.landing-page-wrapper .sk-container {
    max-width: 110rem;
}
.ai-search-banner {
    background: url(https://promanagecdn.blob.core.windows.net/promanage/images/marketing/search-header-bg.png);
    background-size: cover;
    height: 65rem;
    width: 100%;
    background-position: bottom;
}
.hero-banner.ai-search-banner {
/*	padding-top: 150px;*/
}
	.hero-banner.ai-search-banner .ai-demo {
		padding-top: 10rem;
	}
  
.ai-demo {
	position: relative;
	will-change: transform;
	backface-visibility: hidden;
	transform: translateZ(0);
	overflow: hidden;
}
.hero-banner.ai-search-banner .sk-appbar .sk-appbar-align-end a {
    color: var(--color-black);
}
.ai-search-banner .sk-appbar .sk-menu li a {
	color: var(--color-black);
}
.ai-search-banner .sk-appbar:not(.sticky-scroll) .sk-menu li a svg {
	fill: var(--color-black);
}
.ai-search-banner .content-hero {
    color: var(--color-black);
}
.ai-search-banner .sk-appbar .sk-appbar-row .sk-appbar-logo a.logo-white {
    display: none;
}
.ai-search-banner .sk-appbar .sk-appbar-row .sk-appbar-logo a.logo-color {
    display: block;
}

.healthcare-logos.ai-healthcare-logo .sk-container {
    padding-bottom: 5rem;
    padding-top: 5rem;
}
.healthcare-logos.ai-healthcare-logo .sk-container .sk-h5 {
    margin-bottom: 3rem;
}
.title-bg {
    background: linear-gradient(90deg, #2E75FA 0%, #3C4AC7 100%);
    padding: 1rem;
    border-radius: 1rem;
    color: var(--color-white);
    line-height: 1.6;
}
.search-report-bg {
    position: relative;
    background: #f5f5f5;
	padding: 5rem;
    border-radius: 2rem;
}
.search-report-bg:after {
    background: url(https://promanagecdn.blob.core.windows.net/promanage/images/marketing/book-bg1.png);
    background-size: contain;
    height: 100%;
    width: 100%;
    background-position: right;
    background-repeat: no-repeat;
    position: absolute;
    content: '';
    top: 0;
    right: 0;
    left: 0;
	border-top-right-radius: 2rem;
    border-bottom-right-radius: 2rem;
}
.optional-bg {
    background: #375DE5;
    color: var(--color-white);
    height: 25rem;
}
.optional-bg .sk-container .sk-row {
    margin-left: 7rem;
	justify-content: center;
    align-items: center;
    width: 100%;
}
.optional-card {
    margin-top: -5rem;
	margin-bottom: 4rem;
}
.optional-card .sk-flex-row .sk-surface {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    text-align: center;
    row-gap: 1rem;
    box-shadow: rgba(9, 30, 66, 0.25) 0px 4px 8px -2px, rgba(9, 30, 66, 0.08) 0px 0px 0px 1px;
    margin-bottom: 0;
    min-height: 12rem;
    height: 16rem;
    width: 100%;
    max-width: 26%;
}
.optional-card .sk-flex-row {
    justify-content: center;
	column-gap: 3rem;
	flex-wrap: wrap;
}
.report-slider .growth-carousel .carousel-arrow {
	top: -9rem;
}
.report-slider .growth-carousel .sk-surface .sk-flex-row svg {
    flex-shrink: 0;
}
.rank-report .sk-row .sk-col-6 {
    justify-content: center;
    display: flex;
    flex-direction: column;
}
.rank-report .sk-row .sk-col-6 .step-bg {
    background: #2A5EFE;
    color: var(--color-white);
    padding: 1rem;
    border-radius: 0.5rem;
    line-height: 0.5;
    display: inline-block;
	font-size: 1.4rem;
}
.report-step-img {
    width: 35rem;
    margin: 0 auto;
}

.transform-bg {
    background: url(https://promanagecdn.blob.core.windows.net/promanage/images/marketing/transform-bg.png);
    background-size: cover;
    height: 100%;
    width: 100%;
    background-position: center;
}
.transform-bg .sk-surface .sk-flex-row svg {
    flex-shrink: 0;
}
.transform-bg h2 {
    color: var(--color-white);
}
.client-say-section.ai-client-search .client-carousel:before {
    bottom: -90px;
}
.customer-bg {
    background: linear-gradient(180deg, #3478F1 0%, #3B41D9 100%);
    border-radius: 2rem;
    color: var(--color-white);
}
.rank-report .sk-row {
    padding-bottom: 5rem;
}
.report-slider .growth-carousel {
    column-gap: 3rem;
}
.report-slider .growth-carousel .sk-surface {
	flex: 0 0 28%;
    background: #fbfbfd;
    border: 0.1rem solid #e4e4f3;
}
.client-say-section .client-carousel .sk-surface {
	min-height: 23rem;
}
.client-say-section .client-carousel {
	min-height: 25rem;
}
.client-say-section.ai-client-search .client-carousel .sk-surface.prev-slide > div,
.client-say-section.ai-client-search .client-carousel .sk-surface.next-slide > div  {
	top: 48%;
    transform: translateY(-48%);
    height: 26rem;
}
.client-carousel .sk-surface.current-slide div p {
    font-size: 1.6rem;
}

@media (max-width: 768px) {
	.hero-banner.ai-search-banner .sk-appbar-logo .logo-white {
		display: none;
	}
	.hero-banner.ai-search-banner .sk-appbar-logo .logo-color {
		display: block;
	}
	.hero-banner.ai-search-banner .sk-appbar.sticky-scroll .sk-appbar-logo .logo-color {
		display: none;
	}
	.hero-banner.ai-search-banner .sk-appbar.sticky-scroll .sk-appbar-logo .logo-white {
		display: block;
	}
	.ai-search-banner .sk-appbar .sk-appbar-align-end .sk-button svg {
		fill: var(--color-black);
	}
	.ai-search-banner .sk-appbar.sticky-scroll .sk-appbar-align-end .sk-button svg {
		fill: var(--color-white);
	}
	.search-head h1 { 
		line-height: 1.6;
		margin-bottom: 2rem;
	}
	.search-head h1 .title-bg {
		display: block;
		padding: 0;
		width: 100%;
		max-width: 75%;
		margin: 0 auto;
	}
	.search-head h1 br {
		display: none;
	}
	.optional-card {
		margin-top: -6rem;
	}
	.optional-bg p br {
		display: none;
	}
	.optional-bg h2,
	.report-slider h2,
	.search-report-bg h2,
	.rank-report h2,
	.transform-bg h2,
	.ai-client-search h2,
	.customer-bg h2 {
		font-size: 3rem !important;
	}
	.optional-bg {
		height: 35rem;
	}
	.ai-search-banner .cta-animation .animated-button {
		font-size: 1.6rem;
	}
	.ai-search-banner {
		height: auto;
		padding-top: 0 !important;
	}
	.hero-banner.ai-search-banner .ai-demo {
		padding-top: 1rem;
	}
	.sk-direction-column {
		flex-direction: column-reverse;
	}
	.rank-report .sk-row .sk-col-6 {
		text-align: center;
		align-items: center;
	}
	.optional-bg .sk-container .sk-row {
		margin-left: 0;
	}
	.rank-report .sk-row {
		padding-bottom: 5rem;
	}
	.search-report-section {
		padding: 0 1.2rem;
	}
	.report-slider .growth-carousel {
		column-gap: 2rem;
	}
	.report-slider .sk-text-left {
		text-align: center;
	}
	.report-slider .growth-carousel .sk-surface {
		flex: 0 0 78%;
	}
	.optional-card .sk-flex-row .sk-surface {
		justify-content: flex-start;
		min-height: auto;
    	height: auto;
        max-width: 100%;
		padding: 1.5rem;
	}
	.optional-bg h2, 
	.optional-bg p{
		text-align: center;
	}
	.search-report-bg {
		overflow: hidden;
		text-align: center;
		padding: 1.5rem;
	}
	.search-report-bg:after {
		background: transparent;
		/* background: url(https://promanagecdn.blob.core.windows.net/promanage/images/marketing/report-mweb-img.png); */
		background-size: contain;
		height: 100%;
		width: 100%;
		background-position: right;
		background-repeat: no-repeat;
		position: absolute;
		content: '';
		top: 0;
		right: 0;
		left: 0;
		border-top-right-radius: 2rem;
		border-bottom-right-radius: 2rem;
	}
	.search-report-bg p br {
		display: none;
	}
	.transform-bg h2, .transform-bg p.sk-white {
		text-align: center;
		margin-bottom: 0;
	}
	.transform-bg .sk-surface .sk-flex-row p {
		margin-bottom: 0;
	}
	.optional-card .sk-flex-row {
		margin-bottom: 3rem;
		column-gap: 1rem;
	}
	.customer-padding {
		padding: 0 1.2rem var(--gutter-large);
	}
	.customer-bg {
		border-radius: 1rem;
	}
	.customer-bg .sk-button {
		font-size: 1.4rem;
	}
	
}


/* Blog Section CSS :: BEGIN */
.blog-hero {
    padding-top: 10rem;
}
.blog-wrapper .sk-row .sk-col-4 {
    margin-bottom: var(--gutter-large);
}
.blog-bg {
    background: #F5F5F5;
}
.blog-info h2.sk-h5 {
	font-size: 2rem !important;
}
.blog-bg .blog-info {
    padding: var(--gutter-large);
}
.blog-bg .blog-info .sk-flex-row {
    column-gap: 4rem;
}
.blog-bg .blog-info .sk-flex-row .sk-flex {
    gap: 1rem;
}
.blog-list-item li img {
    width: 13rem;
    flex-shrink: 0;
}
.blog-list-item .blog-header {
    width: 100%;
}
.blog-list-item li .blog-header > a {
	color: var(--color-black);
    margin-bottom: 2.5rem;
    /* display: block; */
}
.blog-list-item .blog-header .sk-flex a:hover {
	text-decoration: underline;
}
.blog-list-item .sk-divider {
    border-bottom: 0.1rem solid var(--color-black);
    margin: 3rem 0;
}
.blog-filter {
    margin-bottom: 4rem;
}
.blog-wrapper h2 {
    margin-bottom: 3rem;
	font-weight: 600;
}
.blog-filter .sk-text-select, 
.blog-filter .sk-text-field {
    width: 100%;
    max-width: 33%;
}
.blog-wrapper .sk-surface {
    box-shadow: 0 0 10px 0 rgba(0, 0, 0, .15);
	display: flex;
    flex-direction: column;
    height: 100%;
}
.blog-info {
    padding: var(--gutter-base);
	display: flex;
    flex-direction: column;
    height: 100%;
}
.blog-info a {
    margin-top: auto;
	gap: 0.5rem;
    align-items: center;
}
.blog-info a:hover {
	text-decoration: underline;
}
.blog-info .sk-flex-row {
    column-gap: 3rem;
	justify-content: space-between;
}
.blog-info .sk-flex-row .sk-flex {
    gap: 1rem;
	flex-shrink: 0;
}
.blog-banner .sk-container {
    background: linear-gradient(90deg, #1545D7 0%, #3881F1 100%);
    border-radius: 15px;
    color: var(--color-white);
    padding: 5rem;
}
.blog-hero-content {
    padding-top: 6rem;
}
.blog-title-info span {
    color: #344ED9;
    font-weight: 600;
    margin-bottom: 1rem;
    display: block;
}
.blog-title-info h1 {
    margin-bottom: 3rem;
}
.blog-title-info .sk-flex-row .sk-flex {
    gap: 1rem;
    border-right: 0.1rem solid #B1B1B1;
    margin-left: 1rem;
    padding-right: 1rem;
}
.blog-title-info .sk-flex-row .sk-flex img {
	width: 6rem;
    flex-shrink: 0;
}
.blog-title-info .sk-flex-row .sk-flex:last-child {
    border-right: 0;
    margin-left: 0;
    padding-right: 0;
}
.left-group .grey-bg {
    background: #F5F5F5;
    padding: var(--gutter-large);
}
.choose-bg {
    background: linear-gradient(90deg, #1545D7 0%, #3881F1 100%);
    padding: var(--gutter-large);
    border-radius: var(--radius-xlarge);
    color: var(--color-white);
	margin-bottom: 2rem;
}
.choose-bg > .sk-button {
	font-size: 1.4rem;
	gap: 1rem;
}
.blog-info1 {
    margin-bottom: 5rem;
}
.blog-info2 {
    margin-bottom: 5rem;
}
.blog-info-img {
    margin-bottom: 3rem;
}
.blog-info3 {
    margin-bottom: 5rem;
}
.blog-info4 {
    margin-bottom: 5rem;
}
.blog-info5 {
    background: #F5F5F5;
    padding: 3rem;
    border-radius: var(--radius-xlarge);
    margin-bottom: 5rem;
}
.blog-info6 {
    margin-bottom: 5rem;
}
.blog-info7 {
	margin-bottom: 5rem;
}
.blog-info7 .sk-flex-row img {
    width: 10rem;
    flex-shrink: 0;
}
.bottom-nav-container {
    display: flex;
    align-items: center;
    justify-content: space-between;
    border-top: 1px solid #ddd;
    border-bottom: 1px solid #ddd;
}

.bottom-nav-container .nav-item {
    flex: 1;
    text-align: center;
    font-size: 22px;
    font-weight: 600;
    padding: 20px;
}

.bottom-nav-container .divider {
    width: 1px;
    background-color: #ccc;
    height: 100px;
}

.other-details {
    margin-left: 2rem;
    list-style-type: disc;
}
.footer-section.demo-footer-bgs {
	margin-top: 5rem;
}



@media (max-width: 768px) {
	.choose-bg > .sk-button {
		gap: 1rem;
	}
	.blog-hero-content .sk-container {
		padding-bottom: 0;
	}
	.blog-hero {
		padding-top: 6rem;
	}
	.blog-bg {
		margin-bottom: 2rem;
	}
	.blog-bg .blog-info h2 {
		font-size: 1.6rem;
	}
	.blog-bg .blog-info .sk-flex-row span, 
	.blog-bg .blog-info .sk-flex-row .sk-flex span {
		font-size: 1.4rem;
	}
	.blog-bg .blog-info a {
		font-size: 1.4rem;
	}
	.blog-header .sk-flex {
		flex-wrap: wrap;
		gap: 1rem;
		font-size: 1.4rem;
	}
	.blog-list-item .sk-divider {
		margin: 2rem 0;
	}
	.blog-list-item li .blog-header > a {
		font-size: 1.6rem;
	}
	.blog-wrapper h2 {
		font-size: 2.4rem !important;
	}
	.blog-filter {
		flex-wrap: wrap !important;
	}
	.blog-filter .sk-text-select, 
	.blog-filter .sk-text-field {
		max-width: 100%;
	}
	.blog-title-info {
		margin-bottom: 1.5rem;
	}
	.blog-title-info h1 {
		margin-bottom: 1.5rem;
	}
	.blog-info7 .sk-flex-row img {
		width: 7rem;
	}
	.bottom-nav-container {
		gap: 1rem;
	}
	.bottom-nav-container button.nav-btn {
		padding-left: 0;
		padding-right: 0;
		display: contents;
	}
	.bottom-nav-container button.nav-btn svg {
		width: 2.4rem;
	}
	.bottom-nav-container .nav-item {
		font-size: 1.2rem;
		padding: 0;
		text-align:left;
	}
	.blog-info2 h2,
	.blog-info3 h2,
	.blog-info4 h2,
	.blog-info5 h2,
	.blog-info6 h2 {
		font-size: 2.4rem !important;
	}
	.blog-info7 h3 {
		font-size: 2rem;
	}
	.left-group .sk-flex-row {
		margin-bottom: 2rem;
	}
	.footer-section.demo-footer-bgs {
		margin-top: 0rem;
	}
}

/* Blog Section CSS :: END */