@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;500;600;700;800;900&display=swap');

:root {
	--green: #7FD333;
	--black: #000;
	--blue: #171F6D;
	--purple: #4A53F2;
	--light-blue: #EFF7FF;
	--light-dark: #484747;
	--grey: #7B7B7B;
	--white: #fff;
	--poppins: 'Poppins', sans-serif;
}

html {
	scroll-behavior: smooth;
}

body {
	background-color: var(--white);
	color: var(--black);
	font-size: 16px;
	font-family: var(--poppins);
}

h1,
h2,
h3,
h4,
h5 {
	font-family: var(--poppins);
	font-weight: 600;
	color: var(--blue);
}

p {
	font-size: 16px;
	font-family: var(--poppins);
}

b {
	font-weight: 600;
}

h1 {
	color: var(--blue);
	font-size: 62px;
	font-weight: 700;
}

h2 {
	font-size: 42px;
	font-weight: 600;
	margin-bottom: 1rem;
	color: var(--blue);
}

h3 {
	font-size: 36px;
}

h4 {
	font-size: 20px;
	font-weight: 500;
}




a {
	color: var(--black)
}

a:hover {
	color: var(--purple);
}

a {
	text-decoration: none;
}

.navbar-light .navbar-nav .nav-link {
	color: rgb(0 0 0);
}

.navbar-light .navbar-nav .nav-link:hover {
	color: var(--blue);
}


/* About */
.vc-main-abt-bg {
    padding-top: 5rem;
    padding-bottom: 0rem;
}
.vc-main-bgc-abt {
	background-color: #101331;
}

.vc-main-bg-abt {
	background-position: right bottom;
	background-repeat: no-repeat;
	background-size: contain;
	padding: 0;
	height: calc(100vh - 120px);
}

.secbg-new-access {
	background-position: left center;
	background-repeat: no-repeat;
	background-size: contain;
}

.secbg-new-access-hpt {
	padding-top: 5rem;
}

.secbg-new-access-hpt p {
	padding-top: 1rem;
}

.sec-abt-ictxt {
	text-align: center;
}

.sec-abt-ictxt {
	padding-top: 2rem;
}

.sec-abt-ictxt img {
	padding-bottom: 1rem;
}

.sec-abt-pbased {
	padding-top: 1rem;
}

.sec-abt-pbased p {
	padding-bottom: 5rem;
}

.nav-link {
	color: var(--blue);
}

.nav-item>a:hover {
	color: var(--blue);
}

/*code to change background color*/
.navbar-nav>.active>a {
	color: var(--blue) !important;
	font-weight: 600 !important;
	border-bottom: 4px solid var(--purple);
}

.navbar-nav li a {
	padding-top: 1.5rem;
	padding-bottom: 1.5rem;
}


.navbar-brand {
	padding-top: 0rem;
	padding-bottom: 0rem;
	margin-right: 1rem;
}




/* Banner New */
.vc-main-bgc {
	background-color: #101331;
}

.vc-main-bgc-sectw {
	background-color: #101331;
	position: relative;
	height: calc(100vh - 120px);
}

.vc-main-bg {
	position: absolute;
	right: 0;
	bottom: 0;
	width: 38%;
}

.vc-main-second-bg {
	padding-top: 1.4rem;
	padding-bottom: 0rem;
}

.vc-main-second-bg h1 {
	color: var(--white);
}

.vc-main-second-bg p {
	padding-top: 0rem;
	padding-bottom: .6rem;
	padding-right: 0rem;
	color: var(--white);
	font-size: 20px;
}

.vc-explore-btn {
	background: radial-gradient(92.09% 85.42% at 86.3% 87.5%, rgba(0, 0, 0, 0.23) 0%, rgba(0, 0, 0, 0) 86.18%)
		/* warning: gradient uses a rotation that is not supported by CSS and may not behave as expected */
		, radial-gradient(65.28% 65.28% at 26.39% 20.83%, rgba(255, 255, 255, 0.413) 0%, rgba(255, 255, 255, 0) 69.79%, rgba(255, 255, 255, 0) 100%)
		/* warning: gradient uses a rotation that is not supported by CSS and may not behave as expected */
		, #7FD333;
	box-shadow: 4px 20px 40px rgba(0, 0, 0, 0.33);
	border-radius: 109px;
	padding: 12px 24px;
	color: var(--white);

}

.vc-main-nav-bg {
	background-color: var(--white);
	padding: 0rem 2rem;
	border-radius: 15px;
	margin-top: 2rem;
}

.vc-main-nav-bg a {
	color: var(--black);
	font-weight: 400;
	font-size: 20px;
}

.vc-main-cnt-btn {
	background-color: var(--green);
	color: var(--white) !important;
	border-radius: 30px;
}
.vc-main-cnt-btn-banner {
	background-color: var(--green);
	color: var(--white) !important;
	border-radius: 0 30px 30px 0;
}
.vc-main-cnt-btn-banner:hover {
	background-color: var(--white);
	color: var(--blue) !important;
	border-radius: 0 30px 30px 0;
}

