/* 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: 3rem;
}
.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 1rem;
}
: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);
}
.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.25);
}
.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;
}


.ai-growth .sticky-top p {
    font-size: 1.4rem;
}
.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%);
}
.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%);
    }
}

/* @media (max-width: 1024px) {
    @keyframes scrolling-left1 {
        0% {
            transform:translateX(5%);
            -webkit-transform: translateX(5%);
        }

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

@media (min-width: 1200px) and (max-width:1366px) {
    .marqueeStyle1 {
        -webkit-animation:scrolling-left1 75s linear 0s infinite normal none running;
        animation: scrolling-left1 75s linear 0s infinite normal none running
    }

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

        to {
            transform: translateX(-850%);
            -webkit-transform: translateX(-850%);
        }
    }
} */


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

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

/* @media (max-width: 1024px) {
    @keyframes scrolling-left2 {
        0% {
            transform: translateX(5%);
            -webkit-transform: translateX(5%);
        }

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

@media (min-width: 1200px) and (max-width:1366px) {
    .marqueeStyle {
        -webkit-animation:scrolling-left2 75s linear 0s infinite normal none running;
        animation: scrolling-left2 75s linear 0s infinite normal none running
    }

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

        to {
            transform: translateX(-750%);
            -webkit-transform: translateX(-750%);
        }
    }
} */


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

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

/* @media (max-width: 1024px) {
    @keyframes scrolling-left3 {
        0% {
            transform: translateX(5%);
            -webkit-transform: translateX(5%);
        }

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

@media (min-width: 1200px) and (max-width:1366px) {
    .marqueeStyle3 {
        -webkit-animation:scrolling-left3 75s linear 0s infinite normal none running;
        animation: scrolling-left3 75s linear 0s infinite normal none running
    }

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

        to {
            transform: translateX(-750%);
            -webkit-transform: translateX(-750%);
        }
    }
} */


.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;
}

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;
    /* padding: 1rem;
    border-radius: 1rem;
    box-shadow: 0 0.4rem 0.8rem rgba(0, 0, 0, 0.2);
    overflow: hidden;
    background: linear-gradient(90deg, #4B0082 0%, #00CED1 25%, #4B0082 50%, #00CED1 75%, #4B0082 100%);
    background-size: 200% 100%;
    background-position: 0% 0%;
    animation: gradientShift 4s linear infinite;
    line-height: 2; */
}
  
@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*/

.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 bottom, black 80%, transparent 100%);
}

.form-client .client-carousel:before {
	bottom: -4.5rem;
	background-position: center;
	mask-image: linear-gradient(to bottom, 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: 50rem;
    margin: 0 auto;
    webkit-transform-style: preserve-3d;
    
}

	.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(-65%, 0, 0);
}
.client-carousel .sk-surface.next-slide {
    transform: scale(.8) translate3d(65%, 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: 50%;
    transform: translateY(-50%);
    height: 25rem;
    overflow: hidden;
}


/* .prev-slide,
.next-slide {
 
    scale: 0.9;
} */


.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;
	}
}


/* case study css:: end*/



.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 var(--color-border);
    width: 60%;
}
.search-bg .search-content {
    width: 50%;
}
.search-bg ul li {
    border-bottom: 0.1rem solid var(--color-border);
    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 {
    flex-basis: 10rem;
}
.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-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);
    }
    .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;
    }
    .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: 3rem;
        margin-bottom: 3rem;
    }
    .content-hero p {
        font-size: 1.6rem;
        margin-bottom: 3rem;
    }
    .cta-animation {
        margin-bottom: 4rem;
    }
    .hero-banner {
        height: auto;
    }
    .hero-banner > .sk-container {
        padding-top: 2rem;
    }
    .content-hero {
        margin: 2rem 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;
    }
    .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;
        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;
    }
    .feature-left > .sk-flex-row {
        flex-direction: column-reverse;
    }
    .feature-right:after {
        background-image: url(../images/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;
    }
    .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 {
    box-shadow: 0px 20px 20px 0px #0000000F;
}
.growth-carousel .categories img {
	width: 10rem;
	object-fit: contain;
}
.growth-carousel .categories a {
    display: inline-flex;
    margin-top: var(--gutter-large);
    transition: transform 0.3s ease-out;
}
.growth-carousel .categories a:hover {
    transform: translateX(5px);
}
.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 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);
}
.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;
}

@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;
    }
    .growth-stories-section .sk-container {
        padding-right: 0;
    }
    
    .ai-business .sk-container {
        padding-right: 0;
    }

}
/* 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;
}
.industry-header .sk-appbar .sk-menu li:hover .sk-overflow-list {
    display: block;
}
.industry-header .sk-appbar .sk-overflow-list {
    left: 0;
    min-width: 22rem;
    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 h2,
.patient-section h2 {
    font-size: 4rem;
}


.industry-hero-images {
	position: relative;
}
.hero-image {
	width: 50rem;
}
.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: 15rem;
	right: -2rem;
	width: 20rem;
}

.mbo-hero {
	width: 52.2rem;
}
/*.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: 5rem;
}
.timeline-images img {
    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 var(--color-border);
}
.stats-container .stat-item:nth-child(1) {
    border-right: 0.1rem solid var(--color-border);
    border-bottom: 0.1rem solid var(--color-border);
}
.stats-container .stat-item:nth-child(3) {
    border-right: 0.1rem solid var(--color-border);
}
.stats-container .stat-item:nth-child(2) {
    border-bottom: 0.1rem solid var(--color-border);
}
.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 h2, 
    .patient-section h2 {
        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: 3rem;
	}
    .powered-bg {
        padding: var(--gutter-base);
    }
    .powered-bg .tab-container .tabs {
        justify-content: space-between;
        margin-bottom: 2rem;
        gap: 2rem;
        flex-wrap: nowrap;
        overflow: auto;
    }
    .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;
	}
    .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: var(--gutter-base);
    }
    .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: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);
    }
    .form-bg .sk-row {
        padding-top: 5rem;
    }
    .social-images li img {
        width: 5rem;
    }
    .form-wrapper .sk-form-group .sk-form-row {
        width: 100%;
    }
    .demo-logo-section .client-logo {
        flex-wrap: wrap;
    }
    .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;
    }
    .demo-list-item p br {
        display: none;
    }
   
}





/* .button-wrapper {
    position: relative;
    display: flex;
    flex-flow: column;
    width: 30rem;
    margin: 0 auto;
  }
  
  
  .button {
    display: block;
    text-transform: capitalize;
    background-color: black;
    color: white;
    border-radius: 50px;
    border: 0px;
    cursor: pointer;
    width: 30rem;
    margin: 0 auto;
  }
  
  .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%}
  } */



.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;
}
.dashboard-section .sk-text-center {
    margin-bottom: 5rem;
}
.expansion-wrapper {
    width: 100%;
    max-width: 90%;
}
.expansion-wrapper .sk-expansion-inner b {
    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 b {
    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;
    }
    .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;
    }
    .expansion-wrapper {
        max-width: 100%;
    }
    .expansion-wrapper .sk-expansion-inner .sk-expansion-content {
        padding: 0;
    }
}


.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: 13rem;
	}

	.case-study-bg .cta-animation {
		padding-top: 2rem;
	}


.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;
}

/* Default: paragraph visible */
/*.sticky-top p {
	display: block;
	transition: opacity 0.3s ease;
}*/

/* When sticky class is added: hide paragraph */
/*.sticky-top.sticky-scroll p {
	display: none;
}*/