@keyframes fade-in {
  0% {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
.proconf-features-23-august .proconf-features {
  align-self: stretch;
  position: relative;
  font-size: var(--font-size-25xl);
  line-height: 50px;
  text-align: center;
}
.proconf-features-23-august .distinct-ai-enabled {
  flex: 1;
  position: relative;
  font-size: var(--font-size-13xl);
  line-height: 36px;
  font-weight: 500;
}
.proconf-features-23-august .distinct-ai-enabled-features {
  align-self: stretch;
  height: 42px;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: flex-start;
}
.proconf-features-23-august .crystal-clear-voice-communicat {
  align-self: stretch;
  position: relative;
  line-height: 18px;
}
.proconf-features-23-august .hovertext {
  width: 100%;
  height: 185px;
  border-radius: var(--br-9xs);
  display: none;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  padding: var(--padding-11xs) var(--padding-3xs);
  box-sizing: border-box;
  background-image: url(../public/hovertext@3x.png);
  background-size: cover;
  background-repeat: no-repeat;
  background-position: top;
}
.proconf-features-23-august .contentnormal:hover,
.proconf-features-23-august .hinttext:hover,
.proconf-features-23-august .hovertext:hover {
  min-width: 20px;
}
.proconf-features-23-august .audiocalls-icon,
.proconf-features-23-august .title3 {
  position: relative;
  flex-shrink: 0;
}
.proconf-features-23-august .audiocalls-icon {
  width: 82px;
  height: 82px;
  overflow: hidden;
}
.proconf-features-23-august .title3 {
  align-self: stretch;
  height: 20px;
  letter-spacing: 0.02em;
  line-height: 20px;
  text-transform: capitalize;
  display: inline-block;
}
.proconf-features-23-august .icinfo-icon {
  width: 24px;
  position: relative;
  height: 24px;
  object-fit: cover;
}
.proconf-features-23-august .hinttext {
  display: none;
  flex-direction: row;
  align-items: center;
  justify-content: center;
}
.proconf-features-23-august .contentnormal {
  align-self: stretch;
  border-radius: var(--br-7xs);
  background: linear-gradient(#f6f5ff, #f6f5ff), #f6f5f5;
  padding: var(--padding-11xl) var(--padding-11xs);
  box-sizing: border-box;
  gap: var(--gap-3xs);
  font-size: var(--font-size-lg);
  color: var(--color-darkslategray-300);
}
.proconf-features-23-august .contentnormal,
.proconf-features-23-august .hovertext1,
.proconf-features-23-august .keyfeaturecard {
  height: 185px;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}
.proconf-features-23-august .keyfeaturecard {
  flex: 1;
  min-width: 190px;
  max-width: 260px;
}
.proconf-features-23-august .keyfeaturecard:hover {
  animation: 1s ease 0s 1 normal none fade-in;
  opacity: 1;
  min-width: 20px;
}
.proconf-features-23-august .keyfeaturecard:hover .hovertext {
  display: flex;
  min-width: 20px;
  max-width: 260px;
}
.proconf-features-23-august .keyfeaturecard:hover .contentnormal {
  display: none;
}
.proconf-features-23-august .hovertext1 {
  align-self: stretch;
  border-radius: var(--br-9xs);
  padding: var(--padding-11xs) var(--padding-3xs);
  box-sizing: border-box;
  background-image: url(../public/hovertext1@3x.png);
  background-size: cover;
  background-repeat: no-repeat;
  background-position: top;
  width: 100%;
}
.proconf-features-23-august .hovertext1:hover {
  min-width: 20px;
}
.proconf-features-23-august .audiocalls-icon1 {
  width: 82px;
  position: relative;
  height: 82px;
  overflow: hidden;
  flex-shrink: 0;
}
.proconf-features-23-august .keyfeaturecard1 {
  height: 185px;
  width: 260px;
  display: none;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  min-width: 190px;
  max-width: 260px;
}
.proconf-features-23-august .keyfeaturecard1:hover {
  animation: 1s ease 0s 1 normal none fade-in;
  opacity: 1;
  min-width: 20px;
}
.proconf-features-23-august .keyfeaturecard1:hover .hovertext1 {
  display: flex;
  min-width: 20px;
  max-width: 260px;
}
.proconf-features-23-august .hovertext2,
.proconf-features-23-august .keyfeaturecard1:hover .contentnormal {
  display: none;
}
.proconf-features-23-august .hovertext2 {
  width: 100%;
  height: 185px;
  border-radius: var(--br-9xs);
  flex-direction: column;
  align-items: center;
  justify-content: center;
  padding: var(--padding-11xs) var(--padding-3xs);
  box-sizing: border-box;
  background-image: url(../public/hovertext2@3x.png);
  background-size: cover;
  background-repeat: no-repeat;
  background-position: top;
}
.proconf-features-23-august .hovertext2:hover {
  min-width: 20px;
}
.proconf-features-23-august .audiocalls-icon2 {
  width: 82px;
  position: relative;
  height: 82px;
  object-fit: cover;
}
.proconf-features-23-august .keyfeaturecard2 {
  width: 260px;
  display: none;
  min-width: 190px;
  max-width: 260px;
}
.proconf-features-23-august .keyfeaturecard2:hover {
  animation: 1s ease 0s 1 normal none fade-in;
  opacity: 1;
  min-width: 20px;
}
.proconf-features-23-august .keyfeaturecard2:hover .hovertext2 {
  display: flex;
  min-width: 20px;
  max-width: 260px;
}
.proconf-features-23-august .keyfeaturecard2:hover .contentnormal {
  display: none;
}
.proconf-features-23-august .hovertext3,
.proconf-features-23-august .keyfeaturecard2,
.proconf-features-23-august .keyfeaturecard3 {
  height: 185px;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}
.proconf-features-23-august .hovertext3 {
  width: 100%;
  border-radius: var(--br-9xs);
  display: none;
  padding: var(--padding-11xs) var(--padding-3xs);
  box-sizing: border-box;
  background-image: url(../public/hovertext3@3x.png);
  background-size: cover;
  background-repeat: no-repeat;
  background-position: top;
}
.proconf-features-23-august .hovertext3:hover {
  min-width: 20px;
}
.proconf-features-23-august .keyfeaturecard3 {
  flex: 1;
  display: flex;
  min-width: 190px;
  max-width: 260px;
}
.proconf-features-23-august .keyfeaturecard3:hover {
  animation: 1s ease 0s 1 normal none fade-in;
  opacity: 1;
  min-width: 20px;
}
.proconf-features-23-august .keyfeaturecard3:hover .hovertext3 {
  display: flex;
  min-width: 20px;
  max-width: 260px;
}
.proconf-features-23-august .hovertext4,
.proconf-features-23-august .keyfeaturecard3:hover .contentnormal {
  display: none;
}
.proconf-features-23-august .hovertext4 {
  width: 100%;
  height: 185px;
  border-radius: var(--br-9xs);
  flex-direction: column;
  align-items: center;
  justify-content: center;
  padding: var(--padding-11xs) var(--padding-3xs);
  box-sizing: border-box;
  background-image: url(../public/hovertext4@3x.png);
  background-size: cover;
  background-repeat: no-repeat;
  background-position: top;
}
.proconf-features-23-august .hovertext4:hover {
  min-width: 20px;
}
.proconf-features-23-august .keyfeaturecard4 {
  width: 260px;
  display: none;
  min-width: 190px;
  max-width: 260px;
}
.proconf-features-23-august .keyfeaturecard4:hover {
  animation: 1s ease 0s 1 normal none fade-in;
  opacity: 1;
  min-width: 20px;
}
.proconf-features-23-august .keyfeaturecard4:hover .hovertext4 {
  display: flex;
  min-width: 20px;
  max-width: 260px;
}
.proconf-features-23-august .keyfeaturecard4:hover .contentnormal {
  display: none;
}
.proconf-features-23-august .hovertext5,
.proconf-features-23-august .keyfeaturecard4,
.proconf-features-23-august .keyfeaturecard5 {
  height: 185px;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}
.proconf-features-23-august .hovertext5 {
  width: 100%;
  border-radius: var(--br-9xs);
  display: none;
  padding: var(--padding-11xs) var(--padding-3xs);
  box-sizing: border-box;
  background-image: url(../public/hovertext5@3x.png);
  background-size: cover;
  background-repeat: no-repeat;
  background-position: top;
}
.proconf-features-23-august .hovertext5:hover {
  min-width: 20px;
}
.proconf-features-23-august .keyfeaturecard5 {
  flex: 1;
  display: flex;
  min-width: 190px;
  max-width: 260px;
}
.proconf-features-23-august .keyfeaturecard5:hover {
  animation: 1s ease 0s 1 normal none fade-in;
  opacity: 1;
  min-width: 20px;
}
.proconf-features-23-august .keyfeaturecard5:hover .hovertext5 {
  display: flex;
  min-width: 20px;
  max-width: 260px;
}
.proconf-features-23-august .keyfeaturecard5:hover .contentnormal {
  display: none;
}
.proconf-features-23-august .advanced-features,
.proconf-features-23-august .features {
  align-self: stretch;
  justify-content: flex-start;
}
.proconf-features-23-august .features {
  display: grid;
  flex-direction: row;
  align-items: flex-start;
  flex-wrap: wrap;
  align-content: flex-start;
  gap: 20px 17px;
  grid-template-columns: repeat(5, 1fr);
  column-gap: 20px;
  text-align: center;
  font-size: var(--font-size-base);
  color: var(--color-white);
}
.proconf-features-23-august .advanced-features {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: var(--gap-3xs);
}
.proconf-features-23-august .hovertext6,
.proconf-features-23-august .keyfeaturecard6 {
  height: 185px;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}
.proconf-features-23-august .hovertext6 {
  width: 100%;
  border-radius: var(--br-9xs);
  display: none;
  padding: var(--padding-11xs) var(--padding-3xs);
  box-sizing: border-box;
  background-image: url(../public/hovertext6@3x.png);
  background-size: cover;
  background-repeat: no-repeat;
  background-position: top;
}
.proconf-features-23-august .hovertext6:hover {
  min-width: 20px;
}
.proconf-features-23-august .keyfeaturecard6 {
  flex: 1;
  display: flex;
  min-width: 190px;
  max-width: 260px;
}
.proconf-features-23-august .keyfeaturecard6:hover {
  animation: 1s ease 0s 1 normal none fade-in;
  opacity: 1;
  min-width: 20px;
}
.proconf-features-23-august .keyfeaturecard6:hover .hovertext6 {
  display: flex;
  min-width: 20px;
  max-width: 260px;
}
.proconf-features-23-august .hovertext7,
.proconf-features-23-august .keyfeaturecard6:hover .contentnormal {
  display: none;
}
.proconf-features-23-august .hovertext7 {
  width: 100%;
  height: 185px;
  border-radius: var(--br-9xs);
  flex-direction: column;
  align-items: center;
  justify-content: center;
  padding: var(--padding-11xs) var(--padding-3xs);
  box-sizing: border-box;
  background-image: url(../public/hovertext7@3x.png);
  background-size: cover;
  background-repeat: no-repeat;
  background-position: top;
}
.proconf-features-23-august .hovertext7:hover {
  min-width: 20px;
}
.proconf-features-23-august .audiocalls-icon7 {
  width: 82px;
  position: relative;
  height: 82px;
  overflow: hidden;
  flex-shrink: 0;
}
.proconf-features-23-august .keyfeaturecard7 {
  flex: 1;
  display: flex;
  min-width: 190px;
  max-width: 260px;
}
.proconf-features-23-august .keyfeaturecard7:hover {
  animation: 1s ease 0s 1 normal none fade-in;
  opacity: 1;
  min-width: 20px;
}
.proconf-features-23-august .keyfeaturecard7:hover .hovertext7 {
  display: flex;
  min-width: 20px;
  max-width: 260px;
}
.proconf-features-23-august .keyfeaturecard7:hover .contentnormal {
  display: none;
}
.proconf-features-23-august .hovertext8,
.proconf-features-23-august .keyfeaturecard7,
.proconf-features-23-august .keyfeaturecard8 {
  height: 185px;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}
.proconf-features-23-august .hovertext8 {
  width: 100%;
  border-radius: var(--br-9xs);
  display: none;
  padding: var(--padding-11xs) var(--padding-3xs);
  box-sizing: border-box;
  background-image: url(../public/hovertext8@3x.png);
  background-size: cover;
  background-repeat: no-repeat;
  background-position: top;
}
.proconf-features-23-august .hovertext8:hover {
  min-width: 20px;
}
.proconf-features-23-august .keyfeaturecard8 {
  flex: 1;
  display: flex;
  min-width: 190px;
  max-width: 260px;
}
.proconf-features-23-august .keyfeaturecard8:hover {
  animation: 1s ease 0s 1 normal none fade-in;
  opacity: 1;
  min-width: 20px;
}
.proconf-features-23-august .keyfeaturecard8:hover .hovertext8 {
  display: flex;
  min-width: 20px;
  max-width: 260px;
}
.proconf-features-23-august .hovertext9,
.proconf-features-23-august .keyfeaturecard8:hover .contentnormal {
  display: none;
}
.proconf-features-23-august .hovertext9 {
  width: 100%;
  border-radius: var(--br-9xs);
  padding: var(--padding-11xs) var(--padding-3xs);
  box-sizing: border-box;
  background-image: url(../public/hovertext9@3x.png);
  background-size: cover;
  background-repeat: no-repeat;
  background-position: top;
}
.proconf-features-23-august .hovertext9:hover {
  min-width: 20px;
}
.proconf-features-23-august .hovertext10,
.proconf-features-23-august .hovertext9,
.proconf-features-23-august .keyfeaturecard9 {
  height: 185px;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}
.proconf-features-23-august .keyfeaturecard9 {
  flex: 1;
  display: flex;
  min-width: 190px;
  max-width: 260px;
}
.proconf-features-23-august .keyfeaturecard9:hover {
  animation: 1s ease 0s 1 normal none fade-in;
  opacity: 1;
  min-width: 20px;
}
.proconf-features-23-august .keyfeaturecard9:hover .hovertext9 {
  display: flex;
  min-width: 20px;
  max-width: 260px;
}
.proconf-features-23-august .keyfeaturecard9:hover .contentnormal {
  display: none;
}
.proconf-features-23-august .hovertext10 {
  width: 100%;
  border-radius: var(--br-9xs);
  display: none;
  padding: var(--padding-11xs) var(--padding-3xs);
  box-sizing: border-box;
  background-image: url(../public/hovertext10@3x.png);
  background-size: cover;
  background-repeat: no-repeat;
  background-position: top;
}
.proconf-features-23-august .hovertext10:hover {
  min-width: 20px;
}
.proconf-features-23-august .keyfeaturecard10 {
  flex: 1;
  display: flex;
  min-width: 190px;
  max-width: 260px;
}
.proconf-features-23-august .keyfeaturecard10:hover {
  animation: 1s ease 0s 1 normal none fade-in;
  opacity: 1;
  min-width: 20px;
}
.proconf-features-23-august .keyfeaturecard10:hover .hovertext10 {
  display: flex;
  min-width: 20px;
  max-width: 260px;
}
.proconf-features-23-august .keyfeaturecard10:hover .contentnormal {
  display: none;
}
.proconf-features-23-august .hovertext11,
.proconf-features-23-august .keyfeaturecard10,
.proconf-features-23-august .keyfeaturecard11 {
  height: 185px;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}
.proconf-features-23-august .hovertext11 {
  width: 100%;
  border-radius: var(--br-9xs);
  display: none;
  padding: var(--padding-11xs) var(--padding-3xs);
  box-sizing: border-box;
  background-image: url(../public/hovertext11@3x.png);
  background-size: cover;
  background-repeat: no-repeat;
  background-position: top;
}
.proconf-features-23-august .hovertext11:hover {
  min-width: 20px;
}
.proconf-features-23-august .keyfeaturecard11 {
  flex: 1;
  display: flex;
  min-width: 190px;
  max-width: 260px;
}
.proconf-features-23-august .keyfeaturecard11:hover {
  animation: 1s ease 0s 1 normal none fade-in;
  opacity: 1;
  min-width: 20px;
}
.proconf-features-23-august .keyfeaturecard11:hover .hovertext11 {
  display: flex;
  min-width: 20px;
  max-width: 260px;
}
.proconf-features-23-august .keyfeaturecard11:hover .contentnormal {
  display: none;
}
.proconf-features-23-august .hovertext12 {
  width: 100%;
  border-radius: var(--br-9xs);
  display: none;
  padding: var(--padding-11xs) var(--padding-3xs);
  box-sizing: border-box;
  background-image: url(../public/hovertext12@3x.png);
  background-size: cover;
  background-repeat: no-repeat;
  background-position: top;
}
.proconf-features-23-august .hovertext12:hover {
  min-width: 20px;
}
.proconf-features-23-august .hovertext12,
.proconf-features-23-august .hovertext13,
.proconf-features-23-august .keyfeaturecard12 {
  height: 185px;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}
.proconf-features-23-august .keyfeaturecard12 {
  flex: 1;
  display: flex;
  min-width: 190px;
  max-width: 260px;
}
.proconf-features-23-august .keyfeaturecard12:hover {
  animation: 1s ease 0s 1 normal none fade-in;
  opacity: 1;
  min-width: 20px;
}
.proconf-features-23-august .keyfeaturecard12:hover .hovertext12 {
  display: flex;
  min-width: 20px;
  max-width: 260px;
}
.proconf-features-23-august .keyfeaturecard12:hover .contentnormal {
  display: none;
}
.proconf-features-23-august .hovertext13 {
  width: 100%;
  border-radius: var(--br-9xs);
  display: none;
  padding: var(--padding-11xs) var(--padding-3xs);
  box-sizing: border-box;
  background-image: url(../public/hovertext13@3x.png);
  background-size: cover;
  background-repeat: no-repeat;
  background-position: top;
}
.proconf-features-23-august .hovertext13:hover {
  min-width: 20px;
}
.proconf-features-23-august .remote-desktop-control-icon {
  width: 83px;
  position: relative;
  height: 84px;
}
.proconf-features-23-august .audiocalls,
.proconf-features-23-august .keyfeaturecard13 {
  align-items: center;
  justify-content: center;
}
.proconf-features-23-august .audiocalls {
  width: 82px;
  height: 82px;
  display: flex;
  flex-direction: row;
}
.proconf-features-23-august .keyfeaturecard13 {
  height: 185px;
  width: 260px;
  display: none;
  flex-direction: column;
  min-width: 190px;
  max-width: 260px;
}
.proconf-features-23-august .keyfeaturecard13:hover {
  animation: 1s ease 0s 1 normal none fade-in;
  opacity: 1;
  min-width: 20px;
}
.proconf-features-23-august .keyfeaturecard13:hover .hovertext13 {
  display: flex;
  min-width: 20px;
  max-width: 260px;
}
.proconf-features-23-august .keyfeaturecard13:hover .contentnormal {
  display: none;
}
.proconf-features-23-august .hovertext14 {
  width: 100%;
  border-radius: var(--br-9xs);
  display: none;
  padding: var(--padding-11xs) var(--padding-3xs);
  box-sizing: border-box;
  background-image: url(../public/hovertext14@3x.png);
  background-size: cover;
  background-repeat: no-repeat;
  background-position: top;
}
.proconf-features-23-august .hovertext14:hover {
  min-width: 20px;
}
.proconf-features-23-august .hovertext14,
.proconf-features-23-august .hovertext15,
.proconf-features-23-august .keyfeaturecard14 {
  height: 185px;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}
.proconf-features-23-august .keyfeaturecard14 {
  flex: 1;
  display: flex;
  min-width: 190px;
  max-width: 260px;
}
.proconf-features-23-august .keyfeaturecard14:hover {
  animation: 1s ease 0s 1 normal none fade-in;
  opacity: 1;
  min-width: 20px;
}
.proconf-features-23-august .keyfeaturecard14:hover .hovertext14 {
  display: flex;
  min-width: 20px;
  max-width: 260px;
}
.proconf-features-23-august .keyfeaturecard14:hover .contentnormal {
  display: none;
}
.proconf-features-23-august .hovertext15 {
  width: 100%;
  border-radius: var(--br-9xs);
  display: none;
  padding: var(--padding-11xs) var(--padding-3xs);
  box-sizing: border-box;
  background-image: url(../public/hovertext15@3x.png);
  background-size: cover;
  background-repeat: no-repeat;
  background-position: top;
}
.proconf-features-23-august .hovertext15:hover {
  min-width: 20px;
}
.proconf-features-23-august .keyfeaturecard15 {
  width: 260px;
  min-width: 190px;
  max-width: 260px;
}
.proconf-features-23-august .keyfeaturecard15:hover {
  animation: 1s ease 0s 1 normal none fade-in;
  opacity: 1;
  min-width: 20px;
}
.proconf-features-23-august .keyfeaturecard15:hover .hovertext15 {
  display: flex;
  min-width: 20px;
  max-width: 260px;
}
.proconf-features-23-august .keyfeaturecard15:hover .contentnormal {
  display: none;
}
.proconf-features-23-august .hovertext16,
.proconf-features-23-august .keyfeaturecard15,
.proconf-features-23-august .keyfeaturecard16 {
  height: 185px;
  display: none;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}
.proconf-features-23-august .hovertext16 {
  width: 100%;
  border-radius: var(--br-9xs);
  padding: var(--padding-11xs) var(--padding-3xs);
  box-sizing: border-box;
  background-image: url(../public/hovertext16@3x.png);
  background-size: cover;
  background-repeat: no-repeat;
  background-position: top;
}
.proconf-features-23-august .hovertext16:hover {
  min-width: 20px;
}
.proconf-features-23-august .keyfeaturecard16 {
  width: 260px;
  min-width: 190px;
  max-width: 260px;
}
.proconf-features-23-august .keyfeaturecard16:hover {
  animation: 1s ease 0s 1 normal none fade-in;
  opacity: 1;
  min-width: 20px;
}
.proconf-features-23-august .keyfeaturecard16:hover .hovertext16 {
  display: flex;
  min-width: 20px;
  max-width: 260px;
}
.proconf-features-23-august .keyfeaturecard16:hover .contentnormal {
  display: none;
}
.proconf-features-23-august .hovertext17 {
  width: 100%;
  border-radius: var(--br-9xs);
  display: none;
  padding: var(--padding-11xs) var(--padding-3xs);
  box-sizing: border-box;
  background-image: url(../public/hovertext17@3x.png);
  background-size: cover;
  background-repeat: no-repeat;
  background-position: top;
}
.proconf-features-23-august .hovertext17:hover {
  min-width: 20px;
}
.proconf-features-23-august .hovertext17,
.proconf-features-23-august .hovertext18,
.proconf-features-23-august .keyfeaturecard17 {
  height: 185px;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}
.proconf-features-23-august .keyfeaturecard17 {
  flex: 1;
  display: flex;
  min-width: 190px;
  max-width: 260px;
}
.proconf-features-23-august .keyfeaturecard17:hover {
  animation: 1s ease 0s 1 normal none fade-in;
  opacity: 1;
  min-width: 20px;
}
.proconf-features-23-august .keyfeaturecard17:hover .hovertext17 {
  display: flex;
  min-width: 20px;
  max-width: 260px;
}
.proconf-features-23-august .keyfeaturecard17:hover .contentnormal {
  display: none;
}
.proconf-features-23-august .hovertext18 {
  width: 100%;
  border-radius: var(--br-9xs);
  display: none;
  padding: var(--padding-11xs) var(--padding-3xs);
  box-sizing: border-box;
  background-image: url(../public/hovertext18@3x.png);
  background-size: cover;
  background-repeat: no-repeat;
  background-position: top;
}
.proconf-features-23-august .hovertext18:hover {
  min-width: 20px;
}
.proconf-features-23-august .audiocalls-icon17 {
  width: 82px;
  position: relative;
  height: 82px;
  overflow: hidden;
  flex-shrink: 0;
}
.proconf-features-23-august .keyfeaturecard18 {
  height: 185px;
  width: 260px;
  display: none;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  min-width: 190px;
  max-width: 260px;
}
.proconf-features-23-august .keyfeaturecard18:hover {
  animation: 1s ease 0s 1 normal none fade-in;
  opacity: 1;
  min-width: 20px;
}
.proconf-features-23-august .keyfeaturecard18:hover .hovertext18 {
  display: flex;
  min-width: 20px;
  max-width: 260px;
}
.proconf-features-23-august .keyfeaturecard18:hover .contentnormal {
  display: none;
}
.proconf-features-23-august .features1,
.proconf-features-23-august .standard-conferencing-features {
  align-self: stretch;
  justify-content: flex-start;
}
.proconf-features-23-august .features1 {
  display: grid;
  flex-direction: row;
  align-items: flex-start;
  flex-wrap: wrap;
  align-content: flex-start;
  gap: 20px 17px;
  grid-template-columns: repeat(5, 1fr);
  column-gap: 20px;
  text-align: center;
  font-size: var(--font-size-base);
  color: var(--color-white);
}
.proconf-features-23-august .standard-conferencing-features {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: var(--gap-3xs);
}
.proconf-features-23-august .hovertext19,
.proconf-features-23-august .keyfeaturecard19 {
  height: 185px;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}
.proconf-features-23-august .hovertext19 {
  width: 100%;
  border-radius: var(--br-9xs);
  display: none;
  padding: var(--padding-11xs) var(--padding-3xs);
  box-sizing: border-box;
  background-image: url(../public/RDC.png);
  background-size: cover;
  background-repeat: no-repeat;
  background-position: top;
}
.proconf-features-23-august .hovertext19:hover {
  min-width: 20px;
}
.proconf-features-23-august .keyfeaturecard19 {
  flex: 1;
  display: flex;
  min-width: 190px;
  max-width: 260px;
}
.proconf-features-23-august .keyfeaturecard19:hover {
  animation: 1s ease 0s 1 normal none fade-in;
  opacity: 1;
  min-width: 20px;
}
.proconf-features-23-august .keyfeaturecard19:hover .hovertext19 {
  display: flex;
  min-width: 20px;
  max-width: 260px;
}
.proconf-features-23-august .keyfeaturecard19:hover .contentnormal {
  display: none;
}
.proconf-features-23-august .crystal-clear-voice-communicat20 {
  align-self: stretch;
  position: relative;
  line-height: 20px;
}
.proconf-features-23-august .hovertext20,
.proconf-features-23-august .keyfeaturecard20 {
  height: 185px;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}
.proconf-features-23-august .hovertext20 {
  width: 100%;
  border-radius: var(--br-9xs);
  display: none;
  padding: var(--padding-11xs) var(--padding-3xs);
  box-sizing: border-box;
  background-image: url(../public/hovertext20@3x.png);
  background-size: cover;
  background-repeat: no-repeat;
  background-position: top;
}
.proconf-features-23-august .hovertext20:hover {
  min-width: 20px;
}
.proconf-features-23-august .keyfeaturecard20 {
  flex: 1;
  display: flex;
  min-width: 190px;
  max-width: 260px;
}
.proconf-features-23-august .keyfeaturecard20:hover,
.proconf-features-23-august .keyfeaturecard21:hover {
  animation: 1s ease 0s 1 normal none fade-in;
  opacity: 1;
  min-width: 20px;
}
.proconf-features-23-august .keyfeaturecard20:hover .hovertext20 {
  display: flex;
  min-width: 20px;
  max-width: 260px;
}
.proconf-features-23-august .keyfeaturecard20:hover .contentnormal {
  display: none;
}
.proconf-features-23-august .admin-portal2 {
  align-self: stretch;
  display: grid;
  flex-direction: row;
  align-items: flex-start;
  justify-content: flex-start;
  flex-wrap: wrap;
  align-content: flex-start;
  gap: 20px 17px;
  grid-template-columns: repeat(5, 1fr);
  column-gap: 20px;
  text-align: center;
  font-size: var(--font-size-base);
  color: var(--color-white);
}
.proconf-features-23-august .audiocalls-icon20 {
  width: 82px;
  height: 82px;
}
.proconf-features-23-august .keyfeaturecard21 {
  height: 185px;
  /* width: 260px; */
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  min-width: 190px;
  max-width: 260px;
}
.proconf-features-23-august .keyfeaturecard21:hover .hovertext19 {
  display: flex;
  min-width: 20px;
  max-width: 260px;
}
.proconf-features-23-august .keyfeaturecard21:hover .contentnormal {
  display: none;
}
.proconf-features-23-august .admin-portal5 {
  align-self: stretch;
  display: grid;
  flex-direction: row;
  align-items: flex-start;
  justify-content: flex-start;
  flex-wrap: wrap;
  align-content: flex-start;
  grid-template-columns: repeat(5, 1fr);
  column-gap: 20px;
  text-align: center;
  font-size: var(--font-size-base);
  color: var(--color-white);
}
.proconf-features-23-august .content1,
.proconf-features-23-august{
  width: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: flex-start;
}
.proconf-features-23-august .content1 {
  gap: var(--gap-11xl);
  max-width: 1240px;
}
.proconf-features-23-august{
  position: relative;
  background-color: var(--color-white);
  padding: var(--padding-41xl) var(--padding-77xl);
  box-sizing: border-box;
  text-align: left;
  font-size: var(--font-size-25xl);
  color: var(--color-darkslategray-300);
  font-family: var(--font-heebo);
}
@media screen and (max-width: 1920px) and (min-width: 1601px) {
  .proconf-features-23-august .title3 {
    line-height: 20px;
  }
  .proconf-features-23-august .contentnormal:hover {
    display: none;
  }
  .proconf-features-23-august .admin-portal2,
  .proconf-features-23-august .admin-portal5,
  .proconf-features-23-august .features,
  .proconf-features-23-august .features1 {
    gap: var(--gap-mid);
    align-items: flex-start;
    justify-content: center;
  }
  .proconf-features-23-august{
    flex-direction: column;
    align-items: center;
    justify-content: flex-start;
    padding: var(--padding-81xl) var(--padding-77xl);
    box-sizing: border-box;
  }
}
@media screen and (max-width: 1600px) and (min-width: 1367px) {
  .proconf-features-23-august .title3 {
    line-height: 20px;
  }
  .proconf-features-23-august .keyfeaturecard,
  .proconf-features-23-august .keyfeaturecard1,
  .proconf-features-23-august .keyfeaturecard2,
  .proconf-features-23-august .keyfeaturecard3,
  .proconf-features-23-august .keyfeaturecard4,
  .proconf-features-23-august .keyfeaturecard5 {
    gap: var(--gap-3xs);
  }
  .proconf-features-23-august .features {
    align-items: flex-start;
    justify-content: center;
  }
  .proconf-features-23-august .keyfeaturecard10,
  .proconf-features-23-august .keyfeaturecard11,
  .proconf-features-23-august .keyfeaturecard12,
  .proconf-features-23-august .keyfeaturecard13,
  .proconf-features-23-august .keyfeaturecard14,
  .proconf-features-23-august .keyfeaturecard15,
  .proconf-features-23-august .keyfeaturecard16,
  .proconf-features-23-august .keyfeaturecard17,
  .proconf-features-23-august .keyfeaturecard18,
  .proconf-features-23-august .keyfeaturecard6,
  .proconf-features-23-august .keyfeaturecard7,
  .proconf-features-23-august .keyfeaturecard8,
  .proconf-features-23-august .keyfeaturecard9 {
    gap: var(--gap-3xs);
  }
  .proconf-features-23-august .features1 {
    align-items: flex-start;
    justify-content: center;
  }
  .proconf-features-23-august .keyfeaturecard19,
  .proconf-features-23-august .keyfeaturecard20 {
    gap: var(--gap-3xs);
  }
  .proconf-features-23-august .admin-portal2 {
    align-items: flex-start;
    justify-content: center;
  }
  .proconf-features-23-august .keyfeaturecard21 {
    gap: var(--gap-3xs);
  }
  .proconf-features-23-august .admin-portal5 {
    align-items: flex-start;
    justify-content: center;
  }
  .proconf-features-23-august{
    padding: var(--padding-81xl) var(--padding-77xl);
    box-sizing: border-box;
  }
}
@media screen and (max-width: 1366px) and (min-width: 1281px) {

  .proconf-features-23-august .proconf-features {
    font-size: var(--font-size-25xl);
  }
  .proconf-features-23-august .distinct-ai-enabled{
    font-size: var(--font-size-13xl);
  }
  .proconf-features-23-august .crystal-clear-voice-communicat {
    font-size: var(--font-size-mini);
    line-height: 17px;
  }
  .proconf-features-23-august .title3 {
    font-size: var(--font-size-sm);
    line-height: 16px;
  }
  .proconf-features-23-august .keyfeaturecard {
    gap: var(--gap-3xs);
  }
  .proconf-features-23-august .audiocalls-icon1 {
    width: 72px;
    height: 72px;
  }
  .proconf-features-23-august .keyfeaturecard1,
  .proconf-features-23-august .keyfeaturecard2,
  .proconf-features-23-august .keyfeaturecard3,
  .proconf-features-23-august .keyfeaturecard4,
  .proconf-features-23-august .keyfeaturecard5 {
    gap: var(--gap-3xs);
  }
  .proconf-features-23-august .features {
    align-items: flex-start;
    justify-content: center;
  }
  .proconf-features-23-august .keyfeaturecard6 {
    gap: var(--gap-3xs);
  }
  .proconf-features-23-august .audiocalls-icon7 {
    width: 72px;
    height: 72px;
  }
  .proconf-features-23-august .keyfeaturecard10,
  .proconf-features-23-august .keyfeaturecard11,
  .proconf-features-23-august .keyfeaturecard12,
  .proconf-features-23-august .keyfeaturecard13,
  .proconf-features-23-august .keyfeaturecard14,
  .proconf-features-23-august .keyfeaturecard15,
  .proconf-features-23-august .keyfeaturecard16,
  .proconf-features-23-august .keyfeaturecard17,
  .proconf-features-23-august .keyfeaturecard7,
  .proconf-features-23-august .keyfeaturecard8,
  .proconf-features-23-august .keyfeaturecard9 {
    gap: var(--gap-3xs);
  }
  .proconf-features-23-august .audiocalls-icon17 {
    width: 72px;
    height: 72px;
  }
  .proconf-features-23-august .keyfeaturecard18 {
    gap: var(--gap-3xs);
  }
  .proconf-features-23-august .features1 {
    align-items: flex-start;
    justify-content: center;
  }
  .proconf-features-23-august .keyfeaturecard19 {
    gap: var(--gap-3xs);
  }
  .proconf-features-23-august .crystal-clear-voice-communicat20 {
    font-size: var(--font-size-mini);
    line-height: 17px;
  }
  .proconf-features-23-august .keyfeaturecard20 {
    gap: var(--gap-3xs);
  }
  .proconf-features-23-august .admin-portal2 {
    align-items: flex-start;
    justify-content: center;
  }
  .proconf-features-23-august .keyfeaturecard21 {
    gap: var(--gap-3xs);
  }
  .proconf-features-23-august .admin-portal5 {
    align-items: flex-start;
    justify-content: center;
  }
}
@media screen and (max-width: 1280px) and (min-width: 961px) {
  .proconf-features-23-august .proconf-features {
    font-size: var(--font-size-15xl);
  }
  .proconf-features-23-august .distinct-ai-enabled {
    font-size: var(--font-size-7xl);
    line-height: 30px;
  }
  .proconf-features-23-august .crystal-clear-voice-communicat {
    font-size: var(--font-size-mini);
    line-height: 17px;
  }
  .proconf-features-23-august .title3 {
    font-size: var(--font-size-sm);
    line-height: 16px;
  }
  .proconf-features-23-august .keyfeaturecard {
    width: 100%;
    gap: var(--gap-3xs);
    min-width: 120px;
  }
  .proconf-features-23-august .keyfeaturecard10:hover,
  .proconf-features-23-august .keyfeaturecard11:hover,
  .proconf-features-23-august .keyfeaturecard12:hover,
  .proconf-features-23-august .keyfeaturecard13:hover,
  .proconf-features-23-august .keyfeaturecard14:hover,
  .proconf-features-23-august .keyfeaturecard15:hover,
  .proconf-features-23-august .keyfeaturecard16:hover,
  .proconf-features-23-august .keyfeaturecard17:hover,
  .proconf-features-23-august .keyfeaturecard18:hover,
  .proconf-features-23-august .keyfeaturecard19:hover,
  .proconf-features-23-august .keyfeaturecard1:hover,
  .proconf-features-23-august .keyfeaturecard20:hover,
  .proconf-features-23-august .keyfeaturecard21:hover,
  .proconf-features-23-august .keyfeaturecard2:hover,
  .proconf-features-23-august .keyfeaturecard3:hover,
  .proconf-features-23-august .keyfeaturecard4:hover,
  .proconf-features-23-august .keyfeaturecard5:hover,
  .proconf-features-23-august .keyfeaturecard6:hover,
  .proconf-features-23-august .keyfeaturecard7:hover,
  .proconf-features-23-august .keyfeaturecard8:hover,
  .proconf-features-23-august .keyfeaturecard9:hover,
  .proconf-features-23-august .keyfeaturecard:hover {
    animation: 1s ease 0s 1 normal none fade-in;
    opacity: 1;
  }
  @keyframes fade-in {
    0% {
      opacity: 0;
    }
    to {
      opacity: 1;
    }
  }
  .proconf-features-23-august .audiocalls-icon1 {
    width: 60px;
    height: 60px;
  }
  .proconf-features-23-august .keyfeaturecard1,
  .proconf-features-23-august .keyfeaturecard2,
  .proconf-features-23-august .keyfeaturecard3,
  .proconf-features-23-august .keyfeaturecard4,
  .proconf-features-23-august .keyfeaturecard5 {
    width: 100%;
    gap: var(--gap-3xs);
    min-width: 120px;
  }
  @keyframes fade-in {
    0% {
      opacity: 0;
    }
    to {
      opacity: 1;
    }
  }
  @keyframes fade-in {
    0% {
      opacity: 0;
    }
    to {
      opacity: 1;
    }
  }
  @keyframes fade-in {
    0% {
      opacity: 0;
    }
    to {
      opacity: 1;
    }
  }
  @keyframes fade-in {
    0% {
      opacity: 0;
    }
    to {
      opacity: 1;
    }
  }
  @keyframes fade-in {
    0% {
      opacity: 0;
    }
    to {
      opacity: 1;
    }
  }
  .proconf-features-23-august .features {
    align-items: flex-start;
    justify-content: center;
    display: grid;
    grid-template-columns: repeat(5, 1fr);
    column-gap: 20px;
  }
  .proconf-features-23-august .keyfeaturecard10,
  .proconf-features-23-august .keyfeaturecard11,
  .proconf-features-23-august .keyfeaturecard12,
  .proconf-features-23-august .keyfeaturecard13,
  .proconf-features-23-august .keyfeaturecard14,
  .proconf-features-23-august .keyfeaturecard15,
  .proconf-features-23-august .keyfeaturecard16,
  .proconf-features-23-august .keyfeaturecard17,
  .proconf-features-23-august .keyfeaturecard18,
  .proconf-features-23-august .keyfeaturecard6,
  .proconf-features-23-august .keyfeaturecard7,
  .proconf-features-23-august .keyfeaturecard8,
  .proconf-features-23-august .keyfeaturecard9 {
    width: 100%;
    gap: var(--gap-3xs);
    min-width: 120px;
  }
  @keyframes fade-in {
    0% {
      opacity: 0;
    }
    to {
      opacity: 1;
    }
  }
  @keyframes fade-in {
    0% {
      opacity: 0;
    }
    to {
      opacity: 1;
    }
  }
  @keyframes fade-in {
    0% {
      opacity: 0;
    }
    to {
      opacity: 1;
    }
  }
  @keyframes fade-in {
    0% {
      opacity: 0;
    }
    to {
      opacity: 1;
    }
  }
  @keyframes fade-in {
    0% {
      opacity: 0;
    }
    to {
      opacity: 1;
    }
  }
  @keyframes fade-in {
    0% {
      opacity: 0;
    }
    to {
      opacity: 1;
    }
  }
  @keyframes fade-in {
    0% {
      opacity: 0;
    }
    to {
      opacity: 1;
    }
  }
  @keyframes fade-in {
    0% {
      opacity: 0;
    }
    to {
      opacity: 1;
    }
  }
  @keyframes fade-in {
    0% {
      opacity: 0;
    }
    to {
      opacity: 1;
    }
  }
  @keyframes fade-in {
    0% {
      opacity: 0;
    }
    to {
      opacity: 1;
    }
  }
  @keyframes fade-in {
    0% {
      opacity: 0;
    }
    to {
      opacity: 1;
    }
  }
  @keyframes fade-in {
    0% {
      opacity: 0;
    }
    to {
      opacity: 1;
    }
  }
  @keyframes fade-in {
    0% {
      opacity: 0;
    }
    to {
      opacity: 1;
    }
  }
  .proconf-features-23-august .features1 {
    align-items: flex-start;
    justify-content: center;
    display: grid;
    grid-template-columns: repeat(5, 1fr);
    column-gap: 20px;
  }
  .proconf-features-23-august .keyfeaturecard19 {
    width: 100%;
    gap: var(--gap-3xs);
    min-width: 120px;
  }
  @keyframes fade-in {
    0% {
      opacity: 0;
    }
    to {
      opacity: 1;
    }
  }
  .proconf-features-23-august .crystal-clear-voice-communicat20 {
    font-size: var(--font-size-mini);
    line-height: 17px;
  }
  .proconf-features-23-august .keyfeaturecard20 {
    width: 100%;
    gap: var(--gap-3xs);
    min-width: 120px;
  }
  @keyframes fade-in {
    0% {
      opacity: 0;
    }
    to {
      opacity: 1;
    }
  }
  .proconf-features-23-august .admin-portal2 {
    align-items: flex-start;
    justify-content: center;
    display: grid;
    grid-template-columns: repeat(5, 1fr);
    column-gap: 20px;
  }
  .proconf-features-23-august .keyfeaturecard21 {
    width: 100%;
    gap: var(--gap-3xs);
    min-width: 120px;
  }
  @keyframes fade-in {
    0% {
      opacity: 0;
    }
    to {
      opacity: 1;
    }
  }
  .proconf-features-23-august .admin-portal5 {
    align-items: flex-start;
    justify-content: center;
    display: grid;
    grid-template-columns: repeat(5, 1fr);
    column-gap: 20px;
  }
  .proconf-features-23-august .content1 {
    gap: var(--gap-5xl);
  }
  .proconf-features-23-august{
    align-items: center;
    justify-content: flex-start;
    padding-left: var(--padding-77xl);
    padding-right: var(--padding-77xl);
    box-sizing: border-box;
  }
}
@media screen and (max-width: 1200px) {
  /* .proconf-features-23-august .proconf-features {
    font-size: var(--font-size-13xl);
  } */
  .proconf-features-23-august .title3 {
    font-size: var(--font-size-sm);
    line-height: 22px;
  }
  .proconf-features-23-august .admin-portal2,
  .proconf-features-23-august .admin-portal5,
  .proconf-features-23-august .features {
    align-items: flex-start;
    justify-content: center;
    display: grid;
    grid-template-columns: repeat(5, 1fr);
    column-gap: 20px;
  }
  .proconf-features-23-august{
    gap: var(--gap-21xl);
  }
}
@media screen and (max-width: 960px) {
  .proconf-features-23-august .hovertext {
    /* height: 225px; */
  }
  .proconf-features-23-august .title3 {
    font-size: var(--font-size-sm);
    line-height: 22px;
  }
  .proconf-features-23-august .hovertext1,
  .proconf-features-23-august .hovertext2,
  .proconf-features-23-august .hovertext3,
  .proconf-features-23-august .hovertext4,
  .proconf-features-23-august .hovertext5 {
    /* height: 225px; */
  }
  .proconf-features-23-august .features {
    align-items: flex-start;
    justify-content: center;
  }
  .proconf-features-23-august .hovertext10,
  .proconf-features-23-august .hovertext11,
  .proconf-features-23-august .hovertext12,
  .proconf-features-23-august .hovertext13,
  .proconf-features-23-august .hovertext14,
  .proconf-features-23-august .hovertext15,
  .proconf-features-23-august .hovertext16,
  .proconf-features-23-august .hovertext17,
  .proconf-features-23-august .hovertext18,
  .proconf-features-23-august .hovertext19,
  .proconf-features-23-august .hovertext20,
  .proconf-features-23-august .hovertext6,
  .proconf-features-23-august .hovertext7,
  .proconf-features-23-august .hovertext8,
  .proconf-features-23-august .hovertext9 {
    /* height: 225px; */
  }
  .proconf-features-23-august .admin-portal2,
  .proconf-features-23-august .admin-portal5 {
    align-items: flex-start;
    justify-content: center;
  }
}
@media screen and (max-width: 960px) and (min-width: 601px) {
  .proconf-features-23-august .proconf-features {
    font-size: var(--font-size-15xl);
  }
  .proconf-features-23-august .distinct-ai-enabled {
    font-size: var(--font-size-7xl);
    line-height: 26px;
  }
  .proconf-features-23-august .crystal-clear-voice-communicat {
    font-size: var(--font-size-sm);
    line-height: 16px;
    max-width: 240px;
  }
  .proconf-features-23-august .hovertext {
    min-width: 40px;
    max-width: 240px;
  }
  .proconf-features-23-august .title3 {
    font-size: var(--font-size-sm);
    line-height: 16px;
  }
  .proconf-features-23-august .contentnormal,
  .proconf-features-23-august .hinttext {
    box-sizing: border-box;
    min-width: 40px;
    max-width: 240px;
  }
  .proconf-features-23-august .hinttext {
    display: flex;
    padding-top: var(--padding-base);
  }
  .proconf-features-23-august .contentnormal {
    padding-top: var(--padding-11xl);
    padding-bottom: var(--padding-sm);
  }
  .proconf-features-23-august .keyfeaturecard {
    gap: var(--gap-5xs);
  }
  .proconf-features-23-august .hovertext1,
  .proconf-features-23-august .keyfeaturecard {
    min-width: 40px;
    max-width: 240px;
  }
  .proconf-features-23-august .audiocalls-icon1 {
    width: 60px;
    height: 60px;
  }
  .proconf-features-23-august .keyfeaturecard1 {
    gap: var(--gap-5xs);
  }
  .proconf-features-23-august .hovertext2,
  .proconf-features-23-august .keyfeaturecard1 {
    min-width: 40px;
    max-width: 240px;
  }
  .proconf-features-23-august .keyfeaturecard2 {
    gap: var(--gap-5xs);
  }
  .proconf-features-23-august .hovertext3,
  .proconf-features-23-august .keyfeaturecard2 {
    min-width: 40px;
    max-width: 240px;
  }
  .proconf-features-23-august .keyfeaturecard3 {
    gap: var(--gap-5xs);
  }
  .proconf-features-23-august .hovertext4,
  .proconf-features-23-august .keyfeaturecard3 {
    min-width: 40px;
    max-width: 240px;
  }
  .proconf-features-23-august .keyfeaturecard4 {
    gap: var(--gap-5xs);
  }
  .proconf-features-23-august .hovertext5,
  .proconf-features-23-august .keyfeaturecard4,
  .proconf-features-23-august .keyfeaturecard5 {
    min-width: 40px;
    max-width: 240px;
  }
  .proconf-features-23-august .keyfeaturecard5 {
    gap: var(--gap-5xs);
  }
  .proconf-features-23-august .features {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    column-gap: 20px;
  }
  .proconf-features-23-august .hovertext6 {
    min-width: 40px;
    max-width: 240px;
  }
  .proconf-features-23-august .keyfeaturecard6 {
    gap: var(--gap-5xs);
  }
  .proconf-features-23-august .hovertext7,
  .proconf-features-23-august .keyfeaturecard6 {
    min-width: 40px;
    max-width: 240px;
  }
  .proconf-features-23-august .keyfeaturecard7 {
    gap: var(--gap-5xs);
  }
  .proconf-features-23-august .hovertext8,
  .proconf-features-23-august .keyfeaturecard7 {
    min-width: 40px;
    max-width: 240px;
  }
  .proconf-features-23-august .keyfeaturecard8 {
    gap: var(--gap-5xs);
  }
  .proconf-features-23-august .hovertext9,
  .proconf-features-23-august .keyfeaturecard8 {
    min-width: 40px;
    max-width: 240px;
  }
  .proconf-features-23-august .keyfeaturecard9 {
    gap: var(--gap-5xs);
  }
  .proconf-features-23-august .hovertext10,
  .proconf-features-23-august .keyfeaturecard9 {
    min-width: 40px;
    max-width: 240px;
  }
  .proconf-features-23-august .keyfeaturecard10 {
    gap: var(--gap-5xs);
  }
  .proconf-features-23-august .hovertext11,
  .proconf-features-23-august .keyfeaturecard10 {
    min-width: 40px;
    max-width: 240px;
  }
  .proconf-features-23-august .keyfeaturecard11 {
    gap: var(--gap-5xs);
  }
  .proconf-features-23-august .hovertext12,
  .proconf-features-23-august .keyfeaturecard11 {
    min-width: 40px;
    max-width: 240px;
  }
  .proconf-features-23-august .keyfeaturecard12 {
    gap: var(--gap-5xs);
  }
  .proconf-features-23-august .hovertext13,
  .proconf-features-23-august .keyfeaturecard12 {
    min-width: 40px;
    max-width: 240px;
  }
  .proconf-features-23-august .keyfeaturecard13 {
    gap: var(--gap-5xs);
  }
  .proconf-features-23-august .hovertext14,
  .proconf-features-23-august .keyfeaturecard13 {
    min-width: 40px;
    max-width: 240px;
  }
  .proconf-features-23-august .keyfeaturecard14 {
    gap: var(--gap-5xs);
  }
  .proconf-features-23-august .hovertext15,
  .proconf-features-23-august .keyfeaturecard14 {
    min-width: 40px;
    max-width: 240px;
  }
  .proconf-features-23-august .keyfeaturecard15 {
    gap: var(--gap-5xs);
  }
  .proconf-features-23-august .hovertext16,
  .proconf-features-23-august .keyfeaturecard15 {
    min-width: 40px;
    max-width: 240px;
  }
  .proconf-features-23-august .keyfeaturecard16 {
    gap: var(--gap-5xs);
  }
  .proconf-features-23-august .hovertext17,
  .proconf-features-23-august .keyfeaturecard16 {
    min-width: 40px;
    max-width: 240px;
  }
  .proconf-features-23-august .keyfeaturecard17 {
    gap: var(--gap-5xs);
  }
  .proconf-features-23-august .hovertext18,
  .proconf-features-23-august .keyfeaturecard17,
  .proconf-features-23-august .keyfeaturecard18 {
    min-width: 40px;
    max-width: 240px;
  }
  .proconf-features-23-august .keyfeaturecard18 {
    gap: var(--gap-5xs);
  }
  .proconf-features-23-august .features1 {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    column-gap: 20px;
  }
  .proconf-features-23-august .hovertext19,
  .proconf-features-23-august .keyfeaturecard19 {
    min-width: 40px;
    max-width: 240px;
  }
  .proconf-features-23-august .keyfeaturecard19 {
    gap: var(--gap-5xs);
  }
  .proconf-features-23-august .crystal-clear-voice-communicat20 {
    font-size: var(--font-size-sm);
    line-height: 16px;
    max-width: 240px;
  }
  .proconf-features-23-august .hovertext20,
  .proconf-features-23-august .keyfeaturecard20 {
    min-width: 40px;
    max-width: 240px;
  }
  .proconf-features-23-august .keyfeaturecard20 {
    gap: var(--gap-5xs);
  }
  .proconf-features-23-august .admin-portal2 {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    column-gap: 20px;
  }
  .proconf-features-23-august .keyfeaturecard21 {
    gap: var(--gap-5xs);
    min-width: 40px;
    max-width: 240px;
  }
  .proconf-features-23-august .admin-portal5 {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    column-gap: 20px;
  }
  .proconf-features-23-august .content1 {
    gap: var(--gap-11xl);
  }
  .proconf-features-23-august{
    padding: var(--padding-23xl) 36px;
    box-sizing: border-box;
  }
}
@media screen and (max-width: 600px) and (min-width: 298px) {
  .proconf-features-23-august .proconf-features {
    font-size: var(--font-size-5xl);
  }
  .proconf-features-23-august .distinct-ai-enabled {
    font-size: var(--font-size-xl);
    line-height: 26px;
  }
  .proconf-features-23-august .distinct-ai-enabled-features {
    height: 26px;
  }
  .proconf-features-23-august .crystal-clear-voice-communicat {
    font-size: var(--font-size-sm);
    line-height: 16px;
    min-width: 20px;
    max-width: 260px;
  }
  .proconf-features-23-august .hovertext,
  .proconf-features-23-august .title3 {
    min-width: 20px;
    max-width: 260px;
  }
  .proconf-features-23-august .title3 {
    font-size: var(--font-size-sm);
    line-height: 16px;
  }
  .proconf-features-23-august .icinfo-icon {
    display: flex;
  }
  .proconf-features-23-august .contentnormal,
  .proconf-features-23-august .hinttext {
    box-sizing: border-box;
    min-width: 20px;
    max-width: 260px;
  }
  .proconf-features-23-august .hinttext {
    display: flex;
    padding-top: var(--padding-base);
  }
  .proconf-features-23-august .contentnormal {
    align-items: center;
    justify-content: space-between;
    gap: var(--gap-0);
    padding-top: var(--padding-11xl);
    padding-bottom: var(--padding-3xs);
  }
  .proconf-features-23-august .keyfeaturecard {
    width: 100%;
    height: 225px;
    gap: var(--gap-5xs);
  }
  .proconf-features-23-august .hovertext1,
  .proconf-features-23-august .keyfeaturecard {
    min-width: 20px;
    max-width: 260px;
  }
  .proconf-features-23-august .audiocalls-icon1 {
    width: 60px;
    height: 60px;
  }
  .proconf-features-23-august .keyfeaturecard1 {
    width: 100%;
    height: 225px;
    gap: var(--gap-5xs);
  }
  .proconf-features-23-august .hovertext2,
  .proconf-features-23-august .keyfeaturecard1 {
    min-width: 20px;
    max-width: 260px;
  }
  .proconf-features-23-august .keyfeaturecard2 {
    width: 100%;
    height: 225px;
    gap: var(--gap-5xs);
  }
  .proconf-features-23-august .hovertext3,
  .proconf-features-23-august .keyfeaturecard2 {
    min-width: 20px;
    max-width: 260px;
  }
  .proconf-features-23-august .keyfeaturecard3 {
    width: 100%;
    height: 225px;
    gap: var(--gap-5xs);
  }
  .proconf-features-23-august .hovertext4,
  .proconf-features-23-august .keyfeaturecard3 {
    min-width: 20px;
    max-width: 260px;
  }
  .proconf-features-23-august .keyfeaturecard4 {
    width: 100%;
    height: 225px;
    gap: var(--gap-5xs);
  }
  .proconf-features-23-august .hovertext5,
  .proconf-features-23-august .keyfeaturecard4,
  .proconf-features-23-august .keyfeaturecard5 {
    min-width: 20px;
    max-width: 260px;
  }
  .proconf-features-23-august .keyfeaturecard5 {
    width: 100%;
    height: 225px;
    gap: var(--gap-5xs);
  }
  .proconf-features-23-august .features {
    gap: var(--gap-base);
    align-items: flex-start;
    justify-content: center;
    display: grid;
    grid-template-columns: 50% 50%;
    column-gap: 10px;
    row-gap: 16px;
  }
  .proconf-features-23-august .advanced-features {
    gap: var(--gap-3xs);
  }
  .proconf-features-23-august .hovertext6 {
    min-width: 20px;
    max-width: 260px;
  }
  .proconf-features-23-august .keyfeaturecard6 {
    width: 100%;
    height: 225px;
    gap: var(--gap-5xs);
  }
  .proconf-features-23-august .hovertext7,
  .proconf-features-23-august .keyfeaturecard6 {
    min-width: 20px;
    max-width: 260px;
  }
  .proconf-features-23-august .audiocalls-icon7 {
    width: 82px;
    height: 82px;
  }
  .proconf-features-23-august .keyfeaturecard7 {
    width: 100%;
    height: 225px;
    gap: var(--gap-5xs);
  }
  .proconf-features-23-august .hovertext8,
  .proconf-features-23-august .keyfeaturecard7 {
    min-width: 20px;
    max-width: 260px;
  }
  .proconf-features-23-august .keyfeaturecard8 {
    width: 100%;
    height: 225px;
    gap: var(--gap-5xs);
  }
  .proconf-features-23-august .hovertext9,
  .proconf-features-23-august .keyfeaturecard8 {
    min-width: 20px;
    max-width: 260px;
  }
  .proconf-features-23-august .keyfeaturecard9 {
    width: 100%;
    height: 225px;
    gap: var(--gap-5xs);
  }
  .proconf-features-23-august .hovertext10,
  .proconf-features-23-august .keyfeaturecard9 {
    min-width: 20px;
    max-width: 260px;
  }
  .proconf-features-23-august .keyfeaturecard10 {
    width: 100%;
    height: 225px;
    gap: var(--gap-5xs);
  }
  .proconf-features-23-august .hovertext11,
  .proconf-features-23-august .keyfeaturecard10 {
    min-width: 20px;
    max-width: 260px;
  }
  .proconf-features-23-august .keyfeaturecard11 {
    width: 100%;
    height: 225px;
    gap: var(--gap-5xs);
  }
  .proconf-features-23-august .hovertext12,
  .proconf-features-23-august .keyfeaturecard11 {
    min-width: 20px;
    max-width: 260px;
  }
  .proconf-features-23-august .keyfeaturecard12 {
    width: 100%;
    height: 225px;
    gap: var(--gap-5xs);
  }
  .proconf-features-23-august .hovertext13,
  .proconf-features-23-august .keyfeaturecard12 {
    min-width: 20px;
    max-width: 260px;
  }
  .proconf-features-23-august .keyfeaturecard13 {
    width: 100%;
    height: 225px;
    gap: var(--gap-5xs);
  }
  .proconf-features-23-august .hovertext14,
  .proconf-features-23-august .keyfeaturecard13 {
    min-width: 20px;
    max-width: 260px;
  }
  .proconf-features-23-august .keyfeaturecard14 {
    width: 100%;
    height: 225px;
    gap: var(--gap-5xs);
  }
  .proconf-features-23-august .hovertext15,
  .proconf-features-23-august .keyfeaturecard14 {
    min-width: 20px;
    max-width: 260px;
  }
  .proconf-features-23-august .keyfeaturecard15 {
    width: 100%;
    height: 225px;
    gap: var(--gap-5xs);
  }
  .proconf-features-23-august .hovertext16,
  .proconf-features-23-august .keyfeaturecard15 {
    min-width: 20px;
    max-width: 260px;
  }
  .proconf-features-23-august .keyfeaturecard16 {
    width: 100%;
    height: 225px;
    gap: var(--gap-5xs);
  }
  .proconf-features-23-august .hovertext17,
  .proconf-features-23-august .keyfeaturecard16 {
    min-width: 20px;
    max-width: 260px;
  }
  .proconf-features-23-august .keyfeaturecard17 {
    width: 100%;
    height: 225px;
    gap: var(--gap-5xs);
  }
  .proconf-features-23-august .hovertext18,
  .proconf-features-23-august .keyfeaturecard17,
  .proconf-features-23-august .keyfeaturecard18 {
    min-width: 20px;
    max-width: 260px;
  }
  .proconf-features-23-august .keyfeaturecard18 {
    width: 100%;
    height: 225px;
    gap: var(--gap-5xs);
  }
  .proconf-features-23-august .features1 {
    gap: var(--gap-base);
    align-items: flex-start;
    justify-content: center;
    display: grid;
    grid-template-columns: 50% 50%;
    column-gap: 10px;
    row-gap: 16px;
  }
  .proconf-features-23-august .hovertext19,
  .proconf-features-23-august .keyfeaturecard19 {
    min-width: 20px;
    max-width: 260px;
  }
  .proconf-features-23-august .keyfeaturecard19 {
    width: 100%;
    height: 225px;
    gap: var(--gap-5xs);
  }
  .proconf-features-23-august .crystal-clear-voice-communicat20 {
    font-size: var(--font-size-sm);
    line-height: 16px;
    min-width: 20px;
    max-width: 260px;
  }
  .proconf-features-23-august .hovertext20,
  .proconf-features-23-august .keyfeaturecard20 {
    min-width: 20px;
    max-width: 260px;
  }
  .proconf-features-23-august .keyfeaturecard20 {
    width: 100%;
    height: 225px;
    gap: var(--gap-5xs);
  }
  .proconf-features-23-august .admin-portal2 {
    gap: var(--gap-base);
    align-items: flex-start;
    justify-content: center;
    display: grid;
    grid-template-columns: 50% 50%;
    column-gap: 10px;
    row-gap: 16px;
  }
  .proconf-features-23-august .keyfeaturecard21 {
    width: 100%;
    height: 225px;
    gap: var(--gap-5xs);
    min-width: 20px;
    max-width: 260px;
  }
  .proconf-features-23-august .admin-portal5 {
    gap: var(--gap-base);
    align-items: flex-start;
    justify-content: center;
    display: grid;
    grid-template-columns: 50% 50%;
    column-gap: 10px;
    row-gap: 16px;
  }
  .proconf-features-23-august .content1 {
    gap: 32px;
  }
  .proconf-features-23-august{
    padding: 32px var(--padding-base);
    box-sizing: border-box;
  }
}
@media screen and (max-width: 297px) and (min-width: 0px) {
  .proconf-features-23-august .proconf-features {
    font-size: var(--font-size-xl);
    line-height: 22px;
  }
  .proconf-features-23-august .distinct-ai-enabled {
    font-size: var(--font-size-base);
    line-height: 22px;
  }
  .proconf-features-23-august .crystal-clear-voice-communicat {
    font-size: var(--font-size-xs);
    line-height: 14px;
  }
  .proconf-features-23-august .hovertext {
    min-width: 20px;
  }
  .proconf-features-23-august .title3 {
    font-size: var(--font-size-xs);
    line-height: 14px;
  }
  .proconf-features-23-august .icinfo-icon {
    display: flex;
  }
  .proconf-features-23-august .contentnormal,
  .proconf-features-23-august .hinttext {
    /* padding-top: var(--padding-11xl); */
    box-sizing: border-box;
  }
  .proconf-features-23-august .hinttext {
    display: flex;
    min-width: 20px;
  }
  .proconf-features-23-august .contentnormal {
    padding-bottom: var(--padding-3xs);
    width: 100%;
  }
  .proconf-features-23-august .keyfeaturecard {
    width: 100%;
    flex-direction: row;
    gap: var(--gap-5xs);
    flex-wrap: wrap;
    min-width: 20px;
  }
  .proconf-features-23-august .hovertext1 {
    min-width: 20px;
  }
  .proconf-features-23-august .audiocalls-icon1 {
    width: 40px;
    height: 40px;
  }
  .proconf-features-23-august .keyfeaturecard1 {
    width: 100%;
    flex-direction: row;
    gap: var(--gap-5xs);
    flex-wrap: wrap;
    min-width: 20px;
  }
  .proconf-features-23-august .hovertext2 {
    min-width: 20px;
  }
  .proconf-features-23-august .keyfeaturecard2 {
    width: 100%;
    flex-direction: row;
    gap: var(--gap-5xs);
    flex-wrap: wrap;
    min-width: 20px;
  }
  .proconf-features-23-august .hovertext3 {
    min-width: 20px;
  }
  .proconf-features-23-august .keyfeaturecard3 {
    width: 100%;
    flex-direction: row;
    gap: var(--gap-5xs);
    flex-wrap: wrap;
    min-width: 20px;
  }
  .proconf-features-23-august .hovertext4 {
    min-width: 20px;
  }
  .proconf-features-23-august .keyfeaturecard4 {
    width: 100%;
    flex-direction: row;
    gap: var(--gap-5xs);
    flex-wrap: wrap;
    min-width: 20px;
  }
  .proconf-features-23-august .hovertext5 {
    min-width: 20px;
  }
  .proconf-features-23-august .keyfeaturecard5 {
    width: 100%;
    flex-direction: row;
    gap: var(--gap-5xs);
    flex-wrap: wrap;
    min-width: 20px;
  }
  .proconf-features-23-august .features {
    display: grid;
    grid-template-columns: 50% 50%;
    column-gap: 8px;
    padding: var(--padding-base);
  }
  .proconf-features-23-august .advanced-features {
    gap: var(--gap-3xs);
  }
  .proconf-features-23-august .hovertext6 {
    min-width: 20px;
  }
  .proconf-features-23-august .keyfeaturecard6 {
    width: 100%;
    flex-direction: row;
    gap: var(--gap-5xs);
    flex-wrap: wrap;
    min-width: 20px;
  }
  .proconf-features-23-august .hovertext7 {
    min-width: 20px;
  }
  .proconf-features-23-august .keyfeaturecard7 {
    width: 100%;
    flex-direction: row;
    gap: var(--gap-5xs);
    flex-wrap: wrap;
    min-width: 20px;
  }
  .proconf-features-23-august .hovertext8 {
    min-width: 20px;
  }
  .proconf-features-23-august .keyfeaturecard8 {
    width: 100%;
    flex-direction: row;
    gap: var(--gap-5xs);
    flex-wrap: wrap;
    min-width: 20px;
  }
  .proconf-features-23-august .hovertext9 {
    min-width: 20px;
  }
  .proconf-features-23-august .keyfeaturecard9 {
    width: 100%;
    flex-direction: row;
    gap: var(--gap-5xs);
    flex-wrap: wrap;
    min-width: 20px;
  }
  .proconf-features-23-august .hovertext10 {
    min-width: 20px;
  }
  .proconf-features-23-august .keyfeaturecard10 {
    width: 100%;
    flex-direction: row;
    gap: var(--gap-5xs);
    flex-wrap: wrap;
    min-width: 20px;
  }
  .proconf-features-23-august .hovertext11 {
    min-width: 20px;
  }
  .proconf-features-23-august .keyfeaturecard11 {
    width: 100%;
    flex-direction: row;
    gap: var(--gap-5xs);
    flex-wrap: wrap;
    min-width: 20px;
  }
  .proconf-features-23-august .hovertext12 {
    min-width: 20px;
  }
  .proconf-features-23-august .keyfeaturecard12 {
    width: 100%;
    flex-direction: row;
    gap: var(--gap-5xs);
    flex-wrap: wrap;
    min-width: 20px;
  }
  .proconf-features-23-august .hovertext13 {
    min-width: 20px;
  }
  .proconf-features-23-august .keyfeaturecard13 {
    width: 100%;
    flex-direction: row;
    gap: var(--gap-5xs);
    flex-wrap: wrap;
    min-width: 20px;
  }
  .proconf-features-23-august .hovertext14 {
    min-width: 20px;
  }
  .proconf-features-23-august .keyfeaturecard14 {
    width: 100%;
    flex-direction: row;
    gap: var(--gap-5xs);
    flex-wrap: wrap;
    min-width: 20px;
  }
  .proconf-features-23-august .hovertext15 {
    min-width: 20px;
  }
  .proconf-features-23-august .keyfeaturecard15 {
    width: 100%;
    flex-direction: row;
    gap: var(--gap-5xs);
    flex-wrap: wrap;
    min-width: 20px;
  }
  .proconf-features-23-august .hovertext16 {
    min-width: 20px;
  }
  .proconf-features-23-august .keyfeaturecard16 {
    width: 100%;
    flex-direction: row;
    gap: var(--gap-5xs);
    flex-wrap: wrap;
    min-width: 20px;
  }
  .proconf-features-23-august .hovertext17 {
    min-width: 20px;
  }
  .proconf-features-23-august .keyfeaturecard17 {
    width: 100%;
    flex-direction: row;
    gap: var(--gap-5xs);
    flex-wrap: wrap;
    min-width: 20px;
  }
  .proconf-features-23-august .hovertext18 {
    min-width: 20px;
  }
  .proconf-features-23-august .keyfeaturecard18 {
    width: 100%;
    flex-direction: row;
    gap: var(--gap-5xs);
    flex-wrap: wrap;
    min-width: 20px;
  }
  .proconf-features-23-august .features1 {
    gap: var(--gap-base);
    align-items: flex-start;
    justify-content: center;
    display: grid;
    grid-template-columns: 50% 50%;
    column-gap: 8px;
    padding: var(--padding-base);
    row-gap: 12px;
  }
  .proconf-features-23-august .hovertext19 {
    min-width: 20px;
  }
  .proconf-features-23-august .keyfeaturecard19 {
    width: 100%;
    flex-direction: row;
    gap: var(--gap-5xs);
    flex-wrap: wrap;
    min-width: 20px;
  }
  .proconf-features-23-august .crystal-clear-voice-communicat20 {
    font-size: var(--font-size-xs);
    line-height: 14px;
  }
  .proconf-features-23-august .hovertext20 {
    min-width: 20px;
  }
  .proconf-features-23-august .keyfeaturecard20 {
    width: 100%;
    flex-direction: row;
    gap: var(--gap-5xs);
    flex-wrap: wrap;
    min-width: 20px;
  }
  .proconf-features-23-august .admin-portal2 {
    display: grid;
    grid-template-columns: 50% 50%;
    column-gap: 8px;
    row-gap: 12px;
    padding: var(--padding-base);
  }
  .proconf-features-23-august .keyfeaturecard21 {
    width: 100%;
    flex-direction: row;
    gap: var(--gap-5xs);
    flex-wrap: wrap;
    min-width: 20px;
  }
  .proconf-features-23-august .admin-portal5 {
    display: grid;
    grid-template-columns: 50% 50%;
    column-gap: 8px;
    row-gap: 12px;
    padding: var(--padding-base);
  }
  .proconf-features-23-august .content1 {
    gap: var(--gap-5xl);
  }
  .proconf-features-23-august{
    padding: var(--padding-5xl) var(--padding-3xs);
    box-sizing: border-box;
  }
}