.banner-main-btn-icon{
    border-radius: 30px 0 0 30px;
    padding: 0.5rem;
    width: 58px;
    background: #fff;
}
.navbar-nav li {
	padding: 0 1rem;
}

/* Connecting Care new*/
.vc-ccn-border {
	border: 1px solid var(--blue);
	padding: 1rem 1.2rem;
	border-radius: 50px;
	margin-top: .2rem;
	text-align: center;
	color: var(--blue);
	display: grid;
	align-items: center;
	height: 100%;
}

.vc-ccn-border p {
	font-size: 18px;
	color: var(--blue);
	margin-bottom: 0rem;
}

.vc-ccn-border a {
	font-size: 18px;
}

.plus-icon {
	margin-top: 2rem;
	margin-bottom: 2rem;
	text-align: center;
}


/* Connecting Care */
.cc-new-access {
	background-image: url(../images/connecting-right-home.png);
	background-position: left center;
	background-repeat: no-repeat;
	background-size: cover;
}

.vc-cc-main {
	padding-top: 5rem;
	padding-bottom: 5rem;
}

.vc-cc-main-hppb {
	font-size: 18px;
	margin-bottom: 0;
}

.vc-cc-box-grey {
	background-color: var(--grey);
	border-radius: 15px;
	text-align: center;
	height: 100%;
	margin-top: 1rem;
	border: 2px solid var(--grey);

}

.vc-cc-box-sec-lbw {
	background-color: var(--white);
	border-radius: 15px;
	padding: 1rem;
}

.vc-cc-box-grey:hover {
	background-color: var(--purple);
	border: 1px solid var(--purple);
	box-shadow: 0px 10px 20px rgba(74, 83, 242, 0.2);
}

.vc-cc-box-purple {
	background-color: var(--purple);
	border-radius: 15px;
	text-align: center;
	height: 100%;
	margin-top: 1rem;
}

.vc-cc-box-green {
	background-color: var(--green);
	border-radius: 15px;
	text-align: center;
	height: 100%;
	margin-top: 1rem;
}

.vc-cc-box-sec-green {
	background-color: var(--light-blue);
	border-radius: 15px;
	border: 2px solid var(--green);
	padding: 1rem;
}

.vc-cc-box-blue {
	background-color: var(--blue);
	border-radius: 15px;
	text-align: center;
	height: 100%;
	margin-top: 1rem;
}

.vc-cc-box-sec-blue {
	background-color: var(--light-blue);
	border-radius: 15px;
	border: 2px solid var(--blue);
	padding: 1rem;
}

.vc-cc-box-sec-lb {
	background-color: var(--light-blue);
	border-radius: 15px;
	border: 2px solid var(--purple);
	padding: 1rem;
}

.vc-cc-txt {
	text-align: center;
	padding: 1rem 2rem 0rem 2rem;
	color: var(--white);
}

.vc-cc-txt p {
	margin-bottom: 0;
	font-size: 18px;
	font-weight: 500;
}

.vc-cc-sec-two-pt {
	padding-top: 4rem;
	padding-bottom: 2rem;
}

/* New Layout */
.cc-itb-ptb {
	padding-top: 6rem;
}

.cc-line-ptb {
	padding-bottom: 2rem;
}

.cc-vcn-btn img{
  animation: dropshadow 2s infinite ease-in-out;
}

.message-orange {
	display: none;
}

.cc-hover:hover .message-orange {
	display: block;
}

.cc-logo-icon {
	/*border-radius: 56%;
	border: 1px solid #4A53F2;
	padding: 0.6rem;
	width: 70px;
  animation: boxshadow 2s infinite ease-in-out; */
      padding: 0.6rem;
    width: 180px;
}

/* Message */
.message-orange {
	position: absolute;
	/*bottom: 32px;
	right: 7.2rem;*/
	bottom: 4.4rem;
    right: 12.2rem;
	padding: 8px;
	background-color: var(--purple);
	width: 100%;
	max-width: 320px;
	height: auto;
	text-align: left;
	border-radius: 14px;
	box-shadow: 0px 10px 15px -3px rgba(0, 0, 0, 0.1);
	float: right;
}

.message-orange p {
	padding: 2% 5%;
	margin-bottom: 0px;
	text-align: right;
}

.message-orange:after {
	content: '';
	position: absolute;
	width: 0;
	height: 0;
	bottom: 0px;
	right: -17px;
	border-color: transparent transparent var(--purple) transparent;
	border-width: 20px;
	border-style: solid;
}

.message-orange:hover {
	box-shadow: 0px 10px 15px rgb(127, 211, 51, 0.3);
	background-color: var(--green);
}

.message-orange:hover .message-content a {
	color: var(--white);
}

.message-orange:hover::after {
	border-bottom: 20px solid var(--green);
}

