.circle--slider .count5 li.index-2 img { transform:rotate(-72deg); } 
.circle--slider .count5 li.index-3 img { transform:rotate(-144deg); } 
.circle--slider .count5 li.index-4 img { transform:rotate(-216deg); } 
.circle--slider .count5 li.index-5 img { transform:rotate(-288deg); } 

.bar-item.inProgress span.progressBar { background: #fff; } 
.progressBarContainer .previous div span.progressBar
 background: #fff; } 
.mb-30 { margin-bottom: 30px; } 
.circle-carousel { overflow:hidden; position:relative; } 
.circle-carousel--content { position: relative; z-index: 1; margin-top:24px; } 
.circle-carousel--main { width: 678px; height: 678px; border-radius: 50%; margin: 0 auto; -webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; -o-border-radius: 50%; position: relative; transform: rotate(-2deg); } 
.circle-carousel--main .carousel--main { width: 100%; position: relative; z-index: 2; } 
.circle-carousel--item-content p, .circle-carousel--item-content .heading { color:var(--color-primary-3) !important; } 
.circle-carousel.bg-primary-3 .circle-carousel--item-content * { color:var(--color-primary-3); } 
.circle-carousel--content p.intro { max-width:428px; } 
.circle-carousel--content .content-wrapper .label { color:var(--color-primary-6); } 
.circle-carousel--main:before, .circle-carousel--main:after { background-color: var(--color-primary-4); content: ""; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); border-radius: 50%; -webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; -o-border-radius: 50%; } 
.circle-carousel--main:before { opacity: 0.2; width: calc(100% + 300px); height: calc(100% + 300px); } 
.circle-carousel--main:after { opacity: 0.2; width: calc(100% + 400px); height: calc(100% + 400px); } 
.circle-carousel--main .circle-carousel--items { width: 100%; height: 100%; background-color: var(--color-primary-4); border-radius: 50%; -webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; -o-border-radius: 50%; position: relative; } 
.circle-carousel--main .circle-carousel--items:before, .circle-carousel--main .circle-carousel--items:after { background-color: var(--color-primary-4); content: ""; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); border-radius: 50%; -webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; -o-border-radius: 50%; } 
.circle-carousel--main .circle-carousel--items:before { opacity: 0.4; width: calc(100% + 200px); height: calc(100% + 200px); } 
.circle-carousel--main .circle-carousel--items:after { opacity: 0.4; width: calc(100% + 100px); height: calc(100% + 100px); } 
.circle-carousel--main .circle-carousel--item { position: relative; z-index: 2; } 

.circle--rotate { border-radius: 50%; border: 1px var(--color-primary-3) solid; width: 100%; height: 100%; margin: 0 auto 0; position: relative; -webkit-transform: rotate(0deg); transform: rotate(0deg); z-index: 0; padding: 0; } 
.circle--rotate > li { position: absolute; left: 0; top: 0; width: 100%; height: 100%; display: block; border-radius: 50%; z-index: 10; visibility: hidden; } 
.circle--rotate > li .icon { visibility: visible; cursor: pointer; text-align: center; overflow: hidden; font-size: 20px; color: var(--color-primary-3); border-radius: 50%; background-color: var(--color-primary-4); /* height: 10%; width: 10%; */
 width:82px; height:82px; margin: -5% auto; transition: all 500ms ease;}


