.w-webflow-badge {
    display: none;
    visibility: hidden !important;
 }
 .w-webflow-badge>img{
    display: none;
    visibility: hidden !important;
 }
 .w-nav{
   background-color: white;
   box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.07), 0 6px 20px 0 rgba(0, 0, 0, 0.07);
 }
 .nav-link:hover {
   color: #7A4AFF;
 }
 .nav-link.w--current {
   color: #7A4AFF;
 }
 .nav-link.w--current:hover{
   color: #7A4AFF;
 }
 .toggle:hover{
   color: #7A4AFF;
 }
 .primary-button:hover {
   background-color: #7A4AFF;
 }
 .button-circle-large {
   background-color: #7A4AFF;
 }
 .form-button:hover {
   background-color: #7A4AFF;
 }
 .circular-form-button {
   background-color: #7A4AFF;
 }
 .circular-form-button:hover {
   background-color: #7A4AFF;
 }
 .black-link:hover{
   color: #7A4AFF;
 }
 @media only screen and (min-width: 768px){
   .heading-large-screen {
   font-size: 5rem;
 }
}
.pdf-container{
        width: 50px;
        height: 50px;
        position: absolute;
        right: 12px;
        top: 12px;
        background: #D1D1D1;
}

.tabs-menu-grid{
  grid-template-columns: 1fr 1fr 1fr 1fr;
  margin-bottom: -10px;
}

