:root {
  /* Theme Colors */
  --av-color-primary: #12715b;
  --av-color-black: #000000;
  --av-color-text: #141b34;
  --av-color-primary-icon: #aaaaaa;
  --av-color-border-color: #e6e6e6;
  --av-color-input-color: #f6f6f6;
  --av-color-white-color: #ffffff;
  --av-color-bg: #fbf9f7;

  /* Theme Font Size */
  --av-font-size-12: 0.75rem;
  --av-font-size-14: 0.875rem;
  --av-font-size-16: 1rem;
  --av-font-size-18: 1.125rem;
  --av-font-size-20: 1.25rem;
  --av-font-size-22: 1.375rem;
  --av-font-size-24: 1.5rem;
  --av-font-size-26: 1.625rem;
  --av-font-size-28: 1.75rem;
  --av-font-size-30: 1.875rem;
  --av-font-size-32: 2rem;
  --av-font-size-34: 2.125rem;
  --av-font-size-36: 2.25rem;
  --av-font-size-38: 2.375rem;
  --av-font-size-40: 2.5rem;
  --av-font-size-42: 2.625rem;

  /* Theme Font Weight */
  --av-font-weight-400: 400;
  --av-font-weight-500: 500;
  --av-font-weight-600: 600;
  --av-font-weight-700: 700;

  /* Theme Radius */
  --av-radius-500: 31.25rem;
  --av-radius-22: 1.375rem;
}

.calendar-hero .hero-rings .right-img {
  right: 0;
}

.avento-scheduling {
  margin-top: 6.25rem;
}

.team-chats {
  position: relative;
  padding: 6.25rem 0;
  margin-bottom: 6.25rem;
}

.team-chats .features-head {
  max-width: 34.375rem;
}

.team-chats .assistant-section {
  margin-bottom: 0;
}

.team-chats::before {
  content: "";
  position: absolute;
  inset: 0;
  background: var(--av-color-bg);
  z-index: 0;
  pointer-events: none;
}

.team-chats .team-network .center-img,
.team-chats .team-network .lines-img {
  width: unset;
  height: unset;
}

.team-network {
  position: relative;
  width: 32.5rem;
  height: 26.25rem;
}

.lines-img {
  position: absolute;
  top: 50%;
  left: 60%;
  transform: translate(-50%, -50%);
  z-index: 1;
}

.center-img {
  position: absolute;
  top: 50%;
  left: 22%;
  transform: translate(-50%, -50%);
  z-index: 2;
}

.member {
  position: absolute;
  display: flex;
  width: 12.5rem;
  height: 3.5625rem;
  align-items: center;
  gap: 0.9375rem;
  background: #fff;
  padding: 0.375rem;
  border-radius: var(--av-radius-500);
  box-shadow: 0 0.25rem 0.9375rem 0 #0000001a;
  z-index: 3;
}

.member img {
  width: 2.8125rem;
  height: 2.8125rem;
  border-radius: 50%;
}

.member-content {
  display: flex;
  flex-direction: column;
  gap: 0.125rem;
}

.member h4 {
  font-family: Roboto;
  font-weight: 600;
  font-size: 0.820625rem; 
  line-height: 1.25rem; 
  letter-spacing: 0;
  vertical-align: middle;
  color: var(--av-color-text);
  margin: 0;
}

.member p {
  font-family: Roboto;
  font-weight: 400;
  font-size: 0.703125rem;
  line-height: 0.75rem;
  letter-spacing: 0;
  vertical-align: middle;
  margin: 0;
  color: var(--av-color-text);
}

.m1 {
  top: 3%;
  right: 24%;
}
.m2 {
  top: 23%;
  right: 20%;
}
.m3 {
  top: 23%;
  right: -11%;
}
.m4 {
  top: 42%;
  right: 27%;
}
.m5 {
  top: 42%;
  right: -3%;
}
.m6 {
  bottom: 25%;
  right: 14%;
}
.m7 {
  bottom: 5%;
  right: 5%;
}

.calendar-hero {
  position: relative;
}

.calendar-hero::after {
  content: "";
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  height: 18.8125rem;
  pointer-events: none;
  background: linear-gradient(180deg, rgba(255, 255, 255, 0) 0%, #ffffff 100%);
  /* z-index: 4; */
}

.insight-wrapper {
  display: flex;
  /* align-items: center; */
  margin-top: 8.9375rem;
  position: relative;
  z-index: 3;
}

.calendar-rings {
  padding: 0px;
}

.insight-content {
  flex: 1;
  max-width: 44rem;
}

.insight-content .av-hero-head {
  flex-direction: column;
  align-items: start;
  gap: 0.3125rem;
  margin: 0;
  margin-bottom: 1.875rem;
}

.insight-content .features-text {
  text-align: start;
  margin-bottom: 1.875rem;
}

.insight-content .rating {
  margin: 0;
  margin-bottom: 1.875rem;
}

.insight-content .trial-btn {
  width: 13.125rem;
  height: 3.875rem;
  border-radius: var(--av-radius-500);
  display: flex;
  align-items: center;
  justify-content: center;
  background: var(--av-color-text);
  text-decoration: none;
  margin-top: 1.3125rem;
}

.insight-content .trial-btn span {
  color: var(--av-color-white-color);
  font-family: Roboto;
  font-weight: 600;
  font-size: 1.25rem;
  line-height: 100%;
  letter-spacing: 0;
}

.insight-image {
  position: relative;
  z-index: 2;
}

.insight-image img {
  max-width: 100%;
  height: auto;
}

.play-btn {
  position: absolute;
  top: 32%;
  left: 20%;
  transform: translate(-50%, -50%);
  cursor: pointer;
}

.zoom-connect .assistant-content {
  max-width: 38.25rem;
}

/* Calendar / Time-System page overrides for partner section */
.calendar-hero ~ .container .partner-company {
  font-family: Inter;
  font-weight: var(--av-font-weight-600);
  font-size: var(--av-font-size-16);
  line-height: 140%;
}

.calendar-hero ~ .container .carousel-container {
  width: 78%;
  margin: 0 auto;
  margin-bottom: 6.25rem;
}

@media (min-width: 1800px) {
  .insight-image img {
    max-width: unset;
  }
  .insight-image {
    top: -88px;
  }
}

@media (min-width: 1400px) {
  .insight-content .features-text {
    min-width: 41.5625rem;
  }
}
@media (max-width: 1399.98px) {
  .calendar-hero::after {
    height: 3.125rem;
  }
}
@media (max-width: 1199.98px) {
  .calendar-hero {
    padding-bottom: 3.125rem;
  }
}
@media (max-width: 991.98px) {
  .insight-wrapper {
    margin-top: 6.25rem !important;
  }
  .calendar-hero {
    padding-bottom: 3.125rem;
  }
  .calendar-hero::after {
    height: 0.625rem;
  }
  .team-network {
    display: none;
  }
}
@media (max-width: 991.98px) {
  .insight-wrapper {
    display: flex;
    flex-direction: column;
    gap: 3.875rem;
  }
  .calendar-hero::after {
    height: 18.8125rem;
  }
}
@media (max-width: 499.98px) {
  .insight-content .rating {
    margin: 0 auto;
  }
  .insight-content .trial-btn {
    margin: 0 auto;
    margin-top: 1.875rem; 
  }
  .insight-content .features-text {
    text-align: center;
  }
  .insight-content .av-hero-head {
    margin: 0 auto;
    margin-bottom: 1.875rem;
    align-items: center;
  }
}