.circular-diagram{text-align: center;}
.circular-diagram > .title{text-transform: uppercase;margin: 0px;margin-bottom: 20px;}
.circular-diagram > p{width:34vw; max-width: 860px; margin: auto; text-align:center;}
.circular-diagram .diagram{display: flex;justify-content: center;margin-top: 1vw; position:relative; z-index: 1;}
.circular-diagram .diagram section{}
.circular-diagram .diagram section:nth-of-type(2n){width:40vw; padding:0;}
.circular-diagram .diagram:before{content:""; width:70vw; max-width:1850px; height:90%; position:absolute; z-index:0; top:-2vw; left:0; right:0; margin:auto; background:url('/wp-content/themes/StratixCustom/images/itrac360Circle-01.svg') no-repeat center; background-size:100%;}
.circular-diagram .highlights-left{padding-right:0%; position:relative;}
.circular-diagram .highlights-left .icon-highlight{text-align: right;}
.circular-diagram .highlights-right{ position:relative;}
.circular-diagram .highlights-right .icon-highlight{text-align: left;}
.circular-diagram .icon-highlight{ margin-bottom:6vw;}
.circular-diagram .icon-highlight .image-wrap{height:4vw;min-height:50px; max-height:100px;}
.circular-diagram .icon-highlight .image-wrap img{height: 100%;}
.circular-diagram .icon-highlight .title{margin-bottom: 0px; font-size:2.6em;}
.circular-diagram .icon-highlight p{max-width: 21vw;font-size: 21pt;margin: 0px;line-height: 1.5em;margin-top: 10px;}
.circular-diagram .icon-highlight .btn{margin-top: 30px;}

.circular-diagram.extended{margin-top: 100px;}
.circular-diagram.extended > .title{font-weight: 900; text-transform: none; max-width: 900px; margin-left: auto; margin-right: auto;}
.circular-diagram.extended > .title b{font-weight: 900;}
.circular-diagram.extended .secondary-highlights{display: flex; justify-content: center; margin-top: -6vw;}
.circular-diagram.extended .secondary-highlights .icon-highlight{padding: 0px 100px;}
.circular-diagram.extended .secondary-highlights .icon-highlight:first-of-type{text-align: right; position: relative;}
.circular-diagram.extended .secondary-highlights .icon-highlight:first-of-type:after{content: ''; display: inline-block; position: absolute; height: 100%; width: 1px; background: #e2e2e2; top: 0px; right: 0px;}
.circular-diagram.extended .secondary-highlights .icon-highlight:last-of-type{text-align: left;}

.home .circular-diagram{margin-top: -150px;}

.home .circular-diagram .walkthrough-scroller{bottom: 0px;}

@media(max-width: 2400px){
	.home .circular-diagram{margin-bottom: 50px;}
}

@media(max-width: 2300px){
	.circular-diagram .icon-highlight p { font-size:19pt; line-height:1.5em;}
	.circular-diagram .diagram section:nth-of-type(2n){width:42vw;}
}

@media(max-width: 2200px){
	.home .circular-diagram{margin-bottom: 80px;}
}

@media(max-width: 1920px){
	.circular-diagram.extended > .title{max-width: 600px;}
    .circular-diagram .icon-highlight p{font-size: 12pt;margin-left: auto;max-width: 300px;}
	.circular-diagram .icon-highlight .title{font-size:1.8em;}
	.home .circular-diagram{margin-bottom: 0px;}
}

@media(max-width: 1600px){
    .circular-diagram .icon-highlight p{font-size:11pt;}
}


@media(max-width: 1200px){
	.circular-diagram .diagram section:nth-of-type(2n){width: 45vw;}
}	

@media(max-width: 1024px){
	.circular-diagram .icon-highlight p{max-width:45vw;}

	.home .circular-diagram{margin-top:-100px;}
	.circular-diagram .diagram {justify-content:space-evenly; margin-top:4vw;}
	.circular-diagram .diagram:before{display:none;}
	.circular-diagram > p{width:50vw;}
	.circular-diagram .diagram section:nth-of-type(2n){display:none;}
	.circular-diagram .highlights-left .icon-highlight{text-align:center;}
	.circular-diagram .highlights-right .icon-highlight{text-align:center;}
	.circular-diagram .icon-highlight p{max-width:33vw; margin-left: 0px;}

	.home .circular-diagram .walkthrough-scroller{bottom: 30px;}
	.circular-diagram.extended{margin-top: 60px;}	
	.circular-diagram.extended .secondary-highlights{margin-top: 0px;}
	.circular-diagram.extended .secondary-highlights .icon-highlight{padding: 0px 55px; text-align: center !important;}
	.circular-diagram.extended .secondary-highlights .icon-highlight:first-of-type:after{display: none;}
	.circular-diagram.extended .highlights-left, .circular-diagram.extended .highlights-right{width: 50%; padding: 0px 20px;}
	.circular-diagram.extended .secondary-highlights .icon-highlight{width: 50%; padding: 0px 20px;}
}

@media(max-width: 768px){
	.home .circular-diagram{margin-top: 20px !important; }
	.home .circular-diagram .diagram{display:block;}
	.circular-diagram .icon-highlight .title{font-size:1.8em;}
	.circular-diagram > p{width:100%;}
	.circular-diagram .diagram section{display:block;}
	.circular-diagram .icon-highlight p{max-width:100%;}
	.circular-diagram .icon-highlight .title{font-size: 1.4em;}
	.circular-diagram .icon-highlight .btn{margin-top: 20px;}
	.circular-diagram .icon-highlight{margin-bottom: 8vw;}
	.circular-diagram.extended .diagram{flex-wrap: wrap;}
	.circular-diagram.extended .secondary-highlights{flex-wrap: wrap;}
	.circular-diagram.extended .secondary-highlights .icon-highlight{width: 100%;}
	.circular-diagram.extended .highlights-left, .circular-diagram.extended .highlights-right{width: 100%;}
	.circular-diagram.extended .secondary-highlights .icon-highlight{width: 100%;}
}