/* Section Services */
 .services {
   display: flex;
   justify-content: space-between;
}
 .services > * {
   flex-grow: 1;
}
 .circle--rotate {
   border-radius: 50%;
   border: 1px #000 solid;
   width: 80%;
   height: 545px;
   margin: 0 auto 0;
   position: relative;
   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: 40px;
   color: #fff;
   border-radius: 50%;
   background-color: #000;
   height: 15%;
   width: 15%;
   margin: -7% auto;
   transition: all 500ms ease;
   box-shadow: -10px 10px 25px rgba(0, 0, 0, .2);
   display: flex;
   flex-direction: column;
   align-items: center;
   justify-content: center;
}
 .circle--rotate > li i {
   color: #fff;
   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;*/
   /*margin-top: -6px;*/
   margin-left: 2px;
	 width: 60%;
}
 .circle--slider {
   position: relative;
}
 .circle--slider .rotate--circle {
   margin: 0 auto;
}
 .circle--slider .circle--rotate > li div {
   position: relative;
   overflow: visible;
   background-color: #142149;
}
 .circle--slider .circle--rotate > li div span {
   transform: rotate(0deg);
   transition: all 2s;
   opacity: 0;
}
 .circle--slider .circle--rotate > li.active div {
   font-size: 40px;
   background-color: #009eff;
   transition: all 1s;
}
 .circle--slider .circle--rotate > li.active div span {
   width: 100%;
   height: 100%;
   display: block;
   position: absolute;
   top: 0;
   left: 0;
   transform: rotate(-45deg);
   z-index: -1;
   opacity: 1;
}
 .circle--slider .circle--rotate > li.active div span:before {
   position: absolute;
   height: 1px;
   top: -50%;
   right: 140%;
   bottom: 0;
   margin: auto;
   content: "";
   width: 30%;
   height: 30%;
   filter: blur(3px);
   opacity: 0.7;
   border: 6px solid #f48e2a;
   z-index: -1;
}
 .circle--slider .circle--rotate > li.active div span:after {
   position: absolute;
   height: 1px;
   top: 100%;
   left: 130%;
   bottom: 0;
   margin: auto;
   content: "";
   width: 40%;
   height: 40%;
   border-radius: 50%;
   opacity: 0.7;
   border: 8px solid #fe9290;
   z-index: 5;
}
 .circle--slider .count2 li:nth-child(2) {
   transform: rotate(180deg);
}
 .circle--slider .count3 li:nth-child(2) {
   transform: rotate(120deg);
}
 .circle--slider .count3 li:nth-child(3) {
   transform: rotate(240deg);
}
 .circle--slider .count4 li:nth-child(2) {
   transform: rotate(90deg);
}
 .circle--slider .count4 li:nth-child(3) {
   transform: rotate(180deg);
}
 .circle--slider .count4 li:nth-child(4) {
   transform: rotate(270deg);
}
 .circle--slider .count5 li:nth-child(2) {
   transform: rotate(72deg);
}
 .circle--slider .count5 li:nth-child(3) {
   transform: rotate(144deg);
}
 .circle--slider .count5 li:nth-child(4) {
   transform: rotate(216deg);
}
 .circle--slider .count5 li:nth-child(5) {
   transform: rotate(-72deg);
}
 .circle--slider .count6 li:nth-child(2) {
   transform: rotate(60deg);
}
 .circle--slider .count6 li:nth-child(3) {
   transform: rotate(120deg);
}
 .circle--slider .count6 li:nth-child(4) {
   transform: rotate(180deg);
}
 .circle--slider .count6 li:nth-child(5) {
   transform: rotate(240deg);
}
 .circle--slider .count6 li:nth-child(6) {
   transform: rotate(-60deg);
}
 .circle--slider .count7 li:nth-child(2) {
   transform: rotate(51.5deg);
}
 .circle--slider .count7 li:nth-child(3) {
   transform: rotate(103deg);
}
 .circle--slider .count7 li:nth-child(4) {
   transform: rotate(154.5deg);
}
 .circle--slider .count7 li:nth-child(5) {
   transform: rotate(206deg);
}
 .circle--slider .count7 li:nth-child(6) {
   transform: rotate(-103deg);
}
 .circle--slider .count7 li:nth-child(7) {
   transform: rotate(-51.5deg);
}
 .circle--slider .count8 li:nth-child(2) {
   transform: rotate(45deg);
}
 .circle--slider .count8 li:nth-child(3) {
   transform: rotate(90deg);
}
 .circle--slider .count8 li:nth-child(4) {
   transform: rotate(135deg);
}
 .circle--slider .count8 li:nth-child(5) {
   transform: rotate(180deg);
}
 .circle--slider .count8 li:nth-child(6) {
   transform: rotate(-135deg);
}
 .circle--slider .count8 li:nth-child(7) {
   transform: rotate(-90deg);
}
 .circle--slider .count8 li:nth-child(8) {
   transform: rotate(-45deg);
}
 .circle--slider .count9 li:nth-child(2) {
   transform: rotate(40deg);
}
 .circle--slider .count9 li:nth-child(3) {
   transform: rotate(80deg);
}
 .circle--slider .count9 li:nth-child(4) {
   transform: rotate(120deg);
}
 .circle--slider .count9 li:nth-child(5) {
   transform: rotate(160deg);
}
 .circle--slider .count9 li:nth-child(6) {
   transform: rotate(-160deg);
}
 .circle--slider .count9 li:nth-child(7) {
   transform: rotate(-120deg);
}
 .circle--slider .count9 li:nth-child(8) {
   transform: rotate(-80deg);
}
 .circle--slider .count9 li:nth-child(9) {
   transform: rotate(-40deg);
}
 .circle--slider .count10 li:nth-child(2) {
   transform: rotate(36deg);
}
 .circle--slider .count10 li:nth-child(3) {
   transform: rotate(72deg);
}
 .circle--slider .count10 li:nth-child(4) {
   transform: rotate(108deg);
}
 .circle--slider .count10 li:nth-child(5) {
   transform: rotate(144deg);
}
 .circle--slider .count10 li:nth-child(6) {
   transform: rotate(-180deg);
}
 .circle--slider .count10 li:nth-child(7) {
   transform: rotate(-144deg);
}
 .circle--slider .count10 li:nth-child(8) {
   transform: rotate(-108deg);
}
 .circle--slider .count10 li:nth-child(9) {
   transform: rotate(-72deg);
}
 .circle--slider .count10 li:nth-child(10) {
   transform: rotate(-36deg);
}
 .circle--slider .animate-wrapper {
   width: 50%;
   height: 50%;
   position: absolute;
   top: 90px;
   left: 0;
   right: 0;
   bottom: 0;
   margin: 0 auto;
   border-radius: 50%;
}
 .circle--slider .animate-title {
   color: #fff;
   font-family: 'Poppins-SemiBold';
}
 .circle--slider .animate-img {
   width: 25%;
   height: 25%;
   border-radius: 50%;
   overflow: hidden;
}
 .circle--slider .animate-img .animate-img__in {
   position: absolute;
   top: 0;
   bottom: 0;
   left: 0;
   right: 0;
   margin: auto;
   border-radius: 50%;
   background-repeat: no-repeat;
   z-index: 3;
   transform: rotate3d(0, 0, 0, 0deg) scale(0.85);
   transition: 0.55s ease-in-out;
   width: 100%;
   height: 100%;
   opacity: 0;
   background-size: cover;
   box-shadow: -20px 20px 50px rgba(0, 0, 0, .3);
}
 .circle--slider .animate-more {
   opacity: 0;
   visibility: hidden;
   transition: all 0.5s 0.4s;
   min-width: 131px;
   overflow: visible;
   text-align: center;
   z-index: 30;
   position: absolute;
   top: 0;
   left: 0;
   right: 0;
   bottom: 0;
   margin: auto;
   padding: 15px;
   height: 62px;
   transform: scale(0.8);
}
 .circle--slider .animate.active .animate-more {
   opacity: 1;
   visibility: visible;
   transform: scale(1);
}
 .circle--slider .animate.active .animate-img .animate-img__in {
   opacity: 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 {
   writing-mode: vertical-rl;
   text-orientation: upright;
   font-weight: 700;
}
 .circle--slider .prev {
  top: 240px;
   right: -165px;
}
 .circle--slider .next {
  top: 0px;
   right: -165px;
}
 


@media (max-width: 1650px) and (min-width: 1200px)
{
  .circle--slider .prev span, .circle--slider .next span
  {
    writing-mode:horizontal-tb;
  }
  .circle--slider .next
  {
    top: 220%;
    right: 150px;
  }
  .circle--slider .prev
  {
    top: 220%;
    right: 90px;
  }
}
@media (max-width: 1199px) and (min-width: 992px)
{
  .ss-main-block
  {
    flex-direction: column;
  }
  .circle--rotate
  {
    height: 561px;
    width: 60%;
  }
  .services
  {
    width: 80%;
    margin-top: 80px;
  }
  .circle--slider .animate-wrapper
  {
    width: 35%;
    height: 305px;
  }
  .circle--slider .next
  {
    top: 220%;
    right: 150px;
  }
  .circle--slider .prev
  {
    top: 220%;
    right: 90px;
  }
}
@media (max-width: 991px) and (min-width: 768px)
{
  .ss-main-block
  {
    flex-direction: column;
  }
  .circle--rotate
  {
    height: 561px;
    width: 80%;
  }
  .services
  {
    width: 80%;
    margin-top: 80px;
  }
  .circle--slider .animate-wrapper
  {
    width: 50%;
    height: 305px;
  }
  .circle--slider .next
  {
    right: -200px;
  }
  .circle--slider .prev
  {
    right: -200px;
  }
}
@media (max-width: 767px) and (min-width: 568px)
{
  .ss-main-block
  {
    flex-direction: column;
  }
  .circle--rotate
  {
    height: 561px;
    width: 80%;
  }
  .services
  {
    width: 90%;
    margin-top: 80px;
  }
  .circle--slider .animate-wrapper
  {
    width: 50%;
    height: 305px;
  }
  .circle--slider .next
  {
    right: -160px;
  }
  .circle--slider .prev
  {
    right: -160px;
  }
  .circle--slider .circle--rotate > li.active div
  {
    font-size: 26px;
  }
  .circle--rotate > li .icon
  {
    font-size: 26px;
  }
}
@media (max-width: 567px) and (min-width: 508px)
{
  .ss-main-block
  {
    flex-direction: column;
  }
  .circle--rotate
  {
    height: 561px;
    width: 80%;
  }
  .services
  {
    width: 90%;
    margin-top: 80px;
  }
  .circle--slider .animate-wrapper
  {
    width: 50%;
    height: 305px;
  }
  .circle--slider .next
  {
    right: -160px;
  }
  .circle--slider .prev
  {
    right: -160px;
  }
  .circle--slider .circle--rotate > li.active div
  {
    font-size: 26px;
  }
  .circle--rotate > li .icon
  {
    font-size: 26px;
  }
}
@media (max-width: 507px) and (min-width: 483px)
{
  .ss-main-block
  {
    flex-direction: column;
  }
  .circle--rotate
  {
    height: 561px;
    width: 80%;
  }
  .services
  {
    width: 100%;
    margin-top: 80px;
  }
  .circle--slider .animate-wrapper
  {
    width: 50%;
    height: 305px;
  }
  .circle--slider .next
  {
    right: -160px;
    display: none;
  }
  .circle--slider .prev
  {
    right: -160px;
    display: none;
  }
  .circle--slider .circle--rotate > li.active div
  {
    font-size: 26px;
  }
  .circle--rotate > li .icon
  {
    font-size: 26px;
  }
}
@media (max-width: 482px) and (min-width: 448px)
{
  .ss-main-block
  {
    flex-direction: column;
  }
  .circle--rotate
  {
    height: 561px;
    width: 80%;
  }
  .services
  {
    width: 100%;
    margin-top: 80px;
  }
  .circle--slider .animate-wrapper
  {
    width: 50%;
    height: 305px;
  }
  .circle--slider .next
  {
    right: -160px;
    display: none;
  }
  .circle--slider .prev
  {
    right: -160px;
    display: none;
  }
  .circle--slider .circle--rotate > li.active div
  {
    font-size: 26px;
  }
  .circle--rotate > li .icon
  {
    font-size: 26px;
  }
}
@media (max-width: 447px)
{
  .ss-main-block
  {
    flex-direction: column;
  }
  .circle--rotate
  {
    height: 561px;
    width: 80%;
  }
  .services
  {
    width: 100%;
    margin-top: 80px;
  }
  .circle--slider .animate-wrapper
  {
    width: 50%;
    height: 305px;
  }
  .circle--slider .next
  {
    right: -160px;
    display: none;
  }
  .circle--slider .prev
  {
    right: -160px;
    display: none;
  }
  .circle--slider .circle--rotate > li.active div
  {
    font-size: 26px;
  }
  .circle--rotate > li .icon
  {
    font-size: 26px;
  }
}