.jtpl-header--image {
  display: none;
  margin-top: 0 !important;
}

#cc-inner {
  margin-top: 130px !important;
}

.jtpl-header {
  box-shadow: 0 0 30px rgba(0, 0, 0, .1) !important;
}

.jtpl-breadcrumb {
  display: none !important;
  margin-top: 0 !important;
}

#agas-head-goggle-reviews {
  display: none !important;
  visibility: hidden !important;
}

@media all and (max-width:767px) {
  body #cc-inner {
    margin-top: 10px !important;
  }

  .jtpl-header {
    display: none;
    margin-top: 0 !important;
  }

}

.jtpl-content {
  max-width: 100% !important;
  width: 100% !important;
  margin: 0 !important;
  padding: 0 !important;
}

.agas-worker-cloud-section {
  width: 100%;
  background: #ffffff;
  overflow: hidden;
   position: relative !important;
  z-index: 1 !important;
}

.agas-worker-cloud-inner {
  position: relative !important;
  width: 100% !important;
  min-height: 720px !important;
  margin: 0 !important;
  padding: 0 !important;
  box-sizing: border-box !important;
  background: #fff !important;
  overflow: hidden !important;
  z-index: 1 !important;
}

.agas-worker-cloud-inner::before {
  content: "" !important;
  position: absolute !important;
  width: 620px !important;
  height: 620px !important;
  left: -180px !important;
  top: 120px !important;
  border-radius: 50% !important;
  background: radial-gradient(circle, rgba(201, 170, 92, 0.08) 0%, rgba(201, 170, 92, 0.03) 35%, rgba(201, 170, 92, 0.00) 72%) !important;
  pointer-events: none !important;
  z-index: 0 !important;
}

.agas-worker-cloud-inner::after {
  content: "" !important;
  position: absolute !important;
  width: 760px !important;
  height: 760px !important;
  right: -260px !important;
  top: -140px !important;
  border-radius: 50% !important;
  background: radial-gradient(circle, rgba(24, 32, 31, 0.045) 0%, rgba(24, 32, 31, 0.02) 40%, rgba(24, 32, 31, 0.00) 74%) !important;
  pointer-events: none !important;
  z-index: 0 !important;
}

.agas-worker-cloud-main {
  position: absolute !important;
  left: 29% !important;
  top: 230px !important;
  width: 205px !important;
  height: 205px !important;
  border-radius: 50% !important;
  overflow: hidden !important;
  box-shadow: 0 10px 34px rgba(0, 0, 0, 0.14), 0 0 0 1px rgba(201, 170, 92, 0.18) !important;
  background: #eef5f4 !important;
  cursor: default !important;
}

.agas-worker-cloud-main img {
  width: 100% !important;
  height: 100% !important;
  object-fit: cover !important;
  display: block !important;
}

.agas-worker-cloud-text {
  position: absolute !important;
  left: calc(29% + 250px) !important;
  top: 225px !important;
  max-width: 640px !important;
  text-align: left !important;
  z-index: 3 !important;
}

.agas-worker-cloud-text h1 {
  font-family: var(--AgasFontOne) !important;
  font-size: 25px !important;
  font-weight: 500 !important;
  line-height: 1.00em !important;
  letter-spacing: 0.02em !important;
  text-transform: none !important;
  text-align: left !important;
  hyphens: auto !important;
  color: #18201f !important;
  padding: 0 !important;
  margin: 0 0 3% 0 !important;
}

.agas-worker-cloud-text h2 {
  font-family: var(--AgasFontTwo) !important;
  font-size: 28px !important;
  font-weight: 300 !important;
  line-height: 1.00em !important;
  text-align: left !important;
  hyphens: auto !important;
  color: var(--AgasColorDarkYellowLight) !important;
  padding: 0 !important;
  margin: 2.5% 0 !important;
}

.agas-worker-cloud-text p {
  margin: 0 !important;
  font-size: 15px !important;
  line-height: 1.55 !important;
  text-align: left !important;
  letter-spacing: 0.01em !important;
  color: #2a2f2e !important;
}

.agas-worker-cloud-item {
  position: absolute !important;
  display: block !important;
  border-radius: 50% !important;
  overflow: hidden !important;
  box-shadow: 0 6px 18px rgba(0, 0, 0, 0.12) !important;
  transition: transform .45s cubic-bezier(.22, .61, .36, 1) !important;
  background: #f4f4f4 !important;
  cursor: default !important;
}