.message-content a {
	color: var(--white);
	font-size: 18px;
}


/* Message right*/
.msg-right {
	display: none;
}

.cc-hover:hover .msg-right {
	display: block;
}

.msg-right {
	position: absolute;
	right: -3rem;
  bottom: 70px;
	padding: 8px;
	background-color: var(--purple);
	width: 100%;
	max-width: 320px;
	height: auto;
	text-align: left;
	border-radius: 14px;
	box-shadow: 0px 10px 15px -3px rgba(0, 0, 0, 0.1);
	float: right;
}

.msg-right p {
	padding: 2% 5%;
	margin-bottom: 0px;
	text-align: right;
}
.msg-right:after {
	content: '';
	position: absolute;
	width: 0;
	height: 0;
	bottom: -15px;
	left: 6px;
	border-color: transparent var(--purple) transparent transparent;
	border-width: 20px;
	border-style: solid;
}

.msg-right:hover .message-contents a {
	color: var(--white);
}

.msg-right:hover::after {
	border-right: 20px solid var(--green);
}

.msg-right:hover {
  box-shadow: 0px 10px 15px rgb(127, 211, 51, 0.3);
  background-color: var(--green);
}

.message-contents a {
	color: var(--white);
	font-size: 18px;
}

.vert-move {
	width: 95%;
}

@keyframes boxshadow {
  0%   {box-shadow: 0px 0px 30px -3px rgb(74 83 242 / 0)}
  50%  {box-shadow: 0px 0px 30px -3px rgb(74 83 242 / 75%)}
  100% {box-shadow: 0px 0px 30px -3px rgb(74 83 242 / 0)}
}
@keyframes dropshadow {
  0%   {filter: drop-shadow(0px 0px 10px rgb(74 83 242 / 0))}
  50%  {filter: drop-shadow(0px 0px 10px rgb(74 83 242 / 75%))}
  100% {filter: drop-shadow(0px 0px 10px rgb(74 83 242 / 0))}
}

