.card-tabs {
	text-align: center;
	margin: 10px;

}

.card2 {
	margin: 10px;
	padding: 10px;
}

#text {
	text-align: center;
}


.btn1 {
	background-color: rgb(255, 252, 252);
	border-radius: 20px;
	border-color: white;
	border-style: solid;
	padding: 10px;
	margin: 10px;
	caret-color: blueviolet;
}


.btn1:hover {
	background-color: rgb(22, 137, 252);
	color: white;
	border: 0px solid rgb(22, 137, 252);
}


.donut-chart {
	position: absolute;
	width: 367px;
	height: 367px;
	margin: 0 auto 2rem;
	border-radius: 100%
}

.bold-text-donut {
	font-weight: 800;
}

.donut-chart-popout span.donut-bold-text-black {
	color: var(--black);
	font-weight: 800;
}

.donut-chart-container .col-title-img {
	font-size: 40px;
	color: var(--black);
}

.donut-chart-container .sub-heading {
	color: var(--gray);
}

.donut-chart-block {
	opacity: 0;
}

.donut-chart-block.donutChartTabbing {
	min-height: 415px;
}

.donut-chart.donut-chart-outer {
	width: 414.5px;
	height: 415px;
}

.donut-chart .chart-text {
	background: #fff;
	position: absolute;
	text-align: center;
	font-size: 12px;
	top: 0;
	left: 0;
	bottom: 0;
	right: 0;
	width: 240px;
	height: 240px;
	margin: auto;
	border-radius: 50%;
	line-height: normal;
	padding: 50px 10px;
	z-index: 1;
}

.donut-chart .donut-info {
	width: 200px;
	height: 200px;
	background-color: var(--white);
	position: absolute;
	border-radius: 50%;
	top: 20px;
	left: 20px;
	display: flex;
	align-items: center;
	padding: 10px;
	font-size: 14px;
	color: var(--gray);
	line-height: 20px;
}

.donut-chart p.center span {
	position: absolute;
	top: 35%;
	left: 0;
	padding: 0 15px;
	width: 100%
}

.donut-chart .circle_percent {
	border-radius: 50%;
	clip: rect(0px, 367px, 367px, 0px);
	height: 100%;
	position: absolute;
	width: 100%;
}

.donut-chart.donut-chart-outer>.circle_percent {
	clip: rect(0px, 415px, 415px, 0px);
}

.donut-chart.donut-chart-light>.circle_percent {
	clip: rect(0px, 240px, 240px, 0px);
	left: 0px;
	top: 0px;
}

.donut-chart-block .circle_percent::after {
	content: "";
	clip: rect(0px, 0px, 0px, 0);
}

.donut-chart .round_per {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	clip: rect(0 367px 367px 183.5px);
	/* transform: rotate(
  0deg); */
	transition: 1.05s;
	border-radius: 50%;
}

.donut-chart.donut-chart-outer .round_per {
	clip: rect(0 415px 415px 207.5px);
}

.donut-chart.donut-chart-light .round_per {
	clip: rect(0px, 240px, 240px, 120px);
}

.donut-chart:not(.donut-chart-middle) .circle_percent {
	opacity: 0.2;
}

.donut-chart:not(.donut-chart-light) .circle_percent.active {
	transform: rotate(0deg) scale(1.11);
}

.donut-chart.donut-chart-middle {
	left: 37px;
	top: 23px;
}

.donut-chart .donut-percent-text {
	position: absolute;
	display: block;
	width: 100%;
	height: 100%;
	z-index: 1;
	font-size: 25px;
	color: var(--white);
}

.donut-chart .donut-percent-text span {
	transform: rotate(45deg);
	display: block;
	color: var(--white);
	text-align: right;
	padding-bottom: 185px;
	padding-right: 76px;
	font-size: 25px;
	font-weight: 800;
}
.second-line-leaf-green.erm{
	transform: rotate(190.62deg);
    top: 255px;
    right: 293px;
    width: 41px;
}

.donut-chart #part1 .donut-percent-text span {
	padding-bottom: 196px;
	padding-right: 80px;
}

.donut-chart #part2 .donut-percent-text span {
	transform: rotate(217deg);
	padding: 0;
	text-align: left;
	padding-top: 116px;
	padding-left: 35px;
}

.donut-chart #part3 .donut-percent-text span {
	transform: rotate(225deg);
	padding: 0px;
	text-align: left;
	padding-top: 194px;
	padding-left: 75px
}

.donuts.donut-chart-popout .donut-percent-text span {
	transform: rotate(45deg);
	padding-right: 110px;
	padding-bottom: 185px;
}

.donuts.donut-chart-popout #part1 .donut-percent-text span {
	padding-right: 100px;
}

.donuts.donut-chart-popout #part2 .donut-percent-text span {
	padding-left: 75px;
	padding-top: 150px;
}

.donuts.donut-chart-popout #part3.active .donut-percent-text span {
	padding-left: 70px;
	padding-top: 102px;
}

.donuts.donut-chart-popout #part3 .donut-percent-text span {
	padding-left: 100px;
}

.donuts.donut-chart-popout #part4 .donut-percent-text span {
	padding-top: 10px;
}

.donutsListing {
	height: 100%;
	display: flex;
	flex-wrap: wrap;
	align-content: center;
}

.donuts:not(.donut-chart-popout) .donutsListing {
	justify-content: space-between;
}

.donuts.donut-chart-popout .donutsListing .donut-info {
	padding: 40px;
	border-radius: 4px;
}

.donuts.donut-chart-popout .donut-list-percent {
	font-size: 80px;
	display: block;
}

.donuts.donut-chart-popout .donut-list-text {
	font-size: 16px;
	color: var(--gray);
}

.donutsListing li {
	color: var(--gray);
	flex: 0 0 50%;
}

.donuts:not(.donut-chart-popout) .donutsListing li {
	flex: 0 0 40%;
	font-size: 20px;
	line-height: 26px;
}

.donutsListing__Tabbing li {
	border: none;
	padding: 25px 20px
}

