/* svg styles */
/* .breakdown-service svg g.service-icon{
  cursor:pointer;
} */

.breakdown-service svg .snippet {
   opacity:0;
   transition: all ease-in-out 0.1s;
}

  .breakdown-service svg g.cloud-icon > a:hover{
    cursor:pointer;
  }

  .breakdown-service svg g.cloud-icon > a:hover .circle-bg{
      fill: #00966c;
  }

  .breakdown-service svg g.network-icon > a:hover .circle-bg{
      fill: #68939b;
  }

  .breakdown-service svg g.endpoint-icon > a:hover .circle-bg{
      fill:#005e5d;
  }

.breakdown-service svg g.service-icon > a:hover .monitor-stand,
.breakdown-service svg g.service-icon > a:hover > path{
  fill:#fff;
}

.breakdown-service svg g.service-icon:hover g.snippet {
    opacity:1;
}

.breakdown-service svg g.service-icon:hover .meta{
  opacity:0;
}

/* svg styles ends */


.font-arrow{
  font-family:fontAwesome !important;
}

.breakdown-items .icon {
    max-width: 60px;
    margin-right: .5em;
}

.breakdown-items .title {
  margin-top: 0;
  margin-bottom: .4em;
  font-weight: 400;
  font-size: 16px;
}

.breakdown-items  .snippet {
    font-size: .85em;
    margin-top: 0;
}

.breakdown-items  .item {
    padding: 1em;
    border-bottom: solid 1px #dedede;
}

.breakdown-items  .item:last-of-type {
    border-bottom: none;
}

.breakdown-items,
.breakdown-svg{
  display:none;
}

@media (min-width:769px){
  .breakdown-svg{
    display:block;
  }
  
  .breakdown-svg-wrap{
    width:100vh !important;
  }
}



@media (max-width:768px){
  .breakdown-items{
    display:block;
  }
}


/* ROTATE */
.parent-axis{
  position: relative;
}

.axis{
  border-radius:100%;
  background-color:#fff;
  transform: rotate(0deg);
  transform-origin: center 54%;
  width:100%;
  height:100%;
}
/* Axis rotation */
{##}
.axis{
    animation: orbit 60s infinite linear;
}
  @-webkit-keyframes orbit {
      100% {
        transform:rotate(360deg); 
      }
  }


/* -- additional content - cta section -- */

.cta__wrapper {
  display:-webkit-box;
  display:-ms-flexbox;
  display:flex;
  -webkit-box-orient:horizontal;
  -webkit-box-direction:normal;
      -ms-flex-direction:row;
          flex-direction:row;
  -ms-flex-wrap:wrap;
      flex-wrap:wrap;
  -webkit-box-pack:center;
      -ms-flex-pack:center;
          justify-content:center;
}

/* --- popup form -- */

.offer-form.popup-form {
    max-width: 700px;
    margin: 0 auto;
    z-index: 10;
    position:relative;
}
.offer-form.popup-form .main-content {
    margin-bottom: 3rem;
    width: 90%;
}
.offer-form.popup-form .main-content h3,
.offer-form.popup-form .main-content p {
    margin: 0;
    color: #222222;
}