.desktop {
  display: flex;
  width:1000px;
  flex-direction: column; 
  height: 3350px;
  align-items: center;
  padding: 32px 64px 64px;
  position: relative; 
  margin: 0 auto;  
  background-color: var(--variable-collection-light-blue);
}
.desktop .yes-button {
  display: flex;
  width: 125.12px;
  align-items: center;
  justify-content: center;
  gap: 8px;
  padding: 14.56px 29.13px;
  position: relative;
  background-color: #fff6ec;
  border-radius: 72.82px;
  border: 2px solid;
  border-color: var(--variable-collection-blue-3);
}
.desktop .no-button {
  display: flex;
  width: 125.12px;
  align-items: center;
  justify-content: center;
  gap: 8px;
  padding: 14.56px 29.13px;
  position: relative;
  background-color: #fff6ec;
  border-radius: 72.82px;
  border: 2px solid;
  border-color: var(--variable-collection-blue-3);
}  
.desktop .no-button-2 {
  display: flex;
  width: 125.12px;
  //height: 50px;
  align-items: center;
  justify-content: center;
  gap: 8px;
  padding: 14.56px 29.13px;
  position: relative;
  background-color: var(--variable-collection-dark-pink);
  border-radius: 72.82px;
  border: 2px solid;
  border-color: var(--variable-collection-blue-3);
}
.desktop .yes-button-2 {
  display: flex;
  width: 125.12px;
  align-items: center;
  justify-content: center;
  gap: 8px;
  padding: 14.56px 29.13px;
  position: relative;
  background-color: var(--variable-collection-dark-green);
  border-radius: 72.82px;
  border: 2px solid;
  border-color: var(--variable-collection-blue-3);
} 
.desktop .quesion-section {
  display: flex;
  flex-direction: column;
  width: 1000px;
  align-items: center;
  height: auto;
  //gap: 48px;
  //padding: 1000px 24px 64px;
  padding: 1000px;
  position: absolute;
  top: 0px;
  //left: 120px;
  z-index: 4;
  border-color: var(--variable-collection-blue-3);
}
.desktop .temp {
  display: inline-flex;
  flex-direction: column;
  align-items: center;
  top:800px ;
  height:auto;
  position: relative;
  flex: 0 0 auto;
  z-index: 3;
}
.desktop .question-card {
  display: flex;
  flex-wrap: wrap;
  width:100%; 
  //top: 200px;
  align-items: center;
  gap: 0px 32px;
  padding: 32px;
  position: relative;
  flex: 0 0 auto;  
  margin-left: -24.00px;
  margin-right: -24.00px;
  border-radius: 300px;
  overflow: hidden;
  border: 3px solid;
  border-color: #fff6eccc;
  background: linear-gradient(
    180deg,
    rgba(255, 246, 236, 0.6) 0%,
    rgba(255, 246, 236, 0) 100%
  );
  margin-bottom:20px;
}

.desktop .frame {
  display: flex;
  align-items: center;
  gap: 32px;
  position: relative;
  flex: 1;  
  flex-grow: 1;
}

.desktop .icon-cloud-arrow {
  position: relative;
  width: 100px;
  height: 100px;
}

.desktop .div {
  display: flex; 
  flex-direction: column;
  align-items: flex-start;
  gap: 12px; 
  position: relative;
  flex: 1;
  flex-grow: 1;
}

.desktop .text-wrapper {
  position: relative; 
  width: fit-content;
  margin-top: -1.00px;
  font-family: "Ubuntu", Helvetica;
  font-weight: 700;
  color: var(--variable-collection-blue-3);
  font-size: 24px;
  letter-spacing: 0;
  line-height: normal;
  white-space: nowrap;
}

.desktop .p {
  position: relative;
  align-self: stretch;
  font-family: "Ubuntu", Helvetica;
  font-weight: 500;
  color: var(--variable-collection-blue-3);
  font-size: 20px;
  letter-spacing: 0;
  line-height: 26.0px;
}

.desktop .frame-2 {
  display: inline-flex;
  align-items: flex-start;
  justify-content: flex-end;
  gap: 16px;
  position: relative;
  flex: 0 0 auto;
}