.donutsListing__Tabbing li span {
	font-size: 40px;
	background-color: transparent;
}

.donutsListing__Tabbing li.active,
.donutsListing__Tabbing li.secondactive {
	background-color: #fff;
	border-radius: 5px;
	box-shadow: 0 0 5px 5px #66666629;
}

.cxColor {
	border-top: 2px solid #00A1B3;
	background-color: #00A1B3;
}

.exColor {
	border-top: 2px solid #0091da;
	background-color: #0091da;
}

.opsColor {
	border-top: 2px solid #1d428a;
	background-color: #1d428a;
}

.securityColor {
	border-top: 2px solid #7f35b2;
	background-color: #7f35b2;
}

.donut-info {
	padding-bottom: 50px;
	padding-top: 15px;
}

.donut-info.active {
	box-shadow: 0px 5px 40px 20px rgb(0 0 0 / 5%);
}

.oceanblue-border {
	border-top: 2px solid #00A1B3;
}

.lightblue-border {
	border-top: 2px solid #0091da;
}

.indigoblue-border {
	border-top: 2px solid #1d428a;
}

.plum-border {
	border-top: 2px solid #7f35b2;
}

.donut-info .oceanblue {
	color: #00A1B3;
}

.donut-info .lightblue {
	color: #0091da;
}

.donut-info .indigoblue {
	color: #1d428a;
}

.donut-info .plum {
	color: #7f35b2;
}

.donut-chart .circle_percent {
	font-size: 100px;
	width: 100%;
	height: 100%;
	position: absolute;
	border-radius: 50%;
	overflow: hidden;
	display: inline-block;
	background: transparent;
}

.donut-chart .circle_percent .circle_inner {
	position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    clip: rect(0 367px 367px 181.5px);
}

.donut-chart.donut-chart-outer>.circle_percent .circle_inner {
	clip: rect(0 415px 415px 207.5px);
}

.donut-chart.donut-chart-light>.circle_percent .circle_inner {
	clip: rect(0 240px 240px 120px);
}

.donut-chart.donut-chart-light {
	width: 240px;
	height: 240px;
	position: absolute;
	top: 0px;
	left: 0px;
}
.font-size-32{
	font-size: 32px;
}

@media only screen and (min-width: 1024px) and (max-height: 1366px) and (orientation: portrait) and (-webkit-min-device-pixel-ratio: 1.5) {
	.we-tabs.aem-GridColumn {
		padding-left: 100px;
	}

	.we-tabs .tab>.container {
		padding-left: 0px;
		padding-right: 0px;
	}

	.donuts.donut-chart-popout>.container {
		padding-left: 0px;
	}

	.donuts.donut-chart-popout .donutsListing .donut-info {
		padding: 5px;
		padding-top: 40px;
		padding-bottom: 40px;
		flex: 0 0 46%;
	}

	.donutsListing {
		margin-left: 30px;
	}
}

@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: landscape) {
	.we-tabs.aem-GridColumn {
		padding-left: 100px;
	}

	.we-tabs .tab>.container {
		padding-left: 0px;
		padding-right: 0px;
	}

	.donuts.donut-chart-popout>.container {
		padding-left: 0px;
	}

	.donutsListing {
		margin-left: 30px;
	}

	.donuts.donut-chart-popout .donutsListing .donut-info {
		padding: 5px;
		padding-top: 40px;
		padding-bottom: 40px;
		flex: 0 0 46%;
	}
}

@media only screen and (min-device-width: 993px) and (max-device-width: 1222px) {
	.donuts.donut-chart-popout .donutsListing .donut-info {
		padding: 3px;
		padding-top: 40px;
		padding-bottom: 40px;
	}
}

@media (max-width: 992px) {
	.donut-chart-block {
		display: none;
	}

	.donuts.donut-chart-popout .donutsListing .donut-info {
		padding: 0px;
		margin-bottom: 20px;
		flex: 0 0 47%;
	}

	.donuts:not(.donut-chart-popout) .donutsListing li {
		flex: 0 0 100%;
	}

	.donutsListing {
		padding-left: 0px;
		padding-right: 0px;
		justify-content: space-between;
	}

	.donut-chart-title-mobile-font {
		font-size: 25px;
	}

	.donuts.donut-chart-popout .donut-list-percent {
		font-size: 50px;
	}
    .donut-chart-section .tab-text {
        font-size: 18px;
        line-height: 26px;
    }
    .donut-chart-section .btn1 {
        font-size: 16px;
		min-width: 142px;
    }
    .donuts.donut-chart-popout .donut-list-text {
        font-size: 15px;
    }
    .team-needs-section .picture .Image.auto-img {
        margin-top: 0px;
    }
    .team-needs-section .card-description .font-18 {
        font-size: 16px;
        line-height: 22px;
    }
    .cloud-strategy.pie-chart-component,
    .no-mobile-padding {
        padding-left: 0px;
        padding-right: 0px;
    }
    .cloud-strategy.pie-chart-component .partial-transparent-container {
        padding-left: 15px;
        padding-right: 15px;
    }
    .column-container.cloud-strategy-enterprise.pie-container-bg-image {
        background-position-y: bottom !important;
    }
    section.explore-white-container-bg {
        margin-top: 0px;
    }
}


.btn1{
    background-color: rgb(255, 252, 252);
    border-radius: 20px ;
    border-color: white;
    border-style: solid;
    padding: 10px;
    margin: 10px;
    caret-color: blueviolet;
}
    


.btn1:hover{
    background-color: rgb(22, 137, 252);
    color: white;
    border:0px solid rgb(22, 137, 252);
}


