@-webkit-keyframes rotate {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}
@keyframes rotate {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}
.circular-text {
  margin: 0 !important;
}
.circular-text__border {
  margin: auto !important;
}
.circular-text__border::before {
  box-sizing: inherit;
}

.circular-text-icon-slideshow {
  margin: 50px 0 !important;
}
.circular-text-icon__wrapper {
  padding: 10.5px;
}
.circular-text-icon__icon {
  margin: auto !important;
}
.circular-text-icon__icon > * {
  margin: auto !important;
}
.circular-text-icon .circular-text__star {
  display: inline-block;
  background-image: url("data:image/svg+xml,%3Csvg width='11' height='11' viewBox='0 0 11 11' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M5.33322 0.555542L6.58052 4.39434H10.6169L7.35139 6.76684L8.59869 10.6056L5.33322 8.23313L2.06775 10.6056L3.31505 6.76684L0.0495725 4.39434H4.08592L5.33322 0.555542Z' fill='%23fff' /%3E%3C/svg%3E");
  width: 11px;
  height: 11px;
}
.circular-text-icon:hover .circular-text-icon__text {
  -webkit-animation: rotate 5s infinite linear;
          animation: rotate 5s infinite linear;
}
.circular-text-icon__black .circular-text-icon__wrapper {
  background: #2f2f2f;
  color: white;
}
.circular-text-icon__black .circular-text-icon__icon {
  font-size: 40px;
}
.circular-text-icon__black .circular-text__border::before {
  border-color: white;
}
.circular-text-icon__black .circular-text__star {
  display: inline-block;
  background-image: url("data:image/svg+xml,%3Csvg width='11' height='11' viewBox='0 0 11 11' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M5.33322 0.555542L6.58052 4.39434H10.6169L7.35139 6.76684L8.59869 10.6056L5.33322 8.23313L2.06775 10.6056L3.31505 6.76684L0.0495725 4.39434H4.08592L5.33322 0.555542Z' fill='%23fff' /%3E%3C/svg%3E");
  width: 11px;
  height: 11px;
}
.circular-text-icon__black.--is-active.--is-active .circular-text-icon__wrapper {
  color: #126ab5;
  background: white;
  box-shadow: 0 0 11px 0 rgba(18, 106, 181, 0.25);
}
.circular-text-icon__black.--is-active.--is-active .circular-text-icon__wrapper::before {
  content: "";
  display: block;
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  border-radius: 100%;
  border: 3px solid #126ab5;
}
.circular-text-icon__black.--is-active.--is-active .circular-text__border::before {
  border-color: #126ab5;
}
.circular-text-icon__wp .circular-text-icon__wrapper {
  background-color: #4184a9;
  color: white;
}
.circular-text-icon__wp .circular-text__item i {
  font-size: 11px;
}
.circular-text-icon__wp.--is-active .circular-text-icon__wrapper {
  color: #4184a9;
  background-color: white;
  box-shadow: 0 0 11px 0 rgba(65, 132, 169, 0.25);
}
.circular-text-icon__wp.--is-active .circular-text-icon__wrapper::before {
  content: "";
  display: block;
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  border-radius: 100%;
  border: 3px solid #4184a9;
}
.circular-text-icon__wp.--is-active .circular-text__border::before {
  border-color: #4184a9;
}
.circular-text-icon__figma .circular-text-icon__wrapper {
  background-color: #f24d1f;
  color: white;
}
.circular-text-icon__figma .circular-text-icon__wrapper::before {
  content: "";
  display: block;
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  margin: auto;
  width: calc(100% - 1px);
  height: calc(100% - 1px);
  border-radius: 100%;
  border: 1px solid #d24219;
}
.circular-text-icon__figma .circular-text-icon__icon {
  font-size: 50px;
}
.circular-text-icon__figma .circular-text-icon__icon img {
  -o-object-fit: contain;
     object-fit: contain;
  border-radius: unset;
  width: 90%;
}
.circular-text-icon__figma .circular-text__item i {
  font-size: 11px;
}
.circular-text-icon__figma.--is-active .circular-text-icon__wrapper {
  color: #f24d1f;
  background-color: white;
  box-shadow: 0 0 4px 0 rgba(0, 0, 0, 0.25);
}
.circular-text-icon__figma.--is-active .circular-text-icon__wrapper::before {
  border: 2px solid #d24219;
}
.circular-text-icon__figma.--is-active .circular-text__border::before {
  border-color: #d24219;
}
.circular-text-icon__wix .circular-text-icon__wrapper {
  background-color: #eb9834;
  color: white;
}
.circular-text-icon__wix .circular-text-icon__wrapper::before {
  content: "";
  display: block;
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  margin: auto;
  width: calc(100% - 1px);
  height: calc(100% - 1px);
  border-radius: 100%;
  border: 1px solid #c18338;
}
.circular-text-icon__wix .circular-text-icon__icon {
  font-size: 50px;
}
.circular-text-icon__wix .circular-text__item i {
  font-size: 11px;
}
.circular-text-icon__wix.--is-active .circular-text-icon__wrapper {
  color: #eb9834;
  background-color: white;
  box-shadow: 0 0 7px 0 #dadada;
}
.circular-text-icon__wix.--is-active .circular-text-icon__wrapper::before {
  border: 2px solid #c18338;
}
.circular-text-icon__wix.--is-active .circular-text__border::before {
  border-color: #c18338;
}
.circular-text-icon__html .circular-text-icon__wrapper {
  background: #e44d26;
  /* fallback for old browsers */
  /* Chrome 10-25, Safari 5.1-6 */
  background: linear-gradient(to right, #f16529, #e44d26);
  /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */
  color: white;
}
.circular-text-icon__html.--is-active.--is-active .circular-text-icon__wrapper {
  color: #e44d26;
  background: white;
  box-shadow: 0 0 11px 0 rgba(228, 77, 38, 0.25);
}
.circular-text-icon__html.--is-active.--is-active .circular-text-icon__wrapper::before {
  content: "";
  display: block;
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  border-radius: 100%;
  border: 3px solid #e44d26;
}
.circular-text-icon__html.--is-active.--is-active .circular-text__border::before {
  border-color: #e44d26;
}
.circular-text-icon__css .circular-text-icon__wrapper {
  background: #30a4d4;
  /* fallback for old browsers */
  /* Chrome 10-25, Safari 5.1-6 */
  background: linear-gradient(to right, #30a4d4, #2858c5);
  color: white;
}
.circular-text-icon__css.--is-active.--is-active .circular-text-icon__wrapper {
  color: #30a4d4;
  background: white;
  box-shadow: 0 0 11px 0 rgba(48, 164, 212, 0.25);
}
.circular-text-icon__css.--is-active.--is-active .circular-text-icon__wrapper::before {
  content: "";
  display: block;
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  border-radius: 100%;
  border: 3px solid #30a4d4;
}
.circular-text-icon__css.--is-active.--is-active .circular-text__border::before {
  border-color: #30a4d4;
}
.circular-text-icon__js .circular-text-icon__wrapper {
  background: #d3c128;
  /* fallback for old browsers */
  /* Chrome 10-25, Safari 5.1-6 */
  background: linear-gradient(to right, #d3c128, #f37335);
  color: white;
}
.circular-text-icon__js.--is-active.--is-active .circular-text-icon__wrapper {
  color: #d3c128;
  background: white;
  box-shadow: 0 0 11px 0 rgba(243, 115, 53, 0.25);
}
.circular-text-icon__js.--is-active.--is-active .circular-text-icon__wrapper::before {
  content: "";
  display: block;
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  border-radius: 100%;
  border: 3px solid #d3c128;
}
.circular-text-icon__js.--is-active.--is-active .circular-text__border::before {
  border-color: #d3c128;
}
.circular-text-icon__php .circular-text-icon__wrapper {
  background: #8e2de2;
  /* fallback for old browsers */
  /* Chrome 10-25, Safari 5.1-6 */
  background: linear-gradient(to right, #8e2de2, #3e6ae5);
  color: white;
}
.circular-text-icon__php .circular-text-icon__icon {
  color: #8e2de2;
  width: 100%;
}
.circular-text-icon__php.--is-active.--is-active .circular-text-icon__wrapper {
  color: #8e2de2;
  background: white;
  box-shadow: 0 0 11px 0 rgba(142, 45, 226, 0.25);
}
.circular-text-icon__php.--is-active.--is-active .circular-text-icon__wrapper::before {
  content: "";
  display: block;
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  border-radius: 100%;
  border: 3px solid #8e2de2;
}
.circular-text-icon__php.--is-active.--is-active .circular-text__border::before {
  border-color: #8e2de2;
}
.circular-text-icon__python .circular-text-icon__wrapper {
  background: #126ab5;
  /* fallback for old browsers */
  /* Chrome 10-25, Safari 5.1-6 */
  background: linear-gradient(140deg, #126ab5 50%, #fdbb2d 50%);
  color: white;
}
.circular-text-icon__python.--is-active.--is-active .circular-text-icon__wrapper {
  color: #126ab5;
  background: white;
  box-shadow: 0 0 11px 0 rgba(18, 106, 181, 0.25);
}
.circular-text-icon__python.--is-active.--is-active .circular-text-icon__wrapper::before {
  content: "";
  display: block;
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  border-radius: 100%;
  border: 3px solid #126ab5;
}
.circular-text-icon__python.--is-active.--is-active .circular-text__border::before {
  border-color: #126ab5;
}