.desktop .supporting-text {
  position: relative;
  width: fit-content;
  margin-top: -2.06px;
  font-family: "Roboto", Helvetica;
  font-weight: 700;
  color: var(--variable-collection-white);
  font-size: 18px;
  text-align: center;
  letter-spacing: 0.90px;
  line-height: normal;
  white-space: nowrap;
}

.desktop .img {
  position: relative;
  width: 20px;
  height: 20px;
}

.desktop .supporting-text-2 {
  margin-top: -2.00px;
  font-weight: 700;
  color: var(--variable-collection-blue-3);
  font-size: 18px;
  letter-spacing: 0.90px;
  position: relative;
  width: fit-content;
  font-family: "Roboto", Helvetica;
  text-align: center;
  line-height: normal;
  white-space: nowrap;
}

.desktop .group-wrapper {
  background-color: #c4e8ac;
  position: relative;
  width: 100px;
  height: 100px;
  border-radius: 300px;
  overflow: hidden;
}

.desktop .group {
  position: relative;
  width: 82px;
  height: 82px;
  top: 9px;
  left: 9px;
}

.desktop .overlap-group {
  position: relative;
  height: 82px;
}

.desktop .vector {
  position: absolute;
  width: 36px;
  height: 36px;
  top: 42px;
  left: 37px;
  background-image: url(https://c.animaapp.com/n9wTrqvr/img/subtract.svg);
  background-size: 100% 100%;
}

.desktop .majesticons-shield {
  position: absolute;
  width: 82px;
  height: 82px;
  top: 0;
  left: 0;
}

.desktop .subtract {
  position: absolute;
  width: 63px;
  height: 67px;
  top: 8px;
  left: 10px;
}

.desktop .supporting-text-wrapper {
  display: flex;
  width: 125.12px;
  height: 50px;
  align-items: center;
  justify-content: center;
  gap: 8px;
  padding: 14.56px 29.13px;
  position: relative;
  background-color: var(--variable-collection-white);
  border-radius: 72.82px;
  border: 2px solid;
  border-color: var(--variable-collection-blue-3);
}

.desktop .supporting-text-3 {
  margin-top: -2.06px;
  font-weight: 700;
  color: var(--variable-collection-blue-3);
  font-size: 18px;
  letter-spacing: 0.90px;
  position: relative;
  width: fit-content;
  font-family: "Roboto", Helvetica;
  text-align: center;
  line-height: normal;
  white-space: nowrap;
}

.desktop .supporting-text-4 {
  margin-top: -2.00px;
  font-weight: 700;
  color: var(--variable-collection-white);
  font-size: 18px;
  letter-spacing: 0.90px;
  position: relative;
  width: fit-content;
  font-family: "Roboto", Helvetica;
  text-align: center;
  line-height: normal;
  white-space: nowrap;
}

.desktop .div-2 {
  background-color: #ffd9a0;
  position: relative;
  width: 100px;
  height: 100px;
  border-radius: 300px;
  overflow: hidden;
}

.desktop .overlap-wrapper {
  position: relative;
  width: 73px;
  height: 63px;
  top: 23px;
  left: 16px;
}

.desktop .overlap {
  position: relative;
  height: 63px;
}

.desktop .ellipse {
  position: absolute;
  width: 37px;
  height: 37px;
  top: 26px;
  left: 36px;
  background-color: #9df2fc;
  border-radius: 18.4px;
  border: 2.4px solid;
  border-color: var(--variable-collection-blue-3);
}

.desktop .overlap-group-wrapper {
  position: absolute;
  width: 17px;
  height: 20px;
  top: 34px;
  left: 46px;
}

.desktop .overlap-group-2 {
  position: relative;
  width: 20px;
  height: 23px;
  top: -1px;
  left: -1px;
}

.desktop .rectangle {
  position: absolute;
  width: 16px;
  height: 10px;
  top: 11px;
  left: 2px;
  background-color: #ffd9a0;
}

.desktop .rectangle-2 {
  position: absolute;
  width: 8px;
  height: 10px;
  top: 2px;
  left: 6px;
  background-color: #ffd9a0;
}

.desktop .vector-2 {
  position: absolute;
  width: 11px;
  height: 11px;
  top: 0;
  left: 4px;
}

.desktop .vector-3 {
  position: absolute;
  width: 20px;
  height: 14px;
  top: 9px;
  left: 0;
}

.desktop .group-2 {
  position: absolute;
  width: 64px;
  height: 49px;
  top: 0;
  left: 0;
}

.desktop .img-wrapper {
  width: 67px;
  height: 51px;
  background-image: url(https://c.animaapp.com/n9wTrqvr/img/subtract-2.svg);
  background-size: 100% 100%;
  position: relative;
  top: -1px;
  left: -1px;
}

.desktop .group-3 {
  position: absolute;
  width: 64px;
  height: 31px;
  top: 1px;
  left: 1px;
}

.desktop .div-3 {
  background-color: #ffd2d2;
  position: relative;
  width: 100px;
  height: 100px;
  border-radius: 300px;
  overflow: hidden;
}

.desktop .div-4 {
  position: relative;
  width: 74px;
  height: 64px;
  top: 22px;
  left: 14px;
}

.desktop .overlap-2 {
  position: relative;
  height: 64px;
}

.desktop .div-wrapper {
  position: absolute;
  width: 74px;
  height: 64px;
  top: 0;
  left: 0;
}

.desktop .overlap-group-3 {
  position: relative;
  width: 75px;
  height: 65px;
  top: -1px;
  left: -1px;
}

.desktop .ellipse-2 {
  position: absolute;
  width: 37px;
  height: 37px;
  top: 28px;
  left: 38px;
  background-color: #9df2fc;
  border-radius: 18.4px;
  border: 2.4px solid;
  border-color: var(--variable-collection-blue-3);
}

.desktop .subtract-2 {
  position: absolute;
  width: 69px;
  height: 53px;
  top: 0;
  left: 0;
}

.desktop .group-4 {
  position: absolute;
  width: 34px;
  height: 2px;
  top: 37px;
  left: 1px;
}

.desktop .group-5 {
  position: absolute;
  width: 22px;
  height: 22px;
  top: 35px;
  left: 45px;
}

.desktop .vector-4 {
  position: absolute;
  width: 14px;
  height: 2px;
  top: 6px;
  left: 27px;
}

.desktop .group-6 {
  position: relative;
  width: 60px;
  height: 68px;
  top: 18px;
  left: 25px;
}

.desktop .overlap-group-4 {
  position: relative;
  width: 62px;
  height: 69px;
  top: -1px;
  left: -1px;
}

.desktop .ellipse-3 {
  position: absolute;
  width: 36px;
  height: 36px;
  top: 33px;
  left: 26px;
  background-color: #9df2fc;
  border-radius: 18px;
  border: 2.4px solid;
  border-color: var(--variable-collection-blue-3);
}

.desktop .subtract-3 {
  position: absolute;
  width: 42px;
  height: 66px;
  top: 0;
  left: 0;
}

.desktop .vector-5 {
  position: absolute;
  width: 20px;
  height: 20px;
  top: 41px;
  left: 34px;
}

.desktop .group-7 {
  position: absolute;
  width: 11px;
  height: 2px;
  top: 50px;
  left: 38px;
}

.desktop .vector-6 {
  position: absolute;
  width: 21px;
  height: 2px;
  top: 7px;
  left: 11px;
}

.desktop .vector-7 {
  position: absolute;
  width: 21px;
  height: 21px;
  top: 34px;
  left: 46px;
}

.desktop .group-8 {
  height: 64px;
}

.desktop .rectangle-3 {
  position: absolute;
  width: 45px;
  height: 7px;
  top: 7px;
  left: 10px;
  background-color: #fff6ec;
  border-radius: 100px;
  border: 2.4px solid;
  border-color: var(--variable-collection-blue-3);
}

.desktop .group-9 {
  position: absolute;
  width: 20px;
  height: 20px;
  top: 35px;
  left: 45px;
}

.desktop .group-10 {
  position: relative;
  width: 72px;
  height: 61px;
  top: 23px;
  left: 17px;
}

.desktop .overlap-3 {
  position: relative;
  height: 61px;
}

.desktop .group-11 {
  position: absolute;
  width: 72px;
  height: 61px;
  top: 0;
  left: 0;
}

.desktop .overlap-4 {
  width: 73px;
  height: 62px;
  position: relative;
  top: -1px;
  left: -1px;
}

.desktop .group-12 {
  position: absolute;
  width: 37px;
  height: 37px;
  top: 25px;
  left: 36px;
  background-color: #9df2fc;
  border-radius: 18.4px;
  border: 2.4px solid;
  border-color: var(--variable-collection-blue-3);
}

.desktop .group-13 {
  position: relative;
  width: 17px;
  height: 20px;
  top: 6px;
  left: 7px;
}

.desktop .subtract-4 {
  position: absolute;
  width: 59px;
  height: 50px;
  top: 0;
  left: 0;
}

.desktop .group-14 {
  position: absolute;
  width: 34px;
  height: 39px;
  top: 8px;
  left: 0;
}

.desktop .group-15 {
  position: relative;
  width: 74px;
  height: 74px;
  top: 11px;
  left: 16px;
}

.desktop .overlap-group-5 {
  position: relative;
  width: 75px;
  height: 75px;
  top: -1px;
  left: -1px;
}

.desktop .subtract-5 {
  position: absolute;
  width: 61px;
  height: 51px;
  top: 12px;
  left: 0;
}

.desktop .group-16 {
  position: absolute;
  width: 34px;
  height: 51px;
  top: 0;
  left: 13px;
}

.desktop .vector-wrapper {
  position: absolute;
  width: 36px;
  height: 36px;
  top: 39px;
  left: 39px;
  background-color: #9df2fc;
  border-radius: 18px;
  border: 2.4px solid;
  border-color: var(--variable-collection-blue-3);
}

.desktop .vector-8 {
  position: absolute;
  width: 15px;
  height: 22px;
  top: 4px;
  left: 8px;
}

.desktop .group-17 {
  position: relative;
  width: 74px;
  height: 69px;
  top: 15px;
  left: 15px;
}

.desktop .overlap-5 {
  width: 75px;
  height: 71px;
  position: relative;
  top: -1px;
  left: -1px;
}

.desktop .group-18 {
  position: absolute;
  width: 37px;
  height: 37px;
  top: 33px;
  left: 38px;
  background-color: #9df2fc;
  border-radius: 18.4px;
  border: 2.4px solid;
  border-color: var(--variable-collection-blue-3);
}

.desktop .subtract-6 {
  position: absolute;
  width: 69px;
  height: 71px;
  top: 0;
  left: 0;
}

.desktop .group-19 {
  position: absolute;
  width: 63px;
  height: 68px;
  top: 1px;
  left: 3px;
}

.desktop .group-20 {
  position: relative;
  width: 73px;
  height: 68px;
  top: 17px;
  left: 14px;
}

.desktop .overlap-6 {
  width: 74px;
  height: 69px;
  position: relative;
  top: -1px;
  left: -1px;
}

.desktop .group-21 {
  position: absolute;
  width: 36px;
  height: 36px;
  top: 33px;
  left: 38px;
  background-color: #9df2fc;
  border-radius: 18px;
  border: 2.4px solid;
  border-color: var(--variable-collection-blue-3);
}

.desktop .group-22 {
  position: relative;
  width: 20px;
  height: 17px;
  top: 7px;
  left: 7px;
}

.desktop .overlap-group-6 {
  position: relative;
  height: 17px;
}

.desktop .group-23 {
  position: absolute;
  width: 16px;
  height: 17px;
  top: 0;
  left: 2px;
}

.desktop .rectangle-4 {
  position: absolute;
  width: 5px;
  height: 17px;
  top: 0;
  left: 0;
  background-color: #c4e8ac;
}

.desktop .rectangle-5 {
  position: absolute;
  width: 5px;
  height: 12px;
  top: 5px;
  left: 6px;
  background-color: #c4e8ac;
}

.desktop .rectangle-6 {
  position: absolute;
  width: 4px;
  height: 7px;
  top: 10px;
  left: 12px;
  background-color: #c4e8ac;
}

.desktop .group-24 {
  position: absolute;
  width: 20px;
  height: 17px;
  top: 0;
  left: 0;
  transform: rotate(180deg);
}

.desktop .group-25 {
  position: absolute;
  width: 21px;
  height: 19px;
  top: -1px;
  left: -1px;
  transform: rotate(-180deg);
}

.desktop .subtract-7 {
  position: absolute;
  width: 67px;
  height: 67px;
  top: 0;
  left: 0;
}

.desktop .group-26 {
  position: absolute;
  width: 32px;
  height: 28px;
  top: 17px;
  left: 16px;
}

.desktop .score-button-cta {
  position: absolute;
  width: 367.26px;
  height : 1500px;
  
}

.desktop .overlap-7 {
  position: relative;
  width: 367px;
  //height: 52px;
  height : 1500px;
}

.desktop .CTA {
  width: 365px;
  top: 1000px;
  left: 2px;
  background-color: var(--variable-collection-blue-3);
  position: absolute;
  height : 1500px;
  border-radius: 72.82px;
  border: 2px solid;
  border-color: var(--variable-collection-blue-3);
}
.desktop .CTA-4 {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  //gap: -88px;
  //height: 100%;
  padding: 14.56px 29.13px;
  bottom: 80px;
  background-color: var(--variable-collection-orange);
  border-color: var(--variable-collection-blue-3);
  position: absolute;
  //height: 50px;
  border-radius: 72.82px;
  border: 2px solid;
}
.desktop .CTA-5 {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  //gap: -88px;
  //height: 100%;
  padding: 14.56px 29.13px;
  bottom: 80px;
  background-color: var(--variable-collection-orange);
  border-color: var(--variable-collection-blue-3);
  position: absolute;
  //height: 50px;
  z-index:4;
  border-radius: 72.82px;
  border: 2px solid;
}
.desktop .CTA-2 {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  //gap: -88px;
  //height: 100%;
  padding: 14.56px 29.13px;
  bottom: 80px;
  background-color: var(--variable-collection-orange);
  border-color: var(--variable-collection-blue-3);
  position: absolute;
  //height: 50px;
  border-radius: 72.82px;
  border: 2px solid;
}

.desktop .title-hero {
  display: inline-flex;
  flex-direction: column;
  align-items: center;
  gap: 560px;
  position: relative;
  flex: 0 0 auto;
  z-index: 3;
}

.desktop .container {
  display: flex;
  flex-direction: column;
  width: 900px;
  align-items: center;
  //gap: 24px;
  position: relative;
  flex: 0 0 auto;
}

.desktop .frame-3 {
  display: flex;
  flex-direction: column;
  width: 900px;
  align-items: flex-end;
  gap: 24px;
  position: relative;
  flex: 0 0 auto;
}

.desktop .frame-4 {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 16px;
  position: relative;
  align-self: stretch;
  width: 100%;
  flex: 0 0 auto;
}

.desktop .frame-wrapper {
  display: flex;
  width: 164px;
  align-items: center;
  justify-content: center;
  position: relative;
  flex: 0 0 auto;
  border-radius: 40px;
}

.desktop .frame-5 {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  padding: 8px 16px;
  position: relative;
  flex: 0 0 auto;
  border-radius: 100px;
  border: 1px solid;
  border-color: #21888e;
}

.desktop .supporting-text-5 {
  margin-top: -1.00px;
  font-weight: 500;
  color: #21888e;
  font-size: 14px;
  letter-spacing: 0.28px;
  position: relative;
  width: fit-content;
  font-family: "Roboto", Helvetica;
  text-align: center;
  line-height: normal;
  white-space: nowrap;
}

.desktop .heading {
  font-weight: 700;
  color: var(--variable-collection-blue-3);
  font-size: 56px;
  letter-spacing: -0.56px;
  line-height: 56px;
  position: relative;
  align-self: stretch;
  font-family: "Ubuntu", Helvetica;
  text-align: center;
}

.desktop .heading-2 {
  margin-top: -1.00px;
  font-weight: 500;
  color: #113663;
  font-size: 28px;
  letter-spacing: -0.56px;
  line-height: 33.6px;
  position: relative;
  align-self: stretch;
  font-family: "Ubuntu", Helvetica;
  text-align: center;
}

.desktop .heading-3 {
  font-weight: 400;
  color: #113663;
  font-size: 20px;
  letter-spacing: 0.20px;
  line-height: 30px;
  position: relative;
  align-self: stretch;
  font-family: "Ubuntu", Helvetica;
  text-align: center;
}

.desktop .main-CTA {
  display: grid;
  position: relative;
  width: 100%;
  place-items: center;
  height: 53px;
}

.desktop .overlap-group-7 {
  position: relative;
  height: 53px;
}

.desktop .background {
  position: absolute;
  width: 286px;
  height: 51px;
  top: 2px;
  left: 2px;
  background-color: var(--variable-collection-blue-3);
  border-radius: 72.82px;
  border: 2px solid;
  border-color: var(--variable-collection-blue-3);
}

.desktop .button {
  all: unset;
  box-sizing: border-box;
  display: flex;
  width: auto;
  //align-items: flex-start;
  //justify-content: flex-end;
  gap: 8px;
  padding: 14.56px 29.13px;
  top: 0;
  //left: 10%;
  //right:10%;
  margin: 0 auto;
  background-color: var(--variable-collection-orange);
  border-color: var(--variable-collection-blue-3);
  position: absolute;
  height: 50px;
  border-radius: 72.82px;
  border: 2px solid;
}

.desktop .supporting-text-6 {
  margin-top: -2.00px;
  margin-left: -1.26px;
  font-weight: 700;
  color: var(--variable-collection-white);
  font-size: 18px;
  letter-spacing: 0.90px;
  position: relative;
  width: fit-content;
  font-family: "Roboto", Helvetica;
  text-align: center;
  line-height: normal;
  white-space: nowrap;
}

.desktop .dashboard {
  position: absolute;
  width: 494px;
  height: 628px;
  top: 600px;
  //left: 300px;
  z-index: 2;
  vertical-align: middle;
}

.desktop .darker-backdound {
  position: absolute;
  width: auto;
  //width: 1000px;
  height: 0px;
  top: 856px;
  left: 0px;
  z-index: 1;
  //overflow: hidden;
}

.desktop .overlap-8 {
  position: absolute;
  width: auto;
  height: 2994px;
  top: 856px;
  left: -545px;
}

.desktop .ellipse-4 {
  position: absolute;
  width: 100%;
  height: 74.5%;
  top: 856px;
  left: 0;
  background-color: var(--variable-collection-darker-blue);
  border-radius: 1264.5px / 700px;  
}

.desktop .rectangle-7 {
  position: absolute;
  width: 1440px;
  height: 2078px;
  top: 916px;
  left: 545px;
  background-color: var(--variable-collection-darker-blue);
}

.desktop .background-circle {
  position: absolute;
  width: auto;
  height: 1200px;
  top: 400px;
  vertical-align: middle;
  //left: 120px;
  z-index: 0;
  left: 0px;
  right: 0px;
  background-image: url(https://c.animaapp.com/n9wTrqvr/img/ellipse-9.svg);
  background-size: 100% 100%;
}

.desktop .overlap-9 {
  position: absolute;
  width: auto;
  height: 1017px;
  top: 26px;
  left: 2%;
  right: 2%;
}

.desktop .ellipse-5 {
  position: absolute;
  width: auto;
  height: 750px;
  top: 180px;
  left: 110px;
  vertical-align: middle;
  //right: 0px;
}

.desktop .group-27 {
  position: absolute;
  width: auto;
  height: 407px;
  top: 0;
  left: 30px;
  vertical-align: middle;
}

.desktop .shield-check {
  position: absolute;
  width: 105px;
  height: 105px;
  top: 75px;
  left: 400px;
  
}

.desktop .upload {
  position: absolute;
  width: 105px;
  height: 105px;
  top: 370px;
  left: -15px;
}

.desktop .user {
  position: absolute;
  width: 105px;
  height: 105px;
  top: 220px;
  left: 70px;
}

.desktop .arrows-clockwise {
  position: absolute;
  width: 105px;
  height: 105px;
  top: 120px;
  left: 210px;
}

.desktop .globe {
  position: absolute;
  width: 105px;
  height: 105px;
  top: 370px;
  left: 810px;
}

.desktop .chat-circle-dots {
  position: absolute;
  width: 105px;
  height: 105px;
  top: 220px;
  left: 730px;
}

.desktop .magnifying-glass {
  position: absolute;
  width: 105px;
  height: 105px;
  top: 120px;
  left: 580px;
}