.agas-worker-cloud-item[href] {
  cursor: pointer !important;
}

.agas-worker-cloud-item img {
  width: 100% !important;
  height: 100% !important;
  object-fit: cover !important;
  display: block !important;
}

.agas-worker-cloud-item:hover {
  transform: scale(1.06) !important;
  z-index: 10 !important;
}

.agas-worker-cloud-main,
.agas-worker-cloud-text,
.agas-worker-cloud-item {
  z-index: 2 !important;
}

.agas-worker-cloud-item-01 {
  width: 111px !important;
  height: 111px !important;
  left: 8% !important;
  top: 65px !important;
}

.agas-worker-cloud-item-02 {
  width: 111px !important;
  height: 111px !important;
  left: 22% !important;
  top: 110px !important;
}

.agas-worker-cloud-item-03 {
  width: 111px !important;
  height: 111px !important;
  left: 45% !important;
  top: 33px !important;
}

.agas-worker-cloud-item-04 {
  width: 111px !important;
  height: 111px !important;
  right: 26% !important;
  top: 105px !important;
}

.agas-worker-cloud-item-05 {
  width: 111px !important;
  height: 111px !important;
  right: 9% !important;
  top: 70px !important;
}

.agas-worker-cloud-item-06 {
  width: 111px !important;
  height: 111px !important;
  left: 3% !important;
  top: 265px !important;
}

.agas-worker-cloud-item-07 {
  width: 111px !important;
  height: 111px !important;
  left: 17% !important;
  top: 295px !important;
}

.agas-worker-cloud-item-08 {
  width: 111px !important;
  height: 111px !important;
  right: 2% !important;
  top: 250px !important;
}

.agas-worker-cloud-item-09 {
  width: 111px !important;
  height: 111px !important;
  left: 9% !important;
  top: 460px !important;
}

.agas-worker-cloud-item-10 {
  width: 111px !important;
  height: 111px !important;
  left: 27% !important;
  top: 500px !important;
}

.agas-worker-cloud-item-11 {
  width: 111px !important;
  height: 111px !important;
  right: 11% !important;
  top: 465px !important;
}

.agas-worker-cloud-item-12 {
  width: 111px !important;
  height: 111px !important;
  right: 14% !important;
  top: 285px !important;
}

.agas-worker-cloud-item::after {
  content: attr(data-name) !important;
  position: absolute !important;
  left: 50% !important;
  bottom: 0px !important;
  width: 82% !important;
  background: rgba(255, 255, 255, 0.92) !important;
  color: #222222 !important;
  font-size: 10px !important;
  line-height: 1.15 !important;
  font-weight: 500 !important;
  text-align: center !important;
  padding: 5px 4px !important;
  border-radius: 14px !important;
  opacity: 0 !important;
  transform: translateX(-50%) translateY(8px) !important;
  filter: blur(4px) !important;
  transition: opacity .55s cubic-bezier(.22, .61, .36, 1), transform .55s cubic-bezier(.22, .61, .36, 1), filter .55s ease !important;
  pointer-events: none !important;
  box-sizing: border-box !important;
  white-space: pre-line !important;
}

.agas-worker-cloud-item:hover::after,
.agas-worker-cloud-item:focus::after {
  opacity: 1 !important;
  bottom: 40% !important;
  transform: translateX(-50%) translateY(0px) !important;
  filter: blur(0px) !important;
}

.agas-worker-cloud-item:hover {
  transform: scale(1.08) rotate(0deg) !important;
}

.agas-worker-cloud-contact {
  display: flex !important;
  flex-wrap: wrap !important;
  gap: 14px !important;
  margin-top: 28px !important;
}

.agas-worker-cloud-contact-item {
  display: inline-flex !important;
  align-items: center !important;
  gap: 10px !important;
  padding: 12px 18px !important;
  border-radius: 999px !important;
  background: rgba(255, 255, 255, 0.72) !important;
  backdrop-filter: blur(10px) !important;
  -webkit-backdrop-filter: blur(10px) !important;
  box-shadow: 0 8px 24px rgba(0, 0, 0, 0.08) !important;
  text-decoration: none !important;
  transition: transform .35s ease, box-shadow .35s ease, background .35s ease !important;
}

.agas-worker-cloud-contact-item:hover {
  transform: translateY(-2px) !important;
  box-shadow: 0 14px 30px rgba(0, 0, 0, 0.12) !important;
  background: #ffffff !important;
}