.watch-video {
	border-radius: 5px;
}
.image.container-bg-image h1.line-height-42 {
	line-height: 50px ;
}
.intro-section h1.line-height-42 {
	line-height: 52px !important ;
	margin-bottom: 24px;
}
.pd-left-30{
	padding-left: 30px;
}
.pd-right-50{
	padding-right: 50px;
}
.cloud-strategy-enterprise h2 {
    padding-top: 16px;
}
.line-height-26 {
    line-height: 26px !important;
}
.line-height-33{
	line-height: 33px  !important;
}
.line-height-50{
	line-height: 50px !important;
}
.line-height-16{
    line-height: 16px;
}
.line-height-24{
	line-height: 24px;
}
.font-size-50{
    font-size: 50px;
}
.font-18{
    font-size: 18px;
}
.font-20{
	font-size: 20px;
}
.gray-font-color{
	color: var(--gray);
}
.black-font-color{
	color: var(--black);
}
.navbar .navbar-collapse a:hover{
	text-decoration: none;
}
.line-height-42{
	line-height: 42px !important;
}
.app-personas .stakeholder-sub-title{
	font-style: normal;
	font-weight: 300;
	font-size: 25px;
	line-height: 33px;
	text-align: center;
	color: var(--gray);
	margin-left: 20px;
    margin-right: 50px;
    padding-left: 85px;
    padding-right: 85px;
    width: fit-content;
}
.font-size-20 {
	font-size: 20px;
    line-height: 26px;
}
.line-height-52{
	line-height: 52px;
}
.team-needs-section .team-need-description h4{
	color: var(--gray);
}
.text-with-card .card-plain .card-title{
	font-size: 32px;
	line-height: 42px;
}
.text-with-card .list-group-item span.number{
	font-size: 25px;
	line-height: 33px;
	color: var(--black);
}
.text-with-card .list-group-item{
	font-size: 20px;
	line-height: 26px;
}
.donut-chart-section{
	background: url(/content/dam/digitalmarketing/vmware/en/images/corporative-narrative/cross-cloud-interactive-images/pie-chart-parralellogram.png) no-repeat;
    background-position: bottom right;
    background-size: contain;
}
.card-tabs .btn1.active-tab{
	background-color: var(--indigo) !important;
	color: white;
	border: 1px solid #1D428A;
}
.btn1:hover {
    background-color: var(--indigo);
    color: white;
	border:none;
}
.first-line-darkgreen{
	width: 100px;
    float: right;
    margin-top: -4px;
    border: 1px solid #00818F;
}
.second-line-darkgreen{
	transform: rotate(127.62deg);
    position: relative;
    left: 50px;
    width: 71px;
    border: 1px solid #00818F;
}

.desktopDonutView{
	display: block;
	width: 25%;
}
.donut-info.active {
	box-shadow: none !important;
}
.column-container.cloud-strategy-enterprise,
.column-container.pie-container-bg-image.cloud-strategy{
    background-position-x: center !important;
    background-position-y: 98px !important;
    background: url(/content/dam/digitalmarketing/vmware/en/images/corporative-narrative/cross-cloud-interactive-images/pie-container-bg.png) no-repeat;
}
@media (min-width: 1300px){
	.app-personas .col-title-img.stakeholder-title {
		padding-left: 40px;
		padding-right: 40px;
		line-height: 50px;
		padding-bottom: 24px;
	}
}

@media (min-width: 1023px) {
    .pd-left-65 {
        padding-left: 65px;
    }
    .pd-right-65 {
        padding-right: 65px;
    }
    .pd-bottom-65 {
        padding-bottom: 65px;
    }
    .pd-top-65 {
        padding-top: 65px;
    }
    .pd-bottom-60 {
        padding-bottom: 60px;
    }
    .pd-top-74 {
        padding-top: 74px;
    }
	.pd-40 {
        padding: 40px 40px 40px 40px;
    }
    /* .image.container-bg-image .dark-background {
        padding-bottom: 50px;
    } */
}
@media (min-width: 993px) {
    .top-intro-container .partial-transparent-container .custom-container-config {
        margin-top: 0px;
    }
    .app-personas .container.first-section-container {
        background: url(/content/dam/digitalmarketing/vmware/en/images/corporative-narrative/cross-cloud-interactive-images/keylines1.png) no-repeat;
		background-position-x: 264px;
		background-position-y: 1px;
		background-size: 548px;
	}
    .app-personas .container.second-section-container {
        background: url(/content/dam/digitalmarketing/vmware/en/images/corporative-narrative/cross-cloud-interactive-images/keylines2.png) no-repeat;
		background-position: top center;
		background-size: contain;
		background-size: 720px;
    }
    .app-personas .showDesktopView{
		display:block;
    }
	
    .image.container-bg-image .padding-0 {
        padding: 0px;
    }
    .image.container-bg-image .container.text-container {
    	padding-right: 0px;
    }
    .multi-cloud-title {
		line-height: 50px;
    }
    .corp-wrapper .container-comp-wrapper .full-height.cont-columns > div,
    .corp-wrapper .container-comp-wrapper .full-height.cont-columns > div > div,
    .corp-wrapper .container-comp-wrapper .full-height.cont-columns > div > div > div {
		height: 100%;
    }
    .corp-wrapper .container-comp-wrapper .full-height.cont-columns > div > div > div {
		display: flex;
        align-items: center;
    }
    .container-wrapper .col-title-img-v2 {
		line-height: 50px;
    }
	.we-tabs {
		padding-top: 100px;
	}
	.cloud-strategy .shadow-container {
		box-shadow: none;
	}
	.donutsListing{
		display: block !important;
	}
	.donuts.donut-chart-popout .donutsListing .donut-info {
		padding: 20px !important;
		border-radius: 4px;
	}
	.indigoblue.donut-list-percent {
		margin-top: 70px;
		margin-left: 0px;
	}
	span.leaf-green.donut-list-percent {
		margin-top: 60px;
		margin-left: 0px;
	}
	.donutsListingFourth span.donut-list-text {
		position: relative;
		left: 20px;
	}
	.donutsListingThird span.donut-list-text {
		position: relative;
		left: 20px;
	}
	.donuts.donut-chart-popout .donut-list-percent {
		font-size: 70px !important;
		line-height: 60px;
		margin-top: 50px;
		position: relative;
		left: 20px;
	}
	.securityColor-number.donut-list-percent {
		margin-top: 50px;
	}
	.donutsListing{
		  display: -webkit-inline-box;
	}
    .top-intro-container {
        padding-top: 175px;
    }
    .first-section-parent {
        padding-top: 85px;
    }
    .first-section-container .column-title-container {
        display: flex;
        justify-content: space-between;
        padding-left: 10px;
        padding-right: 10px;
    }
    .second-section-container .column-title-container.first-child {
        display: flex;
        justify-content: space-around;
        padding-left: 50px;
        padding-right: 10px;
    }
    .second-section-container .column-title-container.second-child {
        display: flex;
        justify-content: space-around;
        padding-left: 40px;
        padding-right: 10px;
    }
    .corp-card-container .corp-wrapper {
        padding-top: 77px;
        padding-bottom: 25px;
    }
    .app-personas .column-navigator {
        padding-top: 43px;
        right: 0px;
    }
    .pie-container-linear-comp {
        padding-top: 75px;
    }
    .corp-card-container .column-navigator { 
		padding-top: 36px;
        right: 0px;
    }
    .pie-chart-container .bars.pie-chart .percent_text {
        font-size: 32px;
        line-height: 42px;
        color: var(--black);
    }
    .pie-chart-container .chart-bars .bars-wrapper .bars.pie-chart.linear {
        padding-bottom: 0px;
    }
    .pie-chart-container .chart-bars .bars-wrapper {
        margin-bottom: 0px;
    }
    .donut-chart-container {
        padding-top: 45px;
    }
    .donut-chart-container .pie-container-title {
        line-height: 50px;
        padding-bottom: 25px;
    }
    .team-needs-section {
        padding-top: 32px;
    }
    .pie-container-bg-image.cloud-strategy {
        margin-top: 0px;
    }
    .pie-chart-custom-container {
        margin-top: 0px;
    }
    .pie-container-bg-image.cloud-strategy .column-navigator.container a {
        padding-top: 24px;
    }
    .we-tabs .tab-heading > .card-title {
        line-height: 50px;
    }
    .link-navigation-tabs .column-navigator {
        padding-top: 36px;
    }
    .cloud-strategy-enterprise {
        margin-top: 0px;
    }
    
    .explore-white-container-bg .dark-text-comp-title {
        line-height: 50px;
    }
    .explore-white-container-bg > .container {
        padding-left: 100px;
        padding-right: 100px;
        padding-top: 100px;
        padding-bottom: 100px
    }
    .percent-increment .container .count-limit .number {
        font-size: 50px;
    }
    .column-container.background-methodology-container {
        padding-bottom: 0px;
    }
    div.we-tabs {
        padding-top: 150px;
    }
	.donut-chart-popout .container {
		padding-top: 24px;
	}
	.cloud-strategy .container-wrapper .col-title-img {
		max-width: 855px;
		margin: 0 auto;
		margin-top: -15px;
	}
	.cloud-strategy h2 {
		padding-top: 16px;
	}
	.cxColor-number.donut-list-percent {
		margin-left: -16px;
	}
	.securityColor-number.donut-list-percent {
		margin-left: -27px;
	}
}
.showMobileView{
		display: none !important;
	}
	.donut-chart-container .tab-text{
		color:var(--gray);
		text-align: center;
	}