.title-border {
  border: #7A4AFF 2px solid;
  color: #252729;
  border-radius: 30px;
  padding-inline: 50px;
  padding-block: 25px;
  -webkit-box-shadow: 0 6px 6px -6px #777;
     -moz-box-shadow: 0 6px 6px -6px #777;
          box-shadow: 0 6px 6px -6px #777;
}
.gradient-border {
font-style: normal;
font-weight: 500;
font-size: 20px;
line-height: 30px;
display: flex;
align-items: center;
justify-content: center;
text-align: center;
letter-spacing: 0.01em;
color: #7A4AFF;
flex: none;
order: 0;
flex-grow: 0;
border-radius: 1rem;
padding-inline: 30px;
padding-block: 7px;
border: 2px solid;
background: linear-gradient(#fff, #fff) padding-box;
  border: 2px solid #7A4AFF;
  border-radius: 1rem;
}
.gradient-bg{
  background: linear-gradient(135.24deg, #C1AAFF 2.79%, #362E5C 59.35%, #777879 126.69%);
    border-radius: 0 50px 0 0;
}
.gradient-bg-2{
  background: linear-gradient(179.79deg, #9F7DFE 2.66%, #A07DFF 65.11%, #FFFFFF 99.83%, #33FDD8 105.83%);
    border-radius: 50px 0 0 0;
}
.gradient-button {
  font-style: normal;
  font-weight: 500;
  font-size: 20px;
  line-height: 30px;
  display: flex;
  cursor: pointer;
  align-items: center;
  justify-content: center;
  text-align: center;
  letter-spacing: 0.01em;
  color: #FFF;
  flex: none;
  order: 0;
  flex-grow: 0;
  border-radius: 1rem;
  padding-inline: 30px;
  padding-block: 7px;
  border: 2px solid;
  background: linear-gradient(135deg, #33FDD8 0.41%, #7A4AFF 55.21%, #45108A 111.48%);
    /* border: 2px solid transparent; */
    border-radius: 1rem;
  }  

  @media (min-width:882px){
    .width_30{
      width: 70px;
    }

}
.use-case-subtitle{
  font-size: medium;
  color: gray;
  font-weight: 700;
}
.gradient-bg-title{
 color: #fff;
}
.gradient-bg-button-border{
font-style: normal;
font-weight: 500;
font-size: 20px;
line-height: 30px;
display: flex;
align-items: center;
justify-content: center;
text-align: center;
letter-spacing: 0.01em;
color: #fff;
flex: none;
order: 0;
flex-grow: 0;
border-radius: 1rem;
padding-inline: 30px;
padding-block: 7px;
border: 2px solid;
background: transparent;
}
.s-badge{
  color: #7A4AFF;
}
.section-nav{
  margin-inline: 5%;
  background-color: white;
  border-radius: 25px;
  box-shadow: 0 5px 20px 0 rgba(0, 0, 0, 0.07), 0 -8px 20px 0 rgba(0, 0, 0, 0.07);
}
.section-nav-gradient{
  margin-inline: 5%;
  background: linear-gradient(135deg, rgba(121, 255, 230, 0.6) 0.51%, rgba(186, 160, 255, 0.65) 55.21%, rgba(117, 79, 166, 0.61) 111.48%);
  border-radius: 25px;
  box-shadow: 0 5px 20px 0 rgba(0, 0, 0, 0.07), 0 -8px 20px 0 rgba(0, 0, 0, 0.07);
}
.timeline-circle{
  border-color: #7A4AFF;
  background-color: #7A4AFF;
}
.label-name{
  background-color: #252729;
  color: white;
  font-size: large;
  margin-top: 10px;
  font-weight: 600;
  border-radius: 50px;
  padding-inline: 20px;
  padding-block: 10px;
}
.pre-label-name{
  border: #252729 solid 2px;
  font-size: large;
  margin-bottom: 12px;
  font-weight: 600;
  border-radius: 50px;
  padding-inline: 20px;
  padding-block: 10px;
}
.how-notif-works{
  color: #212DC7;
}
.border-color{
   border: #45108A dotted 4px;
   border-radius: 100%;
}
.css-1vuzr9r {
  display: -webkit-inline-box;
  display: -webkit-inline-flex;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-appearance: none;
  -moz-appearance: none;
  -ms-appearance: none;
  appearance: none;
  -webkit-align-items: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
  -webkit-transition: all 250ms;
  transition: all 250ms;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  position: relative;
  white-space: nowrap;
  vertical-align: middle;
  outline: 2px solid transparent;
  outline-offset: 2px;
  width: auto;
  line-height: 1.2;
  border-radius: var(--chakra-radii-md);
  font-weight: var(--chakra-fontWeights-semibold);
  height: 50px;
  min-width: var(--chakra-sizes-10);
  font-size: 14px;
  -webkit-padding-start: 22px;
  padding-inline-start: 22px;
  -webkit-padding-end: 22px;
  padding-inline-end: 22px;
  background: var(--chakra-colors-gray-100);
  background-color: var(--chakra-colors-transparent);
  color: var(--chakra-colors-primary-salmon);
  box-shadow: inset 0 0 0 2px #ff5e5e;
  border-color: var(--chakra-colors-primary-salmon);
}
.css-1vuzr9r:focus,
.css-1vuzr9r[data-focus] {
  box-shadow: var(--chakra-shadows-outline);
}
.css-1vuzr9r[disabled],
.css-1vuzr9r[aria-disabled="true"],
.css-1vuzr9r[data-disabled] {
  opacity: 0.4;
  cursor: not-allowed;
  box-shadow: var(--chakra-shadows-none);
}
.css-1vuzr9r:hover,
.css-1vuzr9r[data-hover] {
  box-shadow: inset 0 0 0 2px #fd897a;
  background-color: var(--chakra-colors-transparent);
  color: var(--chakra-colors-secondary-salmon);
}
.css-1vuzr9r:active,
.css-1vuzr9r[data-active] {
  box-shadow: inset 0 0 0 2px #fd897a;
  background-color: var(--chakra-colors-transparent);
  color: var(--chakra-colors-secondary-salmon);
}
.css-1vuzr9r span {
  margin-left: 14px;
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}
.css-1vuzr9r:hover span {
  -webkit-transform: translateX(3px);
  -moz-transform: translateX(3px);
  -ms-transform: translateX(3px);
  transform: translateX(3px);
}
.css-10hhhdl {
  font-family: var(--chakra-fonts-heading);
  font-weight: 700;
  font-size: 40px;
  line-height: 48px;
}
@media screen and (min-width: 62em) {
  .css-10hhhdl {
    max-width: 428px;
  }
}
@media screen and (min-width: 62em) {
  .css-yuunkv {
    padding-top: var(--chakra-space-14);
  }
}

.parent {
  position: relative;
  top: 0;
  left: 0;
}

.image1 {
  position: relative;
  top: 0;
  left: 0;
}
.image2 {
  position: absolute;
  top: 33%;
  left: 50%;
}
@media screen and (min-width: 2400px) {
  .image2 {
    position: absolute;
    top: 15%;
    left: 50%;
  }
}
@media screen and (max-width: 600px) { 
  .buttons-wrap{
  display: grid;
  grid-template-columns: none;
}
}

.tabs {
  display: flex;
  flex-wrap: wrap;
  flex-direction: row;
  justify-content: center;
  max-width: auto;
  font-family: sans-serif;
}

.tabs__label {
  margin: 10px auto;
  cursor: pointer;
  font-style: normal;
  font-weight: 500;
  font-size: 20px;
  line-height: 30px;
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
  letter-spacing: 0.01em;
  flex: none;
  order: 0;
  flex-grow: 0;
  border-radius: 25px;
  padding-inline: 30px;
  padding-block: 6px;
    border: 2px solid #45108A;
  }

.tabs__radio {
  display: none;
}

.tabs__content {
  order: 1;
  width: 100%;
  line-height: 1.5;
  font-size: 0.9em;
  display: none;
}

.tabs__radio:checked + .tabs__label {
  font-style: normal;
  font-weight: 500;
  font-size: 20px;
  line-height: 30px;
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
  letter-spacing: 0.01em;
  color: #FFF;
  flex: none;
  order: 0;
  flex-grow: 0;
  border-radius: 25px;
  padding-inline: 30px;
  padding-block: 7px;
  border: 2px solid;
  background: linear-gradient(135deg, #33FDD8 0.51%, #7A4AFF 55.21%, #45108A 111.48%);
    border-radius: 25px;
}

.tabs__radio:checked + .tabs__label + .tabs__content {
  display: initial;
}
.right-0{
  position:absolute;
  right: 0%;
}
.alignt-items-center{
  align-items: center;
}
.divider-3{
  width: 100%;
  height: 2px;
  background-color: gray;
}
.padding-5-left{
  padding-left: 5%;
}
.purple-button{
  font-style: normal;
  font-weight: 500;
  font-size: 20px;
  line-height: 30px;
  display: flex;
  cursor: pointer;
  align-items: center;
  justify-content: center;
  text-align: center;
  letter-spacing: 0.01em;
  color: #FFF;
  flex: none;
  order: 0;
  flex-grow: 0;
  border-radius: 1rem;
  padding-inline: 30px;
  padding-block: 7px;
  background: #7A4AFF;
  transition: background-color 300ms ease;
    transition-duration: 300ms;
    transition-timing-function: ease;
    transition-delay: 0.1s;
    transition-property: background-color;
}
.purple-button:hover{
    background-color: #45108A;
}
@media screen and (max-width: 767px){
.timeline-grid-2 {
    grid-template-columns: 1fr 1fr;
}
}
@media screen and (max-width: 479px){
  .timeline-grid-2 {
    grid-template-columns: auto;
    grid-row-gap:unset;
 }
 .align-left-and-vertical{
  align-items: center;
 }
  }
@media screen and (max-width:767px) {
  .hide-on-portrait-new {
      display: none;
  }
}
@media screen and (max-width: 479px){
#w-node-_65554a80-9738-6543-2d37-c6ee55c210f9-53064551 .align-left-and-vertical {
    align-items: unset;
}
#w-node-_65554a80-9738-6543-2d37-c6ee55c21117-53064551 .align-left-and-vertical {
  align-items: unset;
}
}
@media screen and (max-width: 768px){
  .space-between-hor {
    display: block;
}
}
@media (min-width:767px) {
  .visible-on-portrait {
      display: none;
  }
}
@media (max-width:480px) {
  .visible-on-portrait {
      display: none;
  }
}
@media (max-width:465px) {
  .image2 {
      left:0%;
      top: 50%;
  }
}
.flex-gap {
  display: inline-flex;
  gap: 8%;
}
.flex-row{
  display: flex;
  flex-direction: row;
}
@media screen and (max-width: 800px) { 
  .flex-row{
    display: unset;
    flex-direction:unset;
  }
}
.col{
   flex : 1;
}
.align-self-end{
  flex: 1;
  justify-content: center;
  align-items: center;
  display: flex;
}
@media screen and (max-width: 800px) { 
  .align-self-end{
    display: none;
  }
}
.dark-theme-color{
 color: #45108A;
}
.mt-50{
  margin-top: 50px;
}
.opacity-40{
  opacity: 0.4;
      z-index: -1;  
      -webkit-filter: grayscale(1); /* Old WebKit */
      filter: grayscale(1);
}
.border-rounded{
  border-radius: 10px;
}
.align-self-flex-start{
  align-self: flex-start;
}
.box-container{
  border-radius: 10px;
  width: 100%;
  padding: 10px;
  margin: 25px;
  height: 40VH;
}
.box-container:hover{
  cursor: pointer;
  box-shadow: 0 5px 20px 0 rgba(0, 0, 0, 0.05), 0 -8px 20px 0 rgba(0, 0, 0, 0.05);
}
@media screen and (min-width: 479px) { 
  .hide-on-big-devices{
    display: none;
  }
}
@media screen and (max-width: 479px) { 
  .hide-on-mobile{
     display: none;
  }
}
#notificationsSubPgaes .column-content{
  margin-top: 0px;
}
.gray-border{
  border: rgba(128, 128, 128, 0.434) 1.5px solid;
}