/* About Banner S */
	.about-banner-section {
	    background-image: url("../images/about-abstract.svg");
	    background-position: 50% 0vh;
	    background-repeat: no-repeat;
	    background-size: contain;
	}
	.about-grid-main {
		display: flex;
		flex-wrap: wrap;
		align-items: center;
		gap: 50px;
	}
	.about-grid-main > * {
		width: calc(50% - 25px);
	}
	.about-grid-main .title-main {
		row-gap: 15px;
		margin-bottom: 40px;
	}
	.about-grid-main .title-main .heading-box {
		gap: 15px;
	}
	.about-grid-main p {
	    font-size: 18px;
	    margin: 0px 0 0px;
	    line-height: 1.6;
	}
	.about-grid-main p.small {
	    font-size: 14px;
	    opacity: 0.6;
	}

	.about-grid-main .tab-link-grid {
		display: inline-flex;
	    grid-gap: 10px;
	    justify-content: left;
	    margin-top: 10px;
	    background: var(--dark-light-card-gradient-bg);
	    border-radius: 50px;
	    padding: 5px;
	    border: 1px solid #ffffff1a;
	    width: auto;
	}
	.about-grid-main .tab-link-grid .tablinks {
	    display: inline-block;
	    border-radius: 50px;
	    padding: 5px 25px;
	    font-size: 14px;
	    font-weight: 600;
	    line-height: normal;
	    color: var(--text-solid--light-blue);
	}
	.about-grid-main .tab-link-grid :is(.tablinks:hover, .tablinks.active) {
		background: var(--primary--white);
		color: var(--text-gradient--purple-purple);
	}

	.counter-grid-box {
		display: flex;
		flex-wrap: wrap;
		gap: 20px;
	}
	.counter-grid-box .grid-item {
		width: calc(33.33% - 13.33px);
	}
	.counter-grid-box .grid-item .grid-item-inner {
	    border-radius: 10px;
	    border: 1px solid #ffffff1a;
	    flex-direction: column;
	    align-items: flex-start;
	    height: 100%;
	    padding: 1.5rem;
	    display: flex;
	    gap: 15px;
	    background: var(--dark-light-card-gradient-bg);
	}
	.counter-grid-box .grid-item .grid-item-inner .icon svg {
		width: 45px;
	}
	.counter-grid-box .grid-item .grid-item-inner .number {
	    letter-spacing: -.03em;
    	font-size: 2.5rem;
    	line-height: normal;
    	font-weight: 600;
	}
/* About Banner E */

/* Dark BG CTA Image Grid S */
	.dark-bg-cta-image-grid-inner {
	    flex-direction: row;
	    justify-content: space-between;
	    align-items: center;
	    margin-left: 0;
	    margin-right: 0;
	    display: flex;
	    grid-column-gap: 90px;
	    grid-row-gap: 90px;
	    flex-wrap: wrap;
	}
	.dark-bg-cta-image-grid-inner .left-col {
	    width: calc(50% - 45px);
	}
	.dark-bg-cta-image-grid-inner .right-col {
	    width: calc(50% - 45px);
	}
	.dark-bg-cta-image-grid-inner .title-main .heading-box .main-title {
		font-size: 40px;
	}
/* Dark BG CTA Image Grid E */

/* Solution S */
	.solution-inner {
		z-index: 1;
		border-radius: var(--radius--xl);
		background-color: var(--primary--light-blue);
		padding: 5rem 3.5rem;
		position: relative;
	}

	.solution-wrap {
		display: flex;
	}
	.solution-prog-col {
	    flex: none;
	    justify-content: center;
	    width: 8rem;
	    padding-bottom: 10rem;
	    display: flex;
	    position: relative;
	}
	.solution-content-col {
	    grid-column-gap: 7.5rem;
	    grid-row-gap: 7.5rem;
	    flex-direction: column;
	    flex: 1;
	    display: flex;
	}
	.solution-prog-track {
	    background-image: linear-gradient(to bottom, var(--primary--light-blue), var(--primary--purple-400) 25%, var(--primary--purple-400) 75%, var(--primary--light-blue));
	    opacity: .75;
	    flex: none;
	    width: 4px;
	    height: 100%;
	    position: absolute;
	}
	.solution-prog-item {
	    background-color: var(--primary--light-blue);
	    border-radius: 50%;
	    width: 4rem;
	    height: 4rem;
	    position: sticky;
	    top: 20rem;
	}
	.solution-prog-item-rel {
	    width: 100%;
	    height: 100%;
	    padding: 4px;
	    position: relative;
	}
	.solution-prog-item-img {
	    border-radius: 50%;
	    width: 100%;
	    height: 100%;
	}
	.solution-prog-item-icon-wrap {
	    width: 1.5rem;
	    height: 1.5rem;
	    margin-top: auto;
	    margin-bottom: auto;
	    position: absolute;
	    inset: 0% -.75rem 0% auto;
	    overflow: hidden;
	}
	.solution-prog-item-icon-track {
	    width: 100%;
	    transition: transform .35s cubic-bezier(.075,.82,.165,1);
	    transform: translate(0);
    	transform: translateY(0%);
	}
	.solution-prog-item-icon {
	    object-fit: contain;
	    width: 100%;
	    height: 1.5rem;
	    display: block;
	}
	.solution-grid {
	    grid-column-gap: 1rem;
	    grid-row-gap: 1rem;
	    grid-template-rows: auto;
	    grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
	    grid-auto-columns: 1fr;
	    justify-content: space-between;
	    align-items: flex-start;
	    width: 100%;
	    display: flex;
	    position: relative;
	}
	.solution-col-content {
	    flex-direction: column;
	    justify-content: center;
	    align-items: flex-start;
	    width: 100%;
	    max-width: 44%;
	    display: flex;
	}
	.solution-col-image {
		width: 100%;
    	max-width: 53%;
	}
	.solution-col-content .sol-sub-title {
		letter-spacing: 0;
		font-size: 1.125rem;
		font-weight: 500;
		line-height: 150%;
	}
	.solution-col-content .sol-main-title {
		letter-spacing: -.03em;
	    font-size: 2.5rem;
	    font-weight: 600;
        margin-bottom: 20px;
	}
	.solution-col-content p {
		margin-bottom: 30px;
	}
	.solution-col-content .btn-sc .btn + .btn {
		margin-top: 15px;
	}