.app-personas .image-card .stakeholder-column-title{
	font-size: 20px;
	font-weight: 300;
	line-height: 26px;
	padding-bottom: 0px;
	display: table-cell;
	width: auto;
	padding-top: 20px;

}
.app-personas .image-card #icon1 {
    right: 176px;
    top: 146px;
}
.app-personas .image-card #icon2 {
    left: 118px;
    top: 150px;
}
.app-personas .image-card #icon3 {
    right: 77px;
    top: 176px;
}
.app-personas .image-card #icon4 {
    right: 23px;
    top: 155px;
}
.app-personas .image-card #icon5{
	right: 370px;
    top: 87px;
}
.app-personas .image-card #icon6{
	right: 107px;
    top: 88px;
}
.app-personas .image-card #icon7{
    right: 319px;
    top: 104px;
}
.app-personas .image-card #icon8{
	right: 122px;
    top: 218px;
}

.app-personas .image-card .pop-icon {
    width: 49px;
    height: 49px;
    cursor: pointer;
}
.app-personas .image-card .popover-body li {
    list-style: disc;
	text-align: left;
    padding-bottom: 5px;
	
}
.app-personas .image-card .popover-body{
	flex-direction: column;
	align-items: flex-start;
	padding: 30px 20px;
	gap: 16px;
	width: 318px;
	height: auto;
	background: #FFFFFF;
	box-shadow: 0px 16px 24px rgba(17, 69, 134, 0.12);
	border-radius: 3px;
}
.app-personas .popover-description-1 {
    padding-bottom: 16px;
    text-align: left;
}
.app-personas .apps-percent {
    font-family: metropolislight;
    font-style: normal;
    font-weight: 500;
    font-size: 20px;
    line-height: 26px;
    color: var(--black);
    position: relative;
    display: inline;
    width: fit-content;
}
.app-personas .apps-text {
    font-family: metropolislight;
    font-style: normal;
    font-weight: 300;
    font-size: 16px;
    line-height: 24px;
    color: var(--black);
    position: absolute;
    width: auto;
    display: inline;
    margin-left: 8px;
    padding-bottom: 10px;
	padding-right: 10px;
}
.app-personas .popover-description-2 {
    text-align: left;
	padding-top: 10px;
}
.app-personas .app-types-label {
    text-align: left;
    padding: 0px 0 8px 0;
    font-style: normal;
    font-weight: 300;
    line-height: 24px;
    color: var(--black);
}
.app-personas ul.app-types-list {
    padding-left: 20px;
    margin-bottom: 0;
    font-style: normal;
    font-weight: 300;
    font-size: 12px;
    line-height: 16px;
    color: var(--gray);
}
.app-personas .first-section-parent {
    background: url(/content/dam/digitalmarketing/vmware/en/images/corporative-narrative/cross-cloud-interactive-images/parralellogram1.png) no-repeat;
    background-position: bottom center;
    background-position-y: 100px;
    background-size: contain;
}
.app-personas .second-section-parent {
    background: url(/content/dam/digitalmarketing/vmware/en/images/corporative-narrative/cross-cloud-interactive-images/parrallelogram2.png) no-repeat;
    background-position: bottom center;
    background-size: contain;
}
.cross-cloud-tool{
	text-align: center;
    font-style: normal;
    font-weight: 300;
    font-size: 25px;
    line-height: 33px;
    color: var(--black) !important;
}

