.elementor-5404 .elementor-element.elementor-element-dba610e:not(.elementor-motion-effects-element-type-background), .elementor-5404 .elementor-element.elementor-element-dba610e > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://www.hiteco.com.cn/wp-content/uploads/2020/12/contact-bg.jpg");background-position:center center;background-repeat:no-repeat;background-size:cover;}.elementor-5404 .elementor-element.elementor-element-dba610e > .elementor-background-overlay{background-color:var( --e-global-color-199a1f0 );opacity:0.77;transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-5404 .elementor-element.elementor-element-dba610e > .elementor-container{max-width:968px;min-height:436px;}.elementor-5404 .elementor-element.elementor-element-dba610e{transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;margin-top:-70px;margin-bottom:0px;}.elementor-bc-flex-widget .elementor-5404 .elementor-element.elementor-element-eb77e66.elementor-column .elementor-widget-wrap{align-items:flex-start;}.elementor-5404 .elementor-element.elementor-element-eb77e66.elementor-column.elementor-element[data-element_type="column"] > .elementor-widget-wrap.elementor-element-populated{align-content:flex-start;align-items:flex-start;}.elementor-5404 .elementor-element.elementor-element-eb77e66.elementor-column > .elementor-widget-wrap{justify-content:center;}.elementor-widget-heading .elementor-heading-title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );color:var( --e-global-color-primary );}.elementor-5404 .elementor-element.elementor-element-aa0d98f{width:var( --container-widget-width, 480px );max-width:480px;--container-widget-width:480px;--container-widget-flex-grow:0;text-align:center;}.elementor-5404 .elementor-element.elementor-element-aa0d98f > .elementor-widget-container{margin:0px 0px 5px 0px;padding:0px 0px 0px 0px;}.elementor-5404 .elementor-element.elementor-element-aa0d98f .elementor-heading-title{font-family:"Poppins", Sans-serif;font-size:2.2em;font-weight:700;color:var( --e-global-color-13d400a );}.elementor-5404 .elementor-element.elementor-element-943854c{--spacer-size:50px;}.elementor-5404 .elementor-element.elementor-element-d9edecf{width:var( --container-widget-width, 814px );max-width:814px;--container-widget-width:814px;--container-widget-flex-grow:0;text-align:center;}.elementor-5404 .elementor-element.elementor-element-d9edecf > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-5404 .elementor-element.elementor-element-d9edecf .elementor-heading-title{font-family:"Poppins", Sans-serif;font-size:1.5em;font-weight:400;line-height:1.2em;color:var( --e-global-color-13d400a );}.elementor-5404 .elementor-element.elementor-element-aefc9e9{margin-top:35px;margin-bottom:35px;}.elementor-widget-form .elementor-field-group > label, .elementor-widget-form .elementor-field-subgroup label{color:var( --e-global-color-text );}.elementor-widget-form .elementor-field-group > label{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-widget-form .elementor-field-type-html{color:var( --e-global-color-text );font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-widget-form .elementor-field-group .elementor-field{color:var( --e-global-color-text );}.elementor-widget-form .elementor-field-group .elementor-field, .elementor-widget-form .elementor-field-subgroup label{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-widget-form .elementor-button{font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-widget-form .e-form__buttons__wrapper__button-next{background-color:var( --e-global-color-accent );}.elementor-widget-form .elementor-button[type="submit"]{background-color:var( --e-global-color-accent );}.elementor-widget-form .e-form__buttons__wrapper__button-previous{background-color:var( --e-global-color-accent );}.elementor-widget-form .elementor-message{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-widget-form .e-form__indicators__indicator, .elementor-widget-form .e-form__indicators__indicator__label{font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-widget-form{--e-form-steps-indicator-inactive-primary-color:var( --e-global-color-text );--e-form-steps-indicator-active-primary-color:var( --e-global-color-accent );--e-form-steps-indicator-completed-primary-color:var( --e-global-color-accent );--e-form-steps-indicator-progress-color:var( --e-global-color-accent );--e-form-steps-indicator-progress-background-color:var( --e-global-color-text );--e-form-steps-indicator-progress-meter-color:var( --e-global-color-text );}.elementor-widget-form .e-form__indicators__indicator__progress__meter{font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-5404 .elementor-element.elementor-element-df223be .elementor-field-group{padding-right:calc( 10px/2 );padding-left:calc( 10px/2 );margin-bottom:10px;}.elementor-5404 .elementor-element.elementor-element-df223be .elementor-form-fields-wrapper{margin-left:calc( -10px/2 );margin-right:calc( -10px/2 );margin-bottom:-10px;}.elementor-5404 .elementor-element.elementor-element-df223be .elementor-field-group.recaptcha_v3-bottomleft, .elementor-5404 .elementor-element.elementor-element-df223be .elementor-field-group.recaptcha_v3-bottomright{margin-bottom:0;}body.rtl .elementor-5404 .elementor-element.elementor-element-df223be .elementor-labels-inline .elementor-field-group > label{padding-left:0px;}body:not(.rtl) .elementor-5404 .elementor-element.elementor-element-df223be .elementor-labels-inline .elementor-field-group > label{padding-right:0px;}body .elementor-5404 .elementor-element.elementor-element-df223be .elementor-labels-above .elementor-field-group > label{padding-bottom:0px;}.elementor-5404 .elementor-element.elementor-element-df223be .elementor-field-type-html{padding-bottom:0px;}.elementor-5404 .elementor-element.elementor-element-df223be .elementor-field-group .elementor-field:not(.elementor-select-wrapper){background-color:#ffffff;border-width:0px 0px 1px 0px;border-radius:0px 0px 0px 0px;}.elementor-5404 .elementor-element.elementor-element-df223be .elementor-field-group .elementor-select-wrapper select{background-color:#ffffff;border-width:0px 0px 1px 0px;border-radius:0px 0px 0px 0px;}.elementor-5404 .elementor-element.elementor-element-df223be .e-form__buttons__wrapper__button-next{background-color:var( --e-global-color-8951b3a );color:#ffffff;}.elementor-5404 .elementor-element.elementor-element-df223be .elementor-button[type="submit"]{background-color:var( --e-global-color-8951b3a );color:#ffffff;}.elementor-5404 .elementor-element.elementor-element-df223be .elementor-button[type="submit"] svg *{fill:#ffffff;}.elementor-5404 .elementor-element.elementor-element-df223be .e-form__buttons__wrapper__button-previous{background-color:var( --e-global-color-8951b3a );color:#ffffff;}.elementor-5404 .elementor-element.elementor-element-df223be .e-form__buttons__wrapper__button-next:hover{background-color:var( --e-global-color-text );color:#ffffff;}.elementor-5404 .elementor-element.elementor-element-df223be .elementor-button[type="submit"]:hover{background-color:var( --e-global-color-text );color:#ffffff;}.elementor-5404 .elementor-element.elementor-element-df223be .elementor-button[type="submit"]:hover svg *{fill:#ffffff;}.elementor-5404 .elementor-element.elementor-element-df223be .e-form__buttons__wrapper__button-previous:hover{color:#ffffff;}.elementor-5404 .elementor-element.elementor-element-df223be{--e-form-steps-indicators-spacing:20px;--e-form-steps-indicator-padding:30px;--e-form-steps-indicator-inactive-secondary-color:#ffffff;--e-form-steps-indicator-active-secondary-color:#ffffff;--e-form-steps-indicator-completed-secondary-color:#ffffff;--e-form-steps-divider-width:1px;--e-form-steps-divider-gap:10px;}.elementor-widget-text-editor{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );color:var( --e-global-color-text );}.elementor-widget-text-editor.elementor-drop-cap-view-stacked .elementor-drop-cap{background-color:var( --e-global-color-primary );}.elementor-widget-text-editor.elementor-drop-cap-view-framed .elementor-drop-cap, .elementor-widget-text-editor.elementor-drop-cap-view-default .elementor-drop-cap{color:var( --e-global-color-primary );border-color:var( --e-global-color-primary );}.elementor-5404 .elementor-element.elementor-element-376a893{font-family:"Poppins", Sans-serif;font-weight:300;color:var( --e-global-color-secondary );}.elementor-5404 .elementor-element.elementor-element-14f0fb5 > .elementor-container{min-height:720px;}.elementor-5404 .elementor-element.elementor-element-14f0fb5{margin-top:0px;margin-bottom:0px;padding:0px 0px 0px 0px;}.elementor-5404 .elementor-element.elementor-element-ed7f3e1:not(.elementor-motion-effects-element-type-background) > .elementor-widget-wrap, .elementor-5404 .elementor-element.elementor-element-ed7f3e1 > .elementor-widget-wrap > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://www.hiteco.com.cn/wp-content/uploads/2021/01/quality-lab-1.jpg");background-position:center center;background-repeat:no-repeat;background-size:cover;}.elementor-bc-flex-widget .elementor-5404 .elementor-element.elementor-element-ed7f3e1.elementor-column .elementor-widget-wrap{align-items:center;}.elementor-5404 .elementor-element.elementor-element-ed7f3e1.elementor-column.elementor-element[data-element_type="column"] > .elementor-widget-wrap.elementor-element-populated{align-content:center;align-items:center;}.elementor-5404 .elementor-element.elementor-element-ed7f3e1 > .elementor-element-populated{transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;margin:0% 0% 0% 0%;--e-column-margin-right:0%;--e-column-margin-left:0%;padding:0px 0px 0px 0px;}.elementor-5404 .elementor-element.elementor-element-ed7f3e1 > .elementor-element-populated > .elementor-background-overlay{transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-5404 .elementor-element.elementor-element-f8a3620{--spacer-size:50px;}.elementor-bc-flex-widget .elementor-5404 .elementor-element.elementor-element-b1c2354.elementor-column .elementor-widget-wrap{align-items:center;}.elementor-5404 .elementor-element.elementor-element-b1c2354.elementor-column.elementor-element[data-element_type="column"] > .elementor-widget-wrap.elementor-element-populated{align-content:center;align-items:center;}.elementor-5404 .elementor-element.elementor-element-b1c2354 > .elementor-element-populated{margin:0% 0% 0% 5%;--e-column-margin-right:0%;--e-column-margin-left:5%;}.elementor-5404 .elementor-element.elementor-element-2e6c014.elementor-column > .elementor-widget-wrap{justify-content:flex-start;}.elementor-5404 .elementor-element.elementor-element-ae7b937{width:auto;max-width:auto;text-align:center;}.elementor-5404 .elementor-element.elementor-element-ae7b937 > .elementor-widget-container{margin:0px 0px 0px 0px;}.elementor-5404 .elementor-element.elementor-element-ae7b937 .elementor-heading-title{font-family:"Poppins", Sans-serif;font-size:5.5em;font-weight:900;text-transform:uppercase;letter-spacing:-5px;color:var( --e-global-color-secondary );}.elementor-5404 .elementor-element.elementor-element-c16822a{--spacer-size:0px;}.elementor-5404 .elementor-element.elementor-element-af7d0e5{width:auto;max-width:auto;text-align:left;}.elementor-5404 .elementor-element.elementor-element-af7d0e5 > .elementor-widget-container{margin:0px 0px 0px 0px;}.elementor-5404 .elementor-element.elementor-element-af7d0e5 .elementor-heading-title{font-family:"Poppins", Sans-serif;font-size:1.5em;font-weight:900;text-transform:uppercase;color:var( --e-global-color-secondary );}.elementor-5404 .elementor-element.elementor-element-2a112ef{--spacer-size:29px;}.elementor-widget-accordion .elementor-accordion-icon, .elementor-widget-accordion .elementor-accordion-title{color:var( --e-global-color-primary );}.elementor-widget-accordion .elementor-accordion-icon svg{fill:var( --e-global-color-primary );}.elementor-widget-accordion .elementor-active .elementor-accordion-icon, .elementor-widget-accordion .elementor-active .elementor-accordion-title{color:var( --e-global-color-accent );}.elementor-widget-accordion .elementor-active .elementor-accordion-icon svg{fill:var( --e-global-color-accent );}.elementor-widget-accordion .elementor-accordion-title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );}.elementor-widget-accordion .elementor-tab-content{color:var( --e-global-color-text );font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-5404 .elementor-element.elementor-element-9b9f5e8 .elementor-accordion-item{border-width:0px;}.elementor-5404 .elementor-element.elementor-element-9b9f5e8 .elementor-accordion-item .elementor-tab-content{border-width:0px;}.elementor-5404 .elementor-element.elementor-element-9b9f5e8 .elementor-accordion-item .elementor-tab-title.elementor-active{border-width:0px;}.elementor-5404 .elementor-element.elementor-element-9b9f5e8 .elementor-accordion-icon, .elementor-5404 .elementor-element.elementor-element-9b9f5e8 .elementor-accordion-title{color:var( --e-global-color-199a1f0 );}.elementor-5404 .elementor-element.elementor-element-9b9f5e8 .elementor-accordion-icon svg{fill:var( --e-global-color-199a1f0 );}.elementor-5404 .elementor-element.elementor-element-9b9f5e8 .elementor-active .elementor-accordion-icon, .elementor-5404 .elementor-element.elementor-element-9b9f5e8 .elementor-active .elementor-accordion-title{color:var( --e-global-color-8951b3a );}.elementor-5404 .elementor-element.elementor-element-9b9f5e8 .elementor-active .elementor-accordion-icon svg{fill:var( --e-global-color-8951b3a );}.elementor-5404 .elementor-element.elementor-element-9b9f5e8 .elementor-accordion-title{font-family:"Poppins", Sans-serif;font-weight:400;text-transform:uppercase;letter-spacing:3.1px;}.elementor-5404 .elementor-element.elementor-element-9b9f5e8 .elementor-tab-title{padding:15px 15px 15px 0px;}.elementor-5404 .elementor-element.elementor-element-9b9f5e8 .elementor-tab-content{font-family:"Poppins", Sans-serif;font-size:0.9em;font-weight:400;letter-spacing:1.5px;padding:0px 0px 10px 0px;}@media(max-width:767px){.elementor-5404 .elementor-element.elementor-element-f8a3620{--spacer-size:156px;}.elementor-5404 .elementor-element.elementor-element-b1c2354 > .elementor-element-populated{margin:0px 0px 0px 0px;--e-column-margin-right:0px;--e-column-margin-left:0px;padding:0px 0px 0px 0px;}.elementor-5404 .elementor-element.elementor-element-2e6c014.elementor-column > .elementor-widget-wrap{justify-content:center;}.elementor-5404 .elementor-element.elementor-element-ae7b937 .elementor-heading-title{font-size:2.8em;letter-spacing:-2.6px;}.elementor-5404 .elementor-element.elementor-element-af7d0e5{text-align:center;}}@media(min-width:768px){.elementor-5404 .elementor-element.elementor-element-4ab43a9{width:62.894%;}.elementor-5404 .elementor-element.elementor-element-22e566c{width:37.063%;}.elementor-5404 .elementor-element.elementor-element-ed7f3e1{width:44.029%;}.elementor-5404 .elementor-element.elementor-element-b1c2354{width:55.971%;}}/* Start custom CSS */.clip-text_spf {
    background-image: url(https://www.hiteco.com.cn/wp-content/uploads/2021/01/quality-lab-1.jpg);
}
.clip-text_qc {
    background-image: url(https://www.hiteco.com.cn/wp-content/uploads/2020/12/qc-bg.jpg);
}
.clip-text-saq {
    background-image: url(https://www.hiteco.com.cn/wp-content/uploads/2020/12/saq-bg.jpg);
}
.clip-text-loc {
    background-image: url(https://www.hiteco.com.cn/wp-content/uploads/2020/12/loc-bg.jpg);
}
.clip-text-epo {
    background-image: url(https://www.hiteco.com.cn/wp-content/uploads/2020/12/epo-bg.jpg);
}
.highlighted-hiteco h2.elementor-heading-title:after {
  display: inline-block;
  padding-left: 8px;
  content: " 279E";
  -webkit-transition: transform 0.5s ease-out;
  -webkit-transition: -webkit-transform 0.5s ease-out;
  transition: -webkit-transform 0.5s ease-out;
  transition: transform 0.5s ease-out;
  transition: transform 0.5s ease-out, -webkit-transform 0.3s ease-out;
  transform: scale(0);
}
.highlighted-hiteco h2.elementor-heading-title:hover::after {
  -webkit-transform: translateX(4px);
  transform: translateX(4px);
  transform: scale(1);
}
.hiteco-link {
    color:transparent!important;
    -webkit-text-stroke-width: 1px;
  -webkit-text-stroke-color: #FED061;
  cursor: pointer;
  transition-duration: .5s;
  text-transform: uppercase;
  margin-right: -38px;

}
.hiteco-link:hover {
    color:#FED061!important;
    margin-left: 15px;
margin-right: 15px;
}
.hiteco-link:after {
  display: inline-block;
  padding-left: 8px;
  content: " 279E";
  -webkit-transition: transform 0.5s ease-out;
  -webkit-transition: -webkit-transform 0.5s ease-out;
  transition: -webkit-transform 0.5s ease-out;
  transition: transform 0.5s ease-out;
  transition: transform 0.5s ease-out, -webkit-transform 0.3s ease-out;
  visibility:none;
  transform: scale(0);
}
.hiteco-link:hover:after {
  -webkit-transform: translateX(4px);
  transform: translateX(4px);
  transform: scale(1);
}
.clip-text {
    /* Color fallback */
    color: #000;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

/* Background */
.clip-text:before {
    z-index: -2;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background-image: inherit;
}

/* Use Background-size cover for photo background and no-repeat background */
.clip-text--cover,
.clip-text--cover:before {
    background-repeat: no-repeat;
    -webkit-background-size: cover;
            background-size: cover;
  background-position: 50% 50%;
}
.custom {
  cursor: url(https://www.hiteco.com.cn/wp-content/uploads/2020/12/hero-bg-mill.jpg), auto;
}
.pointer-fix {
    cursor: pointer;
}
.part-weight, .material-toggle, .surface-toggle, .application-toggle, .technology-toggle, .tolerance-toggle, .machine-toggle, .specific-toggle {
    display: none;
    
}

.navigation-circle {
  display: block;
  position: relative;
  height: 320px;
  width: 320px;
  margin: auto;
}
.navigation-circle__inner {
  display: block;
  position: relative;
  height: 100%;
  width: 100%;
}
.navigation-circle__list {
  display: block;
  position: absolute;
  height: 320px;
  width: 320px;
  transform: rotate(-90deg);
  animation: 2.2s cubic-bezier(0.25, -0.25, 0.35, 1) 0 1 animate-in-list forwards;
}

.navigation-circle-svg {
  display: block;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  transform: rotateZ(-90deg);
}
.navigation-circle-svg--opaque {
  opacity: 0.5;
}
.navigation-circle-svg--mask circle {
  transition: all 0.5s ease;
  transition-delay: 0.5s;
  animation: 2.2s ease 0 1 animate-in-svg-circle-mask backwards;
}

.navigation-circle-list-item {
  display: block;
  position: absolute;
  height: 0;
  width: calc(50% + 16px);
  top: 50%;
  left: 50%;
  list-style: none;
  transform-origin: 0 0;
}
.navigation-circle-list-item__point {
  display: block;
  position: absolute;
  height: 32px;
  width: 32px;
  top: -16px;
  right: 2px;
  cursor: pointer;
  transform: scale(0);
}
.navigation-circle-list-item__point:before {
  content: "•";
  display: block;

  height: 44px;
  width: 44px;
  top: 0;
  left:0;
  color: #FED061;
  background-color: #000;
  font-size: 14px;
  font-weight: 400;
  line-height: 39px;
  text-align: center;
  border: 2px solid #FED061;
  border-radius: 50%;
  box-shadow: inset 0px 0px 0px 0px #FED061;
  transform: scale(0.75);
  transition: all 0.5s ease;
}
.navigation-circle-list-item__point:after {
  content: "";
  display: block;
  position: absolute;
  height: 1px;
  width: 0px;
  top: 18px;
  left: 31px;
  background-color: #FED061;
  transition: all 0.5s ease;
}
.navigation-circle-list-item__meta {
  display: block;
  position: absolute;
  overflow: hidden;
  opacity: 0;
  transform-origin: center;
  margin-left: 18px;
  margin-top: -12px;
  min-width: 168px;
  padding: 4px;
}
.navigation-circle-list-item__title {
  display: block;
  color: #f7f7f7;
  text-align: left;
  font-size: 16px;
  border-bottom: 1px solid #f7f7f7;
  padding-bottom: 4px;
  margin-bottom: 6px;
}
.navigation-circle-list-item__subtitle {
  display: block;
  color: #f7f7f7;
  text-align: center;
  font-weight: 200;
  font-size: 14px;
}

.navigation-circle-list-item:nth-of-type(1) {
  transform: rotateZ(calc((360deg / 7) * 1));
}

.navigation-circle-list-item:nth-of-type(1)
.navigation-circle-list-item__meta {
  transform: rotateZ(38.5714285714deg);
}

.navigation-circle-list-item:nth-of-type(1)
.navigation-circle-list-item__point {
  animation: 1s cubic-bezier(0.55, -0.3, 0.6, 1.5) 0s 1 animate-in-list-item-point forwards;
}

.navigation-circle-list-item:nth-of-type(2) {
  transform: rotateZ(calc((360deg / 7) * 2));
}

.navigation-circle-list-item:nth-of-type(2)
.navigation-circle-list-item__meta {
  transform: rotateZ(-12.8571428571deg);
}

.navigation-circle-list-item:nth-of-type(2)
.navigation-circle-list-item__point {
  animation: 1s cubic-bezier(0.55, -0.3, 0.6, 1.5) 0.2s 1 animate-in-list-item-point forwards;
}

.navigation-circle-list-item:nth-of-type(3) {
  transform: rotateZ(calc((360deg / 7) * 3));
}

.navigation-circle-list-item:nth-of-type(3)
.navigation-circle-list-item__meta {
  transform: rotateZ(-64.2857142857deg);
}

.navigation-circle-list-item:nth-of-type(3)
.navigation-circle-list-item__point {
  animation: 1s cubic-bezier(0.55, -0.3, 0.6, 1.5) 0.4s 1 animate-in-list-item-point forwards;
}

.navigation-circle-list-item:nth-of-type(4) {
  transform: rotateZ(calc((360deg / 7) * 4));
}

.navigation-circle-list-item:nth-of-type(4)
.navigation-circle-list-item__meta {
  transform: rotateZ(-115.7142857143deg);
}

.navigation-circle-list-item:nth-of-type(4)
.navigation-circle-list-item__point {
  animation: 1s cubic-bezier(0.55, -0.3, 0.6, 1.5) 0.6s 1 animate-in-list-item-point forwards;
}

.navigation-circle-list-item:nth-of-type(5) {
  transform: rotateZ(calc((360deg / 7) * 5));
}

.navigation-circle-list-item:nth-of-type(5)
.navigation-circle-list-item__meta {
  transform: rotateZ(-167.1428571429deg);
}

.navigation-circle-list-item:nth-of-type(5)
.navigation-circle-list-item__point {
  animation: 1s cubic-bezier(0.55, -0.3, 0.6, 1.5) 0.8s 1 animate-in-list-item-point forwards;
}

.navigation-circle-list-item:nth-of-type(6) {
  transform: rotateZ(calc((360deg / 7) * 6));
}

.navigation-circle-list-item:nth-of-type(6)
.navigation-circle-list-item__meta {
  transform: rotateZ(-218.5714285714deg);
}

.navigation-circle-list-item:nth-of-type(6)
.navigation-circle-list-item__point {
  animation: 1s cubic-bezier(0.55, -0.3, 0.6, 1.5) 1s 1 animate-in-list-item-point forwards;
}

.navigation-circle-list-item:nth-of-type(7) {
  transform: rotateZ(calc((360deg / 7) * 7));
}

.navigation-circle-list-item:nth-of-type(7)
.navigation-circle-list-item__meta {
  transform: rotateZ(-270deg);
}

.navigation-circle-list-item:nth-of-type(7)
.navigation-circle-list-item__point {
  animation: 1s cubic-bezier(0.55, -0.3, 0.6, 1.5) 1.2s 1 animate-in-list-item-point forwards;
}

.navigation-circle-list-item:hover .navigation-circle-list-item__point:before {
  transform: scale(1);
  font-size: 16px;
}

.navigation-circle-list-item:hover .navigation-circle-list-item__point:after {
  width: 32px;
  left: 34px;
}

.navigation-circle-list-item:hover .navigation-circle-list-item__meta {
  opacity: 1;
}

.navigation-circle-list-item:active .navigation-circle-list-item__point:before,
.navigation-circle-list-item.active .navigation-circle-list-item__point:before {
  transform: scale(0.85);
  color: #000;
  box-shadow: inset 0px 0px 0px 16px #FED061;
  border-color: transparent;
}

.navigation-circle-list-item:active .navigation-circle-list-item__point:after,
.navigation-circle-list-item.active .navigation-circle-list-item__point:after {
  width: 34px;
  left: 32px;
}

.navigation-circle-list-item:active .navigation-circle-list-item__meta,
.navigation-circle-list-item.active .navigation-circle-list-item__meta {
  opacity: 1;
}

@keyframes animate-in-list {
  0% {
    transform: rotate(-540deg);
  }
  100% {
    transform: rotate(-90deg);
  }
}
@keyframes animate-in-svg-circle-mask {
  0% {
    stroke-dashoffset: 1005;
  }
  100% {
    stroke-dashoffset: 0;
  }
}
@keyframes animate-in-list-item-point {
  0% {
    transform: scale(0);
  }
  100% {
    transform: scale(1);
  }
}/* End custom CSS */