.circle--rotate > li i { color: #ffffff; font-size: 24px; margin: auto; cursor: pointer; width: 100%; height: 100%; display: table; } 
.circle--rotate > li i::before { display: table-cell; vertical-align: middle; } 
.circle--rotate > li img { margin: auto; } 

.circle--slider { position: relative; z-index:9; display:block !important; } 
.circle--slider .rotate--circle { margin: 0 auto; padding:55px; } 
.circle--slider .circle--rotate > li div { position: relative; overflow: visible; }
.circle--slider .circle--rotate > li div span { -webkit-transform: rotate(0deg); transform: rotate(0deg); transition: all 2s; opacity: 0; } 
.circle--slider .circle--rotate > li.active div { font-size: 20px;
 transition: all 1s; } 
.circle--slider .count2 li:nth-child(2) { -webkit-transform: rotate(180deg); transform: rotate(180deg); } 
.circle--slider .count3 li:nth-child(2) { -webkit-transform: rotate(120deg); transform: rotate(120deg); } 
.circle--slider .count3 li:nth-child(3) { -webkit-transform: rotate(240deg); transform: rotate(240deg); } 
.circle--slider .count4 li:nth-child(2) { -webkit-transform: rotate(90deg); transform: rotate(90deg); } 
.circle--slider .count4 li:nth-child(3) { -webkit-transform: rotate(180deg); transform: rotate(180deg); } 
.circle--slider .count4 li:nth-child(4) { -webkit-transform: rotate(270deg); transform: rotate(270deg); } 
.circle--slider .count5 li:nth-child(2) { -webkit-transform: rotate(72deg); transform: rotate(72deg); } 
.circle--slider .count5 li:nth-child(3) { -webkit-transform: rotate(144deg); transform: rotate(144deg); } 
.circle--slider .count5 li:nth-child(4) { -webkit-transform: rotate(216deg); transform: rotate(216deg); } 
.circle--slider .count5 li:nth-child(5) { -webkit-transform: rotate(-72deg); transform: rotate(-72deg); } 
.circle--slider .count6 li:nth-child(2) { -webkit-transform: rotate(60deg); transform: rotate(60deg); } 
.circle--slider .count6 li:nth-child(3) { -webkit-transform: rotate(120deg); transform: rotate(120deg); } 
.circle--slider .count6 li:nth-child(4) { -webkit-transform: rotate(180deg); transform: rotate(180deg); } 
.circle--slider .count6 li:nth-child(5) { -webkit-transform: rotate(240deg); transform: rotate(240deg); } 
.circle--slider .count6 li:nth-child(6) { -webkit-transform: rotate(-60deg); transform: rotate(-60deg); } 
.circle--slider .count7 li:nth-child(2) { -webkit-transform: rotate(51.5deg); transform: rotate(51.5deg); } 
.circle--slider .count7 li:nth-child(3) { -webkit-transform: rotate(103deg); transform: rotate(103deg); } 
.circle--slider .count7 li:nth-child(4) { -webkit-transform: rotate(154.5deg); transform: rotate(154.5deg); } 
.circle--slider .count7 li:nth-child(5) { -webkit-transform: rotate(206deg); transform: rotate(206deg); } 
.circle--slider .count7 li:nth-child(6) { -webkit-transform: rotate(-103deg); transform: rotate(-103deg); } 
.circle--slider .count7 li:nth-child(7) { -webkit-transform: rotate(-51.5deg); transform: rotate(-51.5deg); } 
.circle--slider .count8 li:nth-child(2) { -webkit-transform: rotate(45deg); transform: rotate(45deg); } 
.circle--slider .count8 li:nth-child(3) { -webkit-transform: rotate(90deg); transform: rotate(90deg); } 
.circle--slider .count8 li:nth-child(4) { -webkit-transform: rotate(135deg); transform: rotate(135deg); } 
.circle--slider .count8 li:nth-child(5) { -webkit-transform: rotate(180deg); transform: rotate(180deg); } 
.circle--slider .count8 li:nth-child(6) { -webkit-transform: rotate(-135deg); transform: rotate(-135deg); } 
.circle--slider .count8 li:nth-child(7) { -webkit-transform: rotate(-90deg); transform: rotate(-90deg); } 
.circle--slider .count8 li:nth-child(8) { -webkit-transform: rotate(-45deg); transform: rotate(-45deg); } 
.circle--slider .count9 li:nth-child(2) { -webkit-transform: rotate(40deg); transform: rotate(40deg); } 
.circle--slider .count9 li:nth-child(3) { -webkit-transform: rotate(80deg); transform: rotate(80deg); } 
.circle--slider .count9 li:nth-child(4) { -webkit-transform: rotate(120deg); transform: rotate(120deg); } 
.circle--slider .count9 li:nth-child(5) { -webkit-transform: rotate(160deg); transform: rotate(160deg); } 
.circle--slider .count9 li:nth-child(6) { -webkit-transform: rotate(-160deg); transform: rotate(-160deg); } 
.circle--slider .count9 li:nth-child(7) { -webkit-transform: rotate(-120deg); transform: rotate(-120deg); } 
.circle--slider .count9 li:nth-child(8) { -webkit-transform: rotate(-80deg); transform: rotate(-80deg); } 
.circle--slider .count9 li:nth-child(9) { -webkit-transform: rotate(-40deg); transform: rotate(-40deg); } 
.circle--slider .count10 li:nth-child(2) { -webkit-transform: rotate(36deg); transform: rotate(36deg); } 
.circle--slider .count10 li:nth-child(3) { -webkit-transform: rotate(72deg); transform: rotate(72deg); } 
.circle--slider .count10 li:nth-child(4) { -webkit-transform: rotate(108deg); transform: rotate(108deg); } 
.circle--slider .count10 li:nth-child(5) { -webkit-transform: rotate(144deg); transform: rotate(144deg); } 
.circle--slider .count10 li:nth-child(6) { -webkit-transform: rotate(-180deg); transform: rotate(-180deg); } 
.circle--slider .count10 li:nth-child(7) { -webkit-transform: rotate(-144deg); transform: rotate(-144deg); } 
.circle--slider .count10 li:nth-child(8) { -webkit-transform: rotate(-108deg); transform: rotate(-108deg); } 
.circle--slider .count10 li:nth-child(9) { -webkit-transform: rotate(-72deg); transform: rotate(-72deg); } 
.circle--slider .count10 li:nth-child(10) { -webkit-transform: rotate(-36deg); transform: rotate(-36deg); } 
.circle--slider .animate-wrapper { width: 100%; max-width:369px; height: 100%; position: absolute; top: 0; left: 0; right: 0; bottom: 0; margin: auto; border-radius: 50%; transform:rotate(2deg); } 
.circle--slider .animate-title { color: red; } 
.circle--slider .animate-img { width: 25%; height: 25%; border-radius: 50%; overflow: hidden; } 
.circle--slider .animate-img .animate-img__in { position: absolute; top: -31px; bottom: 0; left: 0; right: 0; margin: auto; opacity: 0; 
}
.circle--slider .animate-more {opacity: 0;visibility: hidden;transition: all .5s .4s;min-width: 131px;overflow: hidden;text-align: center;z-index: 30;position: absolute;top: 0;left: 0;right: 0;bottom: 0;margin: auto;padding: 15px;height: 62px; -webkit-transform: scale(0.8); transform: scale(0.8); } 
.circle--slider .animate.active .animate-more {opacity: 1;visibility: visible;-webkit-transform: scale(1);transform: scale(1); } 
.circle--slider .animate.active .animate-img .animate-img__in {opacity: 1;-webkit-transform: scale(1);transform: scale(1); } 
.circle--slider .prev,
.circle--slider .next { position: absolute; top: 0; bottom: 0; margin: auto; display: block; height: 62px; width: 87px; text-align: center; cursor: pointer; } 
.circle--slider .prev span,
.circle--slider .next span { -webkit-writing-mode: vertical-rl; -ms-writing-mode: tb-rl; writing-mode: vertical-rl; text-orientation: upright; font-weight: 700; } 
.circle--slider .prev { left: 250px; } 
.circle--slider .next { right: 250px; } 

.circle-carousel .progressBarContainer { position: absolute; bottom: 18px; width:100%; left:0; } 

.circle-carousel .progressBarContainer > div { display: block; width: 36px; padding: 0; cursor: pointer; margin-right: 2px; float: left; color: white; position:relative; } 

.circle-carousel .progressBarContainer div:last-child { margin-right: 0; } 

.circle-carousel .progressBarContainer div span.progressBar { width: 100%; height: 7px; background-color: rgba(25, 45, 56, 0.20); display: block; transition: all 4s ease-out; }

.circle-carousel .progressBarContainer div.inProgress span.progressBar { background-color: var(--color-primary-3); width: 0%; height: 7px; animation: load 12s normal forwards; } 

.circle-carousel .progressBarContainer div.previous span.progressBar { background:rgba(25, 45, 56, 1); } 
.circle-carousel .progressBarContainer div span.progressBar { position:relative; } 
.circle-carousel .progressBarContainer > div:before { position:absolute; content:''; background:rgba(25, 45, 56, 0.20); width:100%; top:0; left:0; height:7px; } 
@keyframes load { 
 0% { width: 0; } 
 100% { width: 100%; } 
 }

.content--top p.label { max-width: 282px; margin: 0 auto; margin-bottom:12px; } 
.content--top p.body-small { max-width: 168px; margin: 0 auto; margin-bottom:42px; } 
.content--bottom { margin-top: 44px; } 
.content--bottom .h4 { margin-bottom: 46px; } 

@media only screen and (max-width:1199px) {.circle-carousel--main { width:auto; height:auto; transform: rotate(0deg); } 
.circle-carousel--content { margin-bottom:133px; } 
.content--top p.label { max-width: 205px; margin-bottom:15px; } 
.content--bottom .h4 { margin-bottom: -7px; } 
.circle-carousel--content p.intro { max-width: 100%; } 
.circle-carousel .inner-module--spacing { padding-top:0; padding-bottom:150px; } 
.circle--slider .animate-wrapper { transform: rotate(0deg); } 
 }

@media only screen and (max-width:767px) {.circle--rotate { border:none; } 
.circle--rotate > li { display:none; } 
.circle--slider .animate-wrapper { width:100%; max-width:100%; } 
.circle-carousel--content { margin-bottom:80px; } 
.circle-carousel--main { width: 556px; height: 556px; left:50%; transform: translate(-50%); margin:0; } 
.circle--slider .animate-img .animate-img__in { top:0; } 
.content--top p.label { margin-bottom:16px; } 
.content--top p.body-small { margin-bottom:44px; } 
.content--bottom { margin-top: 0px; } 
.circle-carousel .progressBarContainer { bottom:auto; top:435px; } 
.circle-carousel--main:before { width: calc(100% + 150px); height: calc(100% + 150px); } 
.circle-carousel--main .circle-carousel--items:before { width: calc(100% + 100px); height: calc(100% + 100px); } 
.circle-carousel--main .circle-carousel--items:after { width: calc(100% + 50px); height: calc(100% + 50px); } 
.circle-carousel--main:after { width: calc(100% + 200px); height: calc(100% + 200px); } 
.circle--slider .rotate--circle { padding:29px 0; } 
.circle--slider .animate-img { width:100%; height:100%; } 
.content--top .icon { margin-bottom: 42px; } 
.content--bottom p.text { max-width:324px; margin: 0 auto; margin-top:0; } 
.content--bottom .h4 { margin-bottom: 31px; } 
.circle-carousel .inner-module--spacing { padding-bottom:100px; } 
 }