@media (max-width:992px){
	.app-personas .showMobileView{
		display:block;
	}
	.app-personas .showDesktopView{
		display: none;
	}
	.app-personas .first-section-container .col-6,.second-section-container .col-6{
		display: table-cell;
	}
	.app-personas .col-title-img.stakeholder-title{
		font-size: 28px;
		line-height: 36px;
		text-align: left !important;
	}
	.app-personas .stakeholder-sub-title{
		font-size: 21px;
		line-height: 29px;
		text-align: left;
		padding-left: 0px;
		padding-right: 0px;
		margin-left: 0;
		margin-right: 0;
	}
	.app-personas .image-card .stakeholder-column-title{
		font-size: 18px;
		color: var(--gray);
	}
	.app-personas .stakeholder-column {
		flex-direction: column;
	}
	.app-personas .image-card .card .popover-block-container{
		top: 95px !important;
	}
	.app-personas span.apps-text{
		font-size: 15px;
		line-height: 23px;
	}
	.app-personas .popover-body.normal.shadow-container.shadow-container-mobile.left-align-popover.left-img,
	.app-personas .popover-body.normal.shadow-container.shadow-container-mobile.right-align-popover.left-img	{
		top: auto;
		bottom: 25px;
		left: 15px;
	}
	.app-personas .popover-body.normal.shadow-container.shadow-container-mobile.left-align-popover.right-img,
	.app-personas .popover-body.left-align-popover.no-left-align-popover-mobile.shadow-container.shadow-container-mobile.right-img{
		top: auto;
		bottom: 25px;
		right: 15px;
		left: auto;
	}
	.app-personas .image-card .popover-body.normal, .image-card .popover-body.right-align-popover {
		position: absolute;
		left: -216px;
	}
	.app-personas .image-card .popover-body{
		width: 250px;
	}
	.app-personas{
		background: url(/content/dam/digitalmarketing/vmware/en/images/corporative-narrative/cross-cloud-interactive-images/parralellogram1.png) no-repeat;
		background-position: bottom;
		background-position-y: 500px;
		padding-top: 60px;
	}
	.app-personas .first-section-parent, .app-personas .second-section-parent{
		background: none;
	}
	.column-navigator{
		float: right;
		right: 0 !important;
	}
	.column-navigator > a {
		float: right;
	}
	.app-personas .popover-description-2 {
		padding: 30px 16px 16px 0px !important;
	}
    .image.container-bg-image h1.line-height-42{
        line-height: 42px !important;
    }
    .image.container-bg-image h1.font-size-32{
        font-size: 32px;
    }
    .multi-cloud-title {
        font-size: 28px;
        line-height: 36px;
    }
	.font-size-24-sm{
		font-size: 24px;
		line-height: 33px;
	}
    .font-size-21-sm{
		font-size: 21px !important;
        line-height: 29px !important;
    }
    .team-needs-section .picture {
    	text-align: left;
	}
    .team-needs-section .card-body {
    	padding: 16px 12px;
	}
	.line-height-16-sm{
		line-height: 16px;
	}
	.font-size-34-sm{
		font-size: 34px;
	}
	.font-size-16-sm{
		font-size: 16px;
	}
	.font-size-18-sm{
		font-size: 18px;
	}
	.font-size-28-sm{
		font-size: 28px;
	}
	.line-height-36-sm{
		line-height: 36px !important;
	}
	.line-height-22-sm{
		line-height: 22px;
	}
	.line-height-29-sm{
		line-height: 29px !important;
		
	}
	.text-left-sm{
		text-align: left !important;
	}
	.pd-40-sm{
		padding: 40px 40px 0 40px;
	}
    .pd--top-60-sm{
		padding-top: 60px;
	}
	.pie-chart-linear-container.shadow-container {
		box-shadow: 0px 16px 24px rgb(29 66 138 / 12%);
		background: rgba(255, 255, 255, 0.8);
		border-radius: 4px;
		padding-bottom: 100px;
	}
    .container-bg-image.intro-section {
        background-position-x: right;
        background-position-y: -25px;
        background-size: 461px;
	}
	.team-needs-section h2.col-title-img,.team-needs-section .team-need-description h4{
		text-align: left !important;
	}
	.tab > .container > .row{
		width: 100%;
	}
	.text-with-card .card-plain .card-title{
		font-size: 24px;
		line-height: 33px;
	}
	.text-with-card .list-group-item span.number{
		font-size: 21px;
		line-height: 29px;
		color: var(--black);
		
	}
	.text-with-card .list-group-item{
		font-size: 18px;
		line-height: 26px;
	}
	.cross-cloud-tool{
		text-align: left;
		font-size: 21px;
		line-height: 29px;
		padding-top: 20px;
	}
	.desktopDonutView{
		display: none !important;
	}
	.donut-chart-container .container-wrapper.shadow-container{
		box-shadow: 0px 16px 24px rgb(29 66 138 / 12%);
		background: rgba(255, 255, 255, 0.8);
		border-radius: 4px;
		padding: 25px;
		/* width: 93%;
		margin-left: 15px; */
	}
	.donut-chart-container {
		background-position-x: center;
		background-position-y: 100px;
	}
	.cloud-strategy .container-title h2{
		text-align: left !important;
	}
	.cloud-strategy .row.container-comp-wrapper picture img{
		min-height: 350px;
	}
	.tab-Wrapper .tab-horizontal .desc-content h2 {
		font-size: 28px;
		line-height: 36px;
		text-align: left;
		padding-top: 20px;
	}
	.tab-list-wrapper ol#myTabhorizontal li {
		font-size: 16px;
		line-height: 22px;
		min-width: 255px;
	}
	.link-navigation-tabs .column-navigator {
		bottom: 20px;
	}
	.cloud-strategy-enterprise .col-title-img {
		text-align: left !important;
	}
	.cloud-strategy-enterprise h2 {
		text-align: left !important;
	}
	.dark-text-comp-title,.survey-title-mobile-font {
		font-size: 28px;
		line-height: 36px;
	}
	.percent-increment .count-limit .number.number-mobile-font{
		font-size: 34px;
		line-height: 42px;
	}
	.percent-increment.normal .counter-container p.count-text-mobile-font{
		font-size: 18px;
		line-height: 26px;
	}
	.donuts.donut-chart-popout p {
		font-size: 24px !important;
		line-height: 33px !important;
		color: var(--black);
	}
	.pd-top-65 {
        padding-top: 65px;
    }
	.card-tabs {
		max-width: 100%;
		overflow-y: auto;
		display: flex;
	}
	.card-tabs::-webkit-scrollbar {
		display: none;
		width: 0px !important;
	}
	.btn1 {
		height: auto;
		background-color: rgb(255, 252, 252);
		border-radius: 125px;
		border-color: white;
		width: fit-content;
		border-style: solid;
		box-shadow: 0px 4px 8px rgb(17 69 134 / 16%);
		font-size: 12px;
		vertical-align: middle;
		padding: 5px 20px;
		margin: 10px;
		position: relative;
	}
	.card-tabs.horizontaltab-mobile.middlealign {
		flex-wrap: nowrap;
		place-content: start;
		margin-left: 0px;
		margin-right: 15px;
		overflow-y: auto;
	}
	.horizontaltab-mobile .paddle:focus {
		outline: none;
	}
	.horizontaltab-mobile .paddle{
		position: absolute;
		padding-left: 0px;
		z-index: 99999;
		margin-top: 0px;
		width: 76px;
		height: 5.9%;
		border: none;
		margin: 10px 0 10px 0;
	}
	.horizontaltab-mobile .paddle.right-paddle{
		padding-left: 60px;
	}
	.pd-left-sm-20{
		padding-left: 20px;
	}
    .pd-right-sm-20 {
        padding-right: 20px;
    }
	.donut-chart-container .tab-text{
		text-align: left;
	}
	.donuts.donut-chart-popout p{
		text-align: left !important;
	}
	.pie-container-bg-image:not(.pie-container-linear-comp) {
		background-position-x: -70px;
		background-size: 515px;
		background-position-y: 508px;
	}
	.image-card .picture .full-width-img{
		object-fit: contain !important;
		width: 120px;
		max-width: 120px;
		height: 120px;
	}
	.team-needs-section {
		padding-top: 60px;
	}
	.we-tabs {
		padding-bottom: 40px;
		padding-top: 60px;
	}
	.toolsSectionTab1,.toolsSectionTab2{
		height: auto;
	}
	.pie-chart-linear-container .column-navigator {
		margin-right: 20px;
	}
	.pie-chart-component .partial-transparent-container .column-navigator{
		position: relative;
		bottom: 0;
		margin-top: 0;
        line-height: 22px;
	}
	.intro-section {
		padding-top: 60px;
	}
    .pie-container-linear-comp .pie-chart-container .chart-bars .bars-wrapper .bars.pie-chart.linear {
        padding-bottom: 20px;
    }
	.mt-4-sm{
		margin-top: 1.5rem !important;
	}
}
@media (max-width: 600px){
	.container-bg-image.intro-section {
        background-position-x: 64px;
        background-position-y: -22px;
        background-size: 461px;
	}
}
/* .app-personas .column-title-container .stakeholder-column-title {
    padding-right: 47px;
} */
.app-personas hr{
	border: 1px solid rgba(113, 112, 116, 0.6);
	margin-top: 1rem;
    margin-bottom: 1rem;
}
.column-navigator > a {
    color: var(--indigo);
	font-weight: 300;
    text-decoration: underline;
    float: right;
}
.column-navigator {
    position: relative;
    right: 100px;
    bottom: 0;
    z-index: 1;
}
.pie-chart-linear-container .column-navigator {
    right: 0px;
}
.cloud-strategy .column-navigator.container a {
    padding-top: 10px;
}
.leaf-green{
	color: #528316;
}
.leaf-green-background{
	background-color: #528316;
	border-top: 2px solid #528316;
}
.cxColor-number{
	color: #00A1B3;
	background-color: none;
}
.securityColor-number{
	color: #7f35b2;
	background-color: none;
}
.first-line-securityColor{
	width: 100px;
    float: right;
    margin-top: -4px;
    border: 1px solid #7932A9;
}
.second-line-securityColor{
	transform: rotate(127.62deg);
    position: relative;
    width: 71px;
    left: 50px;
    border: 1px solid #7932A9;
}
.first-line-indigoblue{
	width: 90px;
    margin-left: -49px;
    margin-top: 34px;
    border: 1px solid #1D428A;
}
.second-line-indigoblue{
	transform: rotate(225.62deg);
    width: 70px;
    margin-left: 31px;
    border: 1px solid #1D428A;
}
.first-line-leaf-green {
    width: 146px;
    position: relative;
    top: -24px;
    left: -5px;
    transform: rotate(253.62deg);
    margin-left: -73px;
    margin-top: 0px;
    border: 1px solid #528316;
}
.second-line-leaf-green{
	transform: rotate(207.62deg);
    position: absolute;
    top: 249px;
    right: 292px;
    width: 41px;
    border: 1px solid #528316;
}