/* Eliminating Fragmentation */
.vc-ef-main-bg {
	background-image: linear-gradient(to bottom, #fff 5%, #EFF7FF 54%, #EFF7FF 100%);
	padding-bottom: 5rem;
}

.vc-ef-main-bg p {
	padding-bottom: 2rem;
	margin-bottom: 0;
	font-size: 18px;
}

/* Major Capabilities */
.vc-mc-main-bg {
	background-image: linear-gradient(to bottom, #EFF7FF 50%, #EFF7FF 40%, #fff 100%);
	padding-bottom: 5rem;
}

.vc-mc-main-bg-hpb {
	padding-bottom: 2rem;
	font-size: 18px;
	margin-bottom: 0;
}


.vc_mc_ptb {
	padding: 0% 1%;
}

.vc_majorc_card {
	background-color: var(--white);
	box-shadow: 0px 10px 20px rgba(74, 83, 242, 0.15);
	border-radius: 15px;
	display: flex;
	align-items: flex-start;
	padding: 4%;
	margin: 2% 2% 4% 2%;
	transition: all 0.2s;
}

.vc_majorc_card:hover {
	box-shadow: 0px 10px 30px rgba(74, 83, 242, 0.5);
	transform: scale(1.05);
}

.vc_major_bg {
	border-radius: 15px;
	padding: 2%;
}


/* Moves on Top Bottom */
img.vert-move {
	-webkit-animation: mover 1s infinite alternate;
	animation: mover 1s infinite alternate;
}

img.vert-move {
	-webkit-animation: mover 1s infinite alternate;
	animation: mover 1s infinite alternate;
}

@-webkit-keyframes mover {
	0% {
		transform: translateY(0);
	}

	100% {
		transform: translateY(10px);
	}
}

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

	100% {
		transform: translateY(10px);
	}
}


.rotate {
	animation: rotation infinite 3s linear;
}

@keyframes rotation {
	from {
		transform: rotate(0deg);
	}

	to {
		transform: rotate(360deg);
	}
}

.vc_majorc_txt {
	padding: 0% 5%;
}

.vc_majorc_txt h4 {
	color: var(--blue);
	font-weight: 600;
	font-size: 24px;
}

.vc_majorc_txt ul {
	padding-left: 1.2rem;
}

.vc_btn {
	background-color: var(--green);
	padding: 8% 14%;
	color: var(--white);
	border-radius: 15px;
	font-weight: bold;
	box-shadow: inset 0 0 6px #1c1c1c4d;
}

.vc_btn a:hover {
	color: var(--white);
	background-color: var(--blue);
}

.vc-rce-second img {
	max-width: 54px;
}

/* Redefining Care Experience */
.vc-rce-main-bg {
	background-color: var(--white);
	padding-top: 5rem;
	padding-bottom: 5rem;
}

.vc-rce-main-bg-hppb {
	padding-bottom: 2rem;
	margin-bottom: 0;
	font-size: 18px;
}

.vc-rce-second p {
	margin-bottom: 0rem;
}

.vc-rce-second h4 {
	color: var(--purple);
	font-weight: 600;
	font-size: 22px;
}

.vc-screens p {
	margin-top: 1rem;
	margin-bottom: 0rem;
}

.vc-screens h4 {
	color: var(--purple);
	font-weight: 600;
}



/* our smart Solutions*/
.vc-oss-main-bg {
	padding-top: 5rem;
	background-image: linear-gradient(to bottom, #fff 5%, #EFF7FF 54%, #EFF7FF 100%);
}

.vc-oss-main-bg h2 {
	padding-bottom: 0;
	margin-bottom: 1.2rem;
}

.nav-pills .nav-link {
	background-color: var(--white);
	margin-top: 2rem;
	color: var(--black);
	box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
	border-radius: 40px;
	padding: 1.2rem 2rem;
}

.nav-pills .nav-link:hover {
	background-color: var(--green);
}

.nav-pills .nav-link.active,
.nav-pills .show>.nav-link {
	color: #fff;
	background-color: var(--green);
	box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25), inset 0px 4px 4px rgba(0, 0, 0, 0.25);
	border-radius: 36px;
	border: none;
}

.nav-pills .nav-link.active h4 {
	color: var(---white);
}

.tab-pane p {
	padding-left: 2%;
}

.tab-pane h3 {
	padding-left: 2%;
}

.vc_tab_bx p {
	padding-left: 0;
	padding-top: 1rem;
}

.vc_tab_bx {
	background-color: var(--light-blue);
	padding: 10%;
	border-radius: 6px;
	height: 100%;
}

.vc_tab_bx img {
	margin-bottom: 10%;
}

.vc_tab_bx h5 {
	margin-bottom: 10%;
}

.vc_left_tab-height {
	height: 100%;
}

.vc_left_tab {
	background-position: top left;
	background-image: url('../images/oss/left-bg.jpg');
	padding: 0px 2rem 2rem 2rem;
	height: 100%;
	border-radius: 10px 0 0 10px;
	background-repeat: no-repeat;
	background-size: cover;
}

.nav-link {
	padding: 0.5rem 2rem;
}

.vc_right_tab {
	background: var(--white);
	padding: 2%;
	height: 100%;
	border-radius: 0 10px 10px 0;
}

.nav-link h4 {
	font-weight: 500;
	font-size: 22px;
	margin-bottom: 0rem;
}

.tab-pane p {
	color: var(--light-dark);
}


.d-flex_smart {
	display: flex
}

.back-to-top {
	padding: 2px 5px;
	cursor: pointer;
	border-radius: 8px;
	position: fixed;
	right: 20px;
	bottom: 12px;
	display: none;
	width: 60px;
}


/* benefits */
.vc-benefits {
	padding-top: 5rem;
	background-image: linear-gradient(to bottom, #EFF7FF 50%, #EFF7FF 40%, #fff 100%);
	padding-bottom: 5rem;
}

.vc-benefits h2 {
	padding-bottom: 2rem;
	margin-bottom: 0;
}

.vc_benefits {
	box-shadow: 0px 10px 20px rgba(74, 83, 242, 0.15);
	border-radius: 15px;
	height: 100%;
	padding: 2rem;
	background-color: var(--white);
}

/* Benefits */
.vc_benefits-mt {
	margin-top: 4%;
}

.vc_benefits img {
	padding-bottom: 5%;
}

.vc_benefits h4 {
	font-weight: 600;
	font-size: 24px;
	color: var(--blue);
}

.vc_benefits ul {
	padding-left: 20px;
}

.vc_benefits li {
	padding: 1% 0;
	font-weight: 400;
	font-size: 16px;
}


.vc_benft_cards {
	height: 100%;
	background-color: var(--white);
	padding: 5% 8%;
	border-top: 8px solid var(--green) !important;
	box-shadow: 0px 10px 20px rgba(74, 83, 242, 0.15);
	border-radius: 15px;
	transition: all 0.2s;
}

.vc_benft_cards:hover {
	box-shadow: 0px 10px 30px rgba(74, 83, 242, 0.30);
	transform: scale(1.05);
}

.vc_benft_cards h4 {
	font-size: 24px;
	font-weight: 600;
	color: var(--blue);
}

.vc_benft_cards ul {
	padding-left: 1.2rem;
}

.vc_benft_cards li {
	font-weight: 400;
	font-size: 16px;
	line-height: 173.9%;
}


/* Connect with us! */
.vc-connect-with-main {
	padding-top: 4rem;
}

.vc-connect-with-main p {
	padding-bottom: 2rem;
	margin-bottom: 0;
	font-size: 18px;
}

.vc_c_withus {
	position: relative;
	background: radial-gradient(96.33% 144.31% at 96.33% 100%, rgba(0, 0, 0, 0.23) 0%, rgba(0, 0, 0, 0) 86.18%)
		/* warning: gradient uses a rotation that is not supported by CSS and may not behave as expected */
		, radial-gradient(56.23% 56.23% at 28.83% 29.88%, rgba(255, 255, 255, 0.413) 0%, rgba(255, 255, 255, 0) 69.79%, rgba(255, 255, 255, 0) 100%)
		/* warning: gradient uses a rotation that is not supported by CSS and may not behave as expected */
		, #4A53F2;
	border-radius: 20px;
}

.vc_c_withus img {
	position: relative;
	top: 40%;
}

.vc_c_withus_para {
	background-color: var(--light-blue);
	padding: 2.6rem
}

.vc_c_withus_para p {
	font-weight: normal;
	font-size: 20px;
	color: #242331;
}

.vc_c_withus_para b {
	font-weight: 600;
	font-size: 20px;
}

.vc_c_withus_para-bg {
	color: var(--black);
	font-weight: 500 !important;
	font-size: 30px;
}

.vc_c_withus_para-black {
	color: #242331;
	font-weight: 700 !important;
	font-size: 22px;
}

.vc_c_withus_form {
	padding: 8% 4%;
}

label {
	color: var(--white);
}

.form-control {
	box-shadow: 0px 5px 10px -3px rgb(0 0 0 / 5%);
}

.vc_btn_sub {
	color: #fff;
	background-color: var(--green);
	box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.25), inset 0px 4px 4px rgba(0, 0, 0, 0.25);
	border-radius: 36px;
	padding: 0.625rem 2rem;
	font-weight: 500;
	font-size: 20px;
	border: none;
}

.vc_btn_sub:hover {
	color: var(--blue);
	background-color: #fff;
}


/*Versa - Care*/
.versa-care-main-bg{
    background-image: url(../images/connecting-right-home.png);
    background-position: left center;
    background-repeat: no-repeat;
    background-size: cover;
    padding-top: 5rem;
    padding-bottom: 5rem;
}


/* footer */
.vc-footer-main {
	padding-top: 3rem;
	padding-bottom: 2rem;
	margin-top: 5rem;
	background-color: #101331;
}

.vc_footer_menu b {
	margin-left: .5rem;
}

.vc_footer_menu a {
	margin-right: .5rem;
}

.vc_footer_menu p {
	color: var(--white);
	margin-bottom: 0;
}

.vc_footer_menu a {
	color: var(--white);
}

.vc-ft-bt-color {
	color: #8896AB;
}


@media (max-width: 820px) {
	.vc-main-second-bg {
		padding-top: 4rem;
	}

	.vc_majorc_card {
		height: 90%;
	}

	.vc-ccn-border {
		padding: 1rem 0.6rem;
	}

	.vc_c_withus_para {
		background-color: var(--light-blue);
		padding: 1.6rem;
	}

	.vc-connect-with-main p {
		padding-bottom: 0rem;
		word-wrap: break-word;
	}

	/* About */
	.vc-main-bg-abt {
		height: 74vh;
	}

	.vc-main-bg {
		height: 74vh;
	}

	.vc-ccn-border-teleh {
		padding: 1rem 1.2rem;
	}
}

@media (max-width: 480px) {
	.vc-main-nav-bg {
		padding: 1rem 1.5rem;
		margin-top: 1rem;
	}

	.d-flex_smart {
		display: grid;
	}

	h1 {
		font-size: 38px;
	}

	h2 {
		font-size: 32px;
	}

	.cc-new-access {
		background-position: center center;
		background-size: cover;
	}

	.vc-cc-main-hppb {
		font-size: 16px;
	}

	.vc-ccn-border {
		padding: 0.625rem;
		margin: 0;
	}

	.vc-cc-main-hppb br {
		display: none;
	}

	.vc-ccn-border p {
		font-size: 16px;
	}

	.vc-main-second-bg p {
		font-size: 18px;
	}

	.vc-ef-main-bg p {
		font-size: 16px;
	}

	.vc-cc-txt {
		text-align: center;
		padding: 1rem 1rem 0rem 1rem;
		color: var(--white);
	}

	.vc_left_tab {
		border-radius: 10px 10px 0 0;
	}

	.vc_right_tab {
		border-radius: 0 0 10px 10px;
	}

	.message-content a {
		font-size: 16px;
	}
  .message-orange, .msg-right{
    bottom: auto;
  }

	.message-orange p {
		padding: 0;
		text-align: center;
	}
  .message-orange:hover::after{
    border-color: var(--green) transparent transparent transparent;
    bottom: -33px;
  }
	.message-contents a {
		font-size: 16px;
	}
  .vc-cc-main-hppb{
    padding-bottom: 6rem;
  }
  .cc-itb-ptb{
    padding-top: .5rem;
  }

	.plus-icon {
		margin: 1rem 0;
	}

	.vc-mc-main-bg-hpb {
		font-size: 16px;
	}

	.vc_major_bg img {
		width: 60px;
	}

	.vc_majorc_txt h4 {
		font-size: 20px;
	}

	.vc_majorc_card {
		flex-direction: column;
	}

	.vc-mc-main-bg {
		padding-bottom: 0;
	}

	.vc-rce-main-bg-hppb {
		font-size: 16px;
	}

	.vc-screens .col-md-3 {
		width: 50%;
	}

	.vc-screens h4 {
		font-size: 16px;
	}

	.vc-rce-main-bg {
		padding-bottom: 0;
	}

	.vc_benefits h4 {
		font-size: 20px;
	}

	.vc-benefits .mt-4 {
		margin-top: 0 !important;
		padding: 0.75rem !important;
	}

	.vc-benefits {
		padding-bottom: 0;
	}

	.vc-connect-with-main p {
		font-size: 1rem;
	}

	.vc_c_withus_para b {
		font-size: 18px;
	}

	.vc_benft_cards h4 {
		font-size: 20px;
	}

	.vc_c_withus {
		margin: 1rem 0;
	}

	/* About */
	.vc-main-bg-abt {
		height: 75vh;
	}

	.vc-main-bg {
		height: 75vh;
	}

	.vc-main-second-bg {
		padding-top: 2rem;
		text-align: center;
	}

	.workflo_padno {
		padding: 0px;
	}

	.vc_c_withus img {
		padding-top: 1rem;
		padding-bottom: 1rem;
	}

	.vc-main-second-bg p {
		font-size: 18px;
	}

	.ps-timeline-sec h2 {
		padding-bottom: 0;
	}

	.sec-abt-ictxt {
		padding-top: 1rem;
	}

	.sec-abt-pbased p {
		padding-bottom: 2.5rem;
	}

	.vc_vtbg {
		padding-top: 1rem;
	}
}

/* ABOUT US */
.vc_banner_bg_abt {
	background-image: url('../images/about/inside-banner.png');
	background-repeat: no-repeat;
	background-size: cover;
	background-position: top right;
	padding: 15px 0;
}

.vc_pt_h1 {
	color: var(--white);
}

.sec_bg_access {
	padding-top: 5%;
}

/* vision */
.vm_pt {
	padding-top: 5%;
	position: relative;
	padding-bottom: 5%;
}

.vc_abt_vision {
	padding: 2% 4%;
	text-align: center;
	border-radius: 8px;
}

.vc_abt_vision img {
	border-radius: 4px 20px;
}

.vc_abt_vision h3 {
	padding-top: 5%;
}

.vc_abt_vision h3 {
	color: var(--blue);
}

/* TIMELINE */
.ps-timeline-sec {
	padding-bottom: 5%;
	padding-top: 5%;
	position: relative;
	background-image: linear-gradient(to bottom, #fff 5%, #EFF7FF 54%, #EFF7FF 100%);
}

.ps-timeline-sec .container {
	position: relative;
}

@media screen and (max-width: 767px) {
	.ps-timeline-sec .container ol:before {
		background: #ffffff;
		content: "";
		width: 10px;
		height: 10px;
		border-radius: 100%;
		position: absolute;
		top: 130px !important;
		left: 36px !important;
	}

	.ps-timeline-sec .container ol:after {
		background: #ffffff;
		content: "";
		width: 10px;
		height: 10px;
		border-radius: 100%;
		position: absolute;
		top: inherit !important;
		left: 36px;
	}

	.ps-timeline-sec .container ol.ps-timeline {
		margin: 130px 0 !important;
		border-left: 2px solid #ffffff;
		padding-left: 0 !important;
		padding-top: 120px !important;
		border-top: 0 !important;
		margin-left: 25px !important;
	}

	.ps-timeline-sec .container ol.ps-timeline li {
		height: 220px;
		float: none !important;
		width: inherit !important;
	}

	.ps-timeline-sec .container ol.ps-timeline li:nth-child(2) .img-handler-bot img {
		width: 70px;
	}

	.ps-timeline-sec .container ol.ps-timeline li:last-child {
		margin: 0;
		bottom: 0 !important;
		height: 120px;
	}

	.ps-timeline-sec .container ol.ps-timeline li:last-child .img-handler-bot {
		bottom: 40px !important;
		width: 40% !important;
		margin-left: 25px !important;
		margin-top: 0 !important;
	}

	.ps-timeline-sec .container ol.ps-timeline li:last-child .img-handler-bot img {
		width: 100%;
	}

	.ps-timeline-sec .container ol.ps-timeline li:last-child .ps-top {
		margin-bottom: 0 !important;
		top: -20px;
		width: 50% !important;
	}

	.ps-timeline-sec .container ol.ps-timeline li span {
		left: 0 !important;
	}

	.ps-timeline-sec .container ol.ps-timeline li span.ps-sp-top:before {
		content: none !important;
	}

	.ps-timeline-sec .container ol.ps-timeline li span.ps-sp-top:after {
		content: none !important;
	}

	.ps-timeline-sec .container ol.ps-timeline li span.ps-sp-bot:before {
		content: none !important;
	}

	.ps-timeline-sec .container ol.ps-timeline li span.ps-sp-bot:after {
		content: none !important;
	}

	.ps-timeline-sec .container ol.ps-timeline li .img-handler-top {
		position: absolute !important;
		bottom: 150px !important;
		width: 30% !important;
		float: left !important;
		margin-left: 35px !important;
		margin-bottom: 0 !important;
	}

	.ps-timeline-sec .container ol.ps-timeline li .img-handler-top img {
		margin: 0 auto !important;
		width: 80% !important;
	}

	.ps-timeline-sec .container ol.ps-timeline li .img-handler-bot {
		position: absolute !important;
		bottom: 115px !important;
		width: 30% !important;
		float: left !important;
		margin-left: 35px !important;
		margin-bottom: 0 !important;
	}

	.ps-timeline-sec .container ol.ps-timeline li p {
		text-align: left !important;
		width: 100% !important;
		margin: 0 auto !important;
		margin-top: 0px !important;
	}

	.ps-timeline-sec .container ol.ps-timeline li .ps-top {
		width: 75% !important;
		float: right !important;
		left: 60px;
		top: -41px;
	}

	.ps-timeline-sec .container ol.ps-timeline li .ps-bot {
		width: 75% !important;
		float: left !important;
		left: 60px;
		top: -90px;
	}
}




.ps-timeline-sec .container ol:before {
	background: var(--purple);
	content: "";
	width: 10px;
	height: 10px;
	border-radius: 100%;
	position: absolute;
	left: 8px;
	top: -4px;
}

.ps-timeline-sec .container ol:after {
	background: var(--purple);
	content: "";
	width: 10px;
	height: 10px;
	border-radius: 100%;
	position: absolute;
	right: 8px;
	top: -4px;
}

.ps-timeline-sec .container ol.ps-timeline {
	margin: 200px 0;
	padding: 0;
	border-top: 2px solid var(--purple);
	list-style: none;
}

.ps-timeline-sec .container ol.ps-timeline li {
	float: left;
	width: 20%;
	padding-top: 30px;
	position: relative;
}

.ps_green_bg {
	background-color: var(--green) !important;
}

.ps-timeline-sec .container ol.ps-timeline li span {
	width: 72px;
	height: 72px;
	background: #7379f3;
	border: 3px solid #ffffff;
	border-radius: 50%;
	box-shadow: 0 0 0 0px #fff;
	text-align: center;
	line-height: 68px;
	color: #fff;
	font-size: 1rem;
	font-style: normal;
	position: absolute;
	top: -36px;
	left: 50%;
	transform: translateX(-50%);
	font-weight: bold;
}

.ps-timeline-sec .container ol.ps-timeline li span.ps-sp-top:before {
	content: "";
	color: #ffffff;
	width: 2px;
	height: 30px;
	background: var(--purple);
	position: absolute;
	top: -30px;
	left: 50%;
}

.ps-timeline-sec .container ol.ps-timeline li span.ps-sp-top:after {
	content: "";
	color: #ffffff;
	width: 8px;
	height: 8px;
	background: var(--purple);
	position: absolute;
	bottom: 90px;
	left: 45%;
	border-radius: 100%;
}

.ps-timeline-sec .container ol.ps-timeline li span.ps-sp-bot:before {
	content: "";
	color: #ffffff;
	width: 2px;
	height: 30px;
	background: var(--green);
	position: absolute;
	bottom: -30px;
	left: 50%;
}

.ps-timeline-sec .container ol.ps-timeline li span.ps-sp-bot:after {
	content: "";
	color: #ffffff;
	width: 8px;
	height: 8px;
	background: var(--green);
	position: absolute;
	top: 90px;
	left: 45%;
	border-radius: 100%;
}

.ps-timeline-sec .container ol.ps-timeline li .img-handler-top {
	position: absolute;
	bottom: 0;
	margin-bottom: 130px;
	width: 100%;
}

.ps-timeline-sec .container ol.ps-timeline li .img-handler-top img {
	display: table;
	margin: 0 auto;
}

.ps-timeline-sec .container ol.ps-timeline li .img-handler-bot {
	position: absolute;
	margin-top: 60px;
	width: 100%;
}

.ps-timeline-sec .container ol.ps-timeline li .img-handler-bot img {
	display: table;
	margin: 0 auto;
}

.ps-timeline-sec .container ol.ps-timeline li p {
	text-align: center;
	width: 100%;
	margin: 0 auto;
}

.ps-timeline-sec .container ol.ps-timeline li .ps-top {
	position: absolute;
	bottom: 0;
	margin-bottom: 100px;
}

.ps-timeline-sec .container ol.ps-timeline li .ps-bot {
	position: absolute;
	margin-top: 35px;
}

/* Team */

.versante_border_abt {
	border-radius: 18px;
	background-color: var(--white);
	color: var(--white);
	margin: 2%;
	height: 100%;
	padding: 20px 20px 0px;
}

.versante_border_abt img {
	border-radius: 18px;
	border-radius: inherit;
}

.versante_border_abt .lead-content {
	display: flex;
	justify-content: space-between;
	align-items: center;
	margin: 1rem 0;

}

.versante_border_abt .linkedin {
	width: 24px;
	border-radius: 2px;
}

.versante_border_abt h4 {
	color: var(--blue);
	padding-top: 10px;
	padding-bottom: 0;
}

.versante_border_abt li {
	margin-bottom: 6px;
}

.sec_bg_access {
	padding-top: 5%;
}

.vc_vtbg {
	padding-top: 0px;
	background-image: linear-gradient(to bottom, #EFF7FF 50%, #EFF7FF 40%, #fff 100%);
	padding-bottom: 5%;
}

/* Media Query for Mobile Devices */
@media (max-width: 820px) {
	.message-orange {
		position: absolute;
		top: -6.8rem;
		right: 2.2rem;
	}

	.msg-right {
		position: absolute;
		right: -2rem;
		top: -7.6rem;
	}

	.message-orange:after {
		content: '';
		position: absolute;
		width: 0;
		height: 0;
		right: 0px;
		border-left: 15px solid transparent;
		border-top: 20px solid var(--purple);
		border-right: 2px solid transparent;
		bottom: -15px;
		left: 100px;
		border-bottom: 0;
	}

	.cc-logo-icon {
		width: 60px;
	}

	.vc-main-nav-bg {
		padding: 1rem 2rem;
	}

	.navbar-nav>.active>a {
		color: var(--blue) !important;
		font-weight: 600 !important;
		border-bottom: none;
	}

	.ps-timeline-sec h2 {
		padding-bottom: 4rem;
	}

	.vc_vtbg {
		padding-top: 11rem;
	}

	.vc-main-bg {
		height: auto;
	}

	.vc-main-bg {
		position: absolute;
		right: 0;
		bottom: 0;
		width: 36%;
	}

	.vc-main-bgc-sectw {
		background-color: #101331;
		position: relative;
		height: auto;
	}
}

@media (max-width: 480px) {
	.ps-timeline-sec .container ol.ps-timeline {
		border-left: 2px solid var(--purple);
		margin: 15px 0 !important;
		margin-left: 25px !important;
	}

	.ps-timeline-sec .container ol:before {
		position: absolute;
		top: 0px !important;
		left: 33px !important;
	}

	.ps-timeline-sec .container ol:after {
		left: 33px !important;
	}

	.ps-timeline-sec .container ol.ps-timeline li {
		height: 140px;
	}

	.ps-timeline-sec .container ol.ps-timeline li .ps-bot {
		width: 85% !important;
		left: 45px;
		top: -30px;
		margin-top: 0px;
	}

	.ps-timeline-sec .container ol.ps-timeline li:last-child .ps-top {
		top: -30px;
		width: 80% !important;
	}

	.ps-timeline-sec .container ol.ps-timeline li .ps-top {
		left: 45px;
		top: -25px;
	}

	.vc-main-bg {
		position: relative;
		right: -11px;
		bottom: 0;
		width: 100%;
	}

	.message-orange {
		display: block;
		position: absolute;
		top: -5rem;
		left: 50%;
		transform: translateX(-50%);
	}

	.cc-circle-hov:hover+.message-orange {
		display: block;
	}

	.cc-plus-mbl-ptb {
		padding-top: 2rem;
		padding-bottom: 1rem;
	}

	.msg-right {
		display: block;
	}

	.cc-vcn-btn:hover+.msg-right {
		display: block;
	}

	.msg-right {
		left: 50%;
    transform: translateX(-50%);
    top: -10px;
	}

	.cc-mbl-pt {
		padding-top: 5rem;
	}

	.message-orange:after {
		content: '';
		position: absolute;
		width: 0;
		height: 0;
		bottom: -27px;
		left: 50%;
		transform: translateX(-50%);
		border-color: var(--purple) transparent transparent transparent;
		border-width: 15px;
		border-style: solid;
	}

	.msg-right p {
		text-align: center;
		padding: 0 10px;
	}
  .cc-vcn-btn img{
    max-width: 350px;
    margin: auto;
    display: block;
  }
	.msg-right::after {
		border-color: transparent var(--purple) var(--purple) transparent;
		left: 50%;
		transform: translateX(-50%) rotate(45deg);
		border-width: 10px;
		bottom: -8px;
	}
  .msg-right:hover::after{
    border-color: transparent var(--green) var(--green) transparent;
    border-width: 15px;
  }

}

.form-success-btn {
	padding: 1rem 0.625rem;
	font-weight: bold;
	color: var(--white);
	margin-left: 2%;
	font-size: 16px;
	display: inline-block;
}