/* Solution E */

/* Developer first design S */
	.image-grid-wrap {
		flex-direction: row;
	    justify-content: space-between;
	    align-items: flex-start;
	    margin-left: 0;
	    margin-right: 0;
	    display: flex;
	}
	.image-grid-wrap .grid-content-col {
		flex: none;
		align-self: flex-start;
		width: 100%;
		max-width: 45%;
	}
	/*.image-grid-wrap .grid-content-col p {
		font-size: 1.25rem;
	}*/
	.image-grid-wrap .grid-content-col .btn-sc {
		padding: 30px 0px;
	}
	.icon-grid-wrap {
		display: flex;
		flex-wrap: wrap;
		gap: 30px;
	}
	.icon-grid-wrap .icon-grid-box {
		width: calc(50% - 15px);
	}
	.icon-grid-wrap .icon-grid-box .icon {
		width: 35px;
		margin-bottom: 15px;
		display: inline-block;
	}
	.icon-grid-wrap .icon-grid-box p {
		font-size: 14px;
	}
	.image-grid-wrap .grid-image-col {
	    width: 100%;
    	max-width: 50%;
	}
	.tag-grid-wrapper {
		margin-top: 40px;
	}
	.tag-grid-wrapper .tag-block {
		display: flex;
		flex-wrap: wrap;
		gap: 10px;
		margin-top: 15px;
	}
	.tag-grid-wrapper .tag-block .tag {
	    background: var(--dark-light-card-gradient-bg);
	    border-radius: 30px;
	    padding: 10px 20px;
	    line-height: normal;
	    font-size: 14px;
	    font-weight: 500;
	    border: 1px solid #ffffff1a;
	    width: auto;
	    display: inline-flex;
	    align-items: center;
	    justify-content: center;
	    color: var(--text-solid--light-blue);
	}
/* Developer first design E */

/* Why Prove S */
	.why-prove-section {
		background-color: var(--primary-dark-blue);
    	background-image: radial-gradient(circle closest-corner at 60% 100%, var(--text-solid--dark-purple), #2a206a00);
	}
	.why-prove-inner .title-main {
		max-width: 830px;
	}
	.card-icon-section .card-grid {
		display: flex;
		flex-wrap: wrap;
		gap: 15px;
	}
	.card-icon-section .card-grid .card-col {
		background-color: var(--primary--white);
		border-radius: 10px;
		padding: 25px;
		width: calc(33.33% - 10px);
	}
	.card-icon-section .card-grid .card-col .icon-box {
		width: 60px;
		margin-bottom: 20px;
	}
	.card-icon-section .card-grid .card-col .card-title {
		display: block;
		font-size: 18px;
		font-weight: 600;
		line-height: 28px;
		margin-bottom: 10px;
	}
	.background-logo {
	    width: 22%;
	    position: absolute;
	    inset: -30% 0% auto auto;
	}
/* Why Prove E */

/* Card Image Grid S */
	.card-image-grid {
		display: flex;
		flex-wrap: wrap;
		gap: 30px;
	}
	.card-image-grid .grid-item {
		width: calc(33.33% - 20px);
	}
	.card-image-grid .grid-item .image-block {
	    aspect-ratio: 3 / 2;
	    border-radius: 15px;
	    width: 100%;
	    position: relative;
	    overflow: hidden;
	    margin-bottom: 24px;
	}
	.card-image-grid .grid-item .image-block img {
	    object-fit: cover;
    	width: 100%;
	    height: 100%;
	    display: block;
	    position: absolute;
	    inset: 0%;
	}
	.card-image-grid .grid-item .title {
	    letter-spacing: 0;
	    font-size: 1.125rem;
	    font-weight: 500;
	    line-height: 150%;
	    display: block;
	    margin-bottom: 5px;
	}
	.card-image-grid .grid-item .link {
		display: flex;
		align-items: center;
		grid-column-gap: .5rem;
		grid-row-gap: .5rem;
		justify-content: flex-start;
		font-size: 14px;
	}
/* Card Image Grid E */