.donut-chart-container .column-navigator{
	right:0;
}
.donut-chart-container .column-navigator > a {
	padding-top: 36px;
}
.donuts.donut-chart-popout p {
	font-size: 32px;
	line-height: 42px;
	color: var(--black);
}
.donuts.donut-chart-popout .donut-list-text{
	font-size: 18px;
	line-height: 24px;
	text-align: left;
}
.donut-chart.donut-chart-middle{
	transform: rotate(1deg);
}
.donut-chart.donut-chart-light{
	transform: rotateZ(0deg);
}
.donut-chart {
    position: absolute;
    width: 368px;
    height: 367px;
    margin: 0 auto 2rem;
    border-radius: 100%;
}
.tab-bg-image {
    background: url(/content/dam/digitalmarketing/vmware/en/images/corporative-narrative/cross-cloud-interactive-images/parallelogram-tabs.png) no-repeat;
    background-position: 206px;
    background-size: 956px;
    background-position-y: 285px;
}
@media (min-width: 1180px)and (max-width: 1200px){
	.first-line-darkgreen {
		width: 35px;
	}
	.second-line-darkgreen {
		transform: rotate(127.62deg);
		left: 50px;
		width: 71px;
	}
	.first-line-securityColor {
		width: 35px;
	}
	.second-line-securityColor {
		transform: rotate(127.62deg);
		width: 71px;
		left: 50px;
	}
	.first-line-indigoblue {
		width: 90px;
		margin-left: -49px;
		margin-top: 34px;
	}
	.second-line-indigoblue {
		transform: rotate(225.62deg);
		width: 70px;
		margin-left: 31px;
	}
	.first-line-leaf-green {
		width: 173px;
		top: -45px;
		left: 9px;
		transform: rotate(248.62deg);
		margin-left: -73px;
		margin-top: 0px;
	}
	.second-line-leaf-green {
		transform: rotate(185.62deg);
		top: 249px;
		right: 241px;
		width: 43px;
	}
	.desktopDonutView{
		width: 20%;
	}
}
@media (min-width: 1300px)and (max-width: 1400px){
	.desktopDonutView{
		width: 20%;
	}
	.first-line-darkgreen {
		width: 55px;
	}
	.second-line-darkgreen {
		transform: rotate(127.62deg);
		left: 50px;
		width: 71px;
	}
	.first-line-securityColor {
		width: 55px;
	}
	.second-line-securityColor {
		transform: rotate(127.62deg);
		width: 71px;
		left: 50px;
	}
	.first-line-indigoblue {
		width: 90px;
		margin-left: -49px;
		margin-top: 34px;
	}
	.second-line-indigoblue {
		transform: rotate(225.62deg);
		width: 70px;
		margin-left: 31px;
	}
	.first-line-leaf-green {
		width: 180px;
		position: relative;
		top: -48px;
		left: -1px;
		transform: rotate(242.62deg);
		margin-left: -73px;
	}
	.second-line-leaf-green {
		transform: rotate(185.62deg);
		top: 249px;
		right: 292px;
		width: 41px;
	}
}
.cross-cloud-tool a {
	text-decoration: underline;
}
.first-line-indigoblue.ai {
    width: 56px;
    margin-left: -57px;
    margin-top: 45px;
    border: 1px solid #1D428A;
}
.second-line-indigoblue.ai {
    transform: rotate(215.62deg);
    width: 89px;
    margin-left: -8px;
    border: 1px solid #1D428A;
}
.first-line-leaf-green.ai {
    width: 216px;
    position: relative;
    top: -72px;
    left: -48px;
    transform: rotate(242.62deg);
    margin-left: -73px;
    margin-top: 0px;
    border: 1px solid #528316;
}
.second-line-leaf-green.ai {
    transform: rotate(170.62deg);
    position: absolute;
    top: 200px;
    right: 331px;
    width: 39px;
    border: 1px solid #528316;
}
.first-line-indigoblue.isa {
    width: 69px;
    margin-left: -67px;
    margin-top: 42px;
    border: 1px solid #1D428A;
}
.second-line-indigoblue.isa {
    transform: rotate(219.62deg);
    width: 80px;
    margin-left: -6px;
    border: 1px solid #1D428A;
}
.first-line-leaf-green.isa {
    width: 195px;
    position: relative;
    top: -43px;
    left: -29px;
    transform: rotate(245.62deg);
    margin-left: -73px;
    margin-top: 0px;
    border: 1px solid #528316;
}
.second-line-leaf-green.isa {
    transform: rotate(183.62deg);
    position: absolute;
    top: 227px;
    right: 314px;
    width: 49px;
    border: 1px solid #528316;
}
.first-line-indigoblue.ms {
    width: 73px;
    margin-left: -77px;
    margin-top: 57px;
    border: 1px solid #1D428A;
}
.second-line-indigoblue.ms {
    transform: rotate(225.62deg);
    width: 70px;
    margin-left: -14px;
    border: 1px solid #1D428A;
}
.first-line-leaf-green.ms {
    width: 132px;
    position: relative;
    top: -4px;
    left: 9px;
    transform: rotate(246.62deg);
    margin-left: -73px;
    margin-top: 0px;
    border: 1px solid #528316;
}
.second-line-leaf-green.ms {
    transform: rotate(182.62deg);
    position: absolute;
    top: 311px;
    right: 292px;
    width: 39px;
    border: 1px solid #528316;
}
.second-line-leaf-green.crm {
    transform: rotate(172.62deg);
    position: absolute;
    top: 235px;
    right: 314px;
    width: 33px;
    border: 1px solid #528316;
}
.first-line-leaf-green.crm {
        width: 176px;
    position: relative;
    top: -53px;
    left: -24px;
    transform: rotate(245.62deg);
    margin-left: -73px;
    margin-top: 0px;
    border: 1px solid #528316;
}
.first-line-indigoblue.crm {
    width: 49px;
    margin-left: -74px;
    margin-top: 47px;
    border: 1px solid #1D428A;
}
.second-line-indigoblue.crm {
    transform: rotate(215.62deg);
    width: 89px;
    margin-left: -34px;
    border: 1px solid #1D428A;
}
button:focus {
    outline: 5px auto black;
}
.image-card .popover-body.right-align-popover.right-img {
    top: auto;
    bottom: 25px;
    right: 15px;
    left: auto;
}
.app-personas .popover-description-1 {
    text-align: left;
    padding: 16px 16px 16px 0;
}
.pie-chart-container .text-container-linear {
    text-align: left;
    padding-left: 10px;
    padding-right: 10px;
    margin-left: 5px;
    margin-right: 5px;
}