.agas-worker-cloud-contact-icon {
  font-size: 15px !important;
  line-height: 1 !important;
  color: var(--AgasColorDarkYellowLight) !important;
}

.agas-worker-cloud-contact-text {
  font-size: 14px !important;
  font-weight: 500 !important;
  color: #18201f !important;
}

@media all and (max-width:930px) {
  .agas-worker-cloud-inner {
    min-height: auto !important;
    padding: 40px 20px 50px 20px !important;
  }

  .agas-worker-cloud-main {
    position: relative !important;
    left: auto !important;
    top: auto !important;
    width: 170px !important;
    height: 170px !important;
    margin: 0 auto 28px auto !important;
    display: block !important;
  }

  .agas-worker-cloud-text {
    position: relative !important;
    left: auto !important;
    top: auto !important;
    max-width: 100% !important;
    text-align: center !important;
  }

  .agas-worker-cloud-text h1 {
    text-align: center !important;
    font-size: 24px !important;
    margin-bottom: 12px !important;
  }

  .agas-worker-cloud-text h2 {
    text-align: center !important;
    font-size: 22px !important;
    margin-bottom: 18px !important;
  }

  .agas-worker-cloud-text p {
    text-align: center !important;
    font-size: 15px !important;
    line-height: 1.7 !important;
  }

  .agas-worker-cloud-contact {
    justify-content: center !important;
    margin-top: 26px !important;
  }

  .agas-worker-cloud-contact-item {
    width: 100% !important;
    justify-content: center !important;
  }

}

@media all and (max-width:1800px) {
  .agas-worker-cloud-item-12 {
    display: none !important;
  }

}

@media all and (max-width:1516px) {
  .agas-worker-cloud-item-08 {
    display: none !important;
  }

}

@media all and (max-width:1256px) {
  .agas-worker-cloud-item-11 {
    display: none !important;
  }

}

@media all and (max-width:1130px) {
  .agas-worker-cloud-item-02 {
    display: none !important;
  }

  .agas-worker-cloud-item-04 {
    display: none !important;
  }

  .agas-worker-cloud-item-07 {
    display: none !important;
  }

}

@media all and (max-width:930px) {
  .agas-worker-cloud-item {
    display: none !important;
  }

}

@keyframes agas-worker-cloud-float-soft {
  0% {
    margin-top: 0 !important;
  }

  50% {
    margin-top: -4px !important;
  }

  100% {
    margin-top: 0 !important;
  }

}

.agas-worker-cloud-item-01,
.agas-worker-cloud-item-05,
.agas-worker-cloud-item-09 {
  animation: agas-worker-cloud-float-soft 8s ease-in-out infinite !important;
}

.agas-worker-cloud-item-03,
.agas-worker-cloud-item-10 {
  animation: agas-worker-cloud-float-soft 10s ease-in-out infinite !important;
}

.agas-worker-cloud-item-05 {
  animation-delay: 1.5s !important;
}

.agas-worker-cloud-item-09 {
  animation-delay: 3s !important;
}

.agas-worker-cloud-item-10 {
  animation-delay: 4.5s !important;
}

.agas-worker-cloud-item:focus,
.agas-worker-cloud-contact-item:focus {
  outline: none !important;
  box-shadow: 0 0 0 4px rgba(201, 170, 92, 0.32), 0 10px 28px rgba(0, 0, 0, 0.16) !important;
}

.agas-ceo-worker-content {
  width: 100% !important;
  max-width: 990px !important;
  margin: 0 auto !important;
  padding: 10px 0 80px 0 !important;
  box-sizing: border-box !important;
  position: relative !important;
  z-index: 2 !important;
}

.agas-ceo-worker-content p {
  font-family: var(--AgasFontThree) !important;
  font-size: 16px !important;
  line-height: 1.75 !important;
  letter-spacing: 0.01em !important;
  color: #2a2f2e !important;
  text-align: left !important;
  margin: 0 0 28px 0 !important;
  padding: 0 0 !important;
  hyphens: auto !important;
}

@media all and (max-width:930px) {
  .agas-worker-cloud-text p {
    text-align: justify !important;
  }

  .agas-ceo-worker-content p {
    padding: 0 5% !important;
    text-align: justify !important;
  }

}

@media (prefers-reduced-motion:reduce) {
  .agas-worker-cloud-item,
  .agas-worker-cloud-contact-item,
  .agas-worker-cloud-item::after {
    transition: none !important;
    animation: none !important;
  }

}