@media (min-width: 993px)and (max-width: 1024px){
	.desktopDonutView{
		width: 20%;
	}
	.donutsListing {
		margin-left: 15px;
	}
	.first-line-darkgreen {
		width: 32px;
		float: right;
		margin-top: -4px;
	}
	.second-line-darkgreen {
		transform: rotate(120.62deg);
		position: relative;
		left: 25px;
		width: 65px;
	}
	.first-line-securityColor {
		width: 28px;
		float: right;
		margin-top: -4px;
	}
	.second-line-securityColor.crm {
		transform: rotate(127.62deg);
		width: 72px;
		margin-left: -18px;
		left: 39px;
	}

	.first-line-indigoblue.crm {
		width: 49px;
		margin-left: -14px;
		margin-top: 77px;
	}
	.second-line-indigoblue.crm {
		transform: rotate(225.62deg);
		width: 75px;
		margin-left: 22px;
	}
	.first-line-indigoblue.erm {
		width: 47px;
		position: relative;
		margin-left: -15px;
		top: 25px;
	}
	.second-line-indigoblue.erm {
		transform: rotate(222.62deg);
		width: 53px;
		position: relative;
		top: 18px;
		margin-left: 25px;
	}
	.first-line-leaf-green.erm {
		width: 174px;
		position: relative;
		top: -91px;
		left: 57px;
		transform: rotate(253.62deg);
		margin-left: -73px;
		margin-top: 0px;

	}
	.first-line-leaf-green.ai {
		width: 216px;
		position: relative;
		top: -89px;
		left: 48px;
		transform: rotate(242.62deg);
		margin-left: -73px;
		margin-top: 0px;
		border: 1px solid #528316;
	}
	.second-line-leaf-green.ai {
		transform: rotate(170.62deg);
		position: absolute;
		top: 203px;
		right: 176px;
		width: 30px;
	}
	.second-line-leaf-green.erm {
		transform: rotate(170.62deg);
		top: 205px;
		right: 163px;
		width: 41px;
	}
	.second-line-securityColor.isa {
		transform: rotate(127.62deg);
		position: relative;
		width: 71px;
		left: 23px;
	}
	.first-line-indigoblue.isa {
		width: 56px;
		margin-left: -32px;
		margin-top: 64px;
	}
	.second-line-indigoblue.isa {
		transform: rotate(219.62deg);
		width: 80px;
		margin-left: 16px;
	}
	.first-line-leaf-green.isa {
		width: 195px;
		position: relative;
		top: -85px;
		left: 56px;
		transform: rotate(245.62deg);
		margin-left: -73px;
		margin-top: 0px;
	}
	.second-line-leaf-green.isa {
		transform: rotate(173.62deg);
		position: absolute;
		top: 234px;
		right: 170px;
		width: 49px;
	}
	.first-line-indigoblue.ms {
		width: 28px;
		margin-left: -14px;
		margin-top: 71px;
	}
	.second-line-indigoblue.ms {
		transform: rotate(225.62deg);
		width: 70px;
		margin-left: 4px;
	}
	.first-line-leaf-green.ms {
		width: 156px;
		position: relative;
		top: -35px;
		left: 72px;
		transform: rotate(246.62deg);
		margin-left: -73px;
		margin-top: 0px;
	}
	.second-line-leaf-green.ms {
		transform: rotate(179.62deg);
		position: absolute;
		top: 305px;
		right: 164px;
		width: 39px;
	}
	.indigoblue.donut-list-percent,.leaf-green.donut-list-percent {
		margin-left: 77px;
	}
	.donutsListingFourth span.donut-list-text {
		left: 60px;
	}
	.first-line-leaf-green.crm {
		width: 179px;
		top: -98px;
		left: 62px;
		transform: rotate(245.62deg);
		margin-left: -73px;
		margin-top: 0px;
	}
	.second-line-leaf-green.crm {
		transform: rotate(160.62deg);
		top: 243px;
		right: 167px;
		width: 35px;
	}
	.donutsListingThird span.donut-list-text{
		left: 100px;
	}
}
@media (min-width: 1025px)and (max-width: 1165px){
	.first-line-darkgreen.crm,.first-line-darkgreen.erm,.first-line-darkgreen.ai,
	.first-line-darkgreen.ms,.first-line-securityColor.crm,.first-line-securityColor.erm,.first-line-securityColor.ai,
	.first-line-securityColor.isa,.first-line-securityColor.ms	{
		width: 70px;
	}
	.first-line-leaf-green.crm,.first-line-leaf-green.isa {
		width: 174px;
		position: relative;
		top: -44px;
		left: 3px;
		transform: rotate(251.62deg);
	}
	.first-line-leaf-green.erm{
		width: 174px;
		top: -70px;
	}
	.first-line-leaf-green.ai{
		width: 192px;
		top: -72px;
		left: -11px;
	}
	.first-line-leaf-green.ms{
		width: 138px;
		top: -1px;
		left: 23px;
		transform: rotate(251.62deg);
	}
	.second-line-leaf-green.erm {
		transform: rotate(171.62deg);
		top: 202px;
		right: 253px;
		width: 41px;
	}
	.second-line-leaf-green.crm{
		transform: rotate(162.62deg);
		position: absolute;
		top: 244px;
		right: 247px;
		width: 33px;
		border: 1px solid #528316;
	}
	.second-line-leaf-green.ai{
		top: 210px;
		right: 269px;
		width: 26px;
		transform: rotate(160.62deg);
	}
	.second-line-leaf-green.ms{
		transform: rotate(169.62deg);
		position: absolute;
		top: 311px;
		right: 240px;
		width: 30px;
	}
	.first-line-darkgreen.isa{
		width: 170px;
		top: -57px;
		left: 3px;
		transform: rotate(251.62deg);
	}
	.second-line-leaf-green.isa {
		transform: rotate(162.62deg);
		top: 228px;
		right: 247px;
		width: 33px;
	}
}