html{
    width: 100%;
  height: 100%;
}
body{
  background-color: #fff;
  display: grid;
  grid-template-rows: auto 1fr auto;
  width: 100%;
  height: 100%;
  margin: 0;
}
header { grid-row: 1; }
main   { grid-row: 2; }
footer {grid-row: 3;}
.header{
  width: 100%;
  display: flex;
  padding: 0;
}
.nav{
  display: flex;
padding: 16px 0;
margin: 0 auto;
justify-content: space-between;
width: 1100px;
align-items: flex-end;
border-bottom: 0.7px solid #6F6F6F;
}
.eroibvne{
  color: #161616;
font-family: Inter;
font-size: var(--font-size-14, 14px);
font-style: normal;
font-weight: 400;
line-height: var(--line-height-18, 18px); /* 128.571% */
}
.eiornv{
  color: #1196FE;
font-family: Inter;
font-size: var(--font-size-14, 14px);
font-style: normal;
font-weight: 400;
line-height: var(--line-height-18, 18px);
}
.nav__box{
  display: flex;
width: 280px;
justify-content: flex-end;
align-items: center;
gap: 25px;
}
.obneor{
color: #161616;
font-family: Inter;
font-size: var(--font-size-14, 14px);
font-style: normal;
font-weight: 400;
line-height: var(--line-height-18, 18px); /* 128.571% */
}
.obneor.active{
color: #1196FE;
}
.footer{
  display: flex;
padding: 40px 0;
flex-direction: column;
align-items: center;
gap: 10px;
align-self: stretch;
background: #F4F4F4;
width: 100%;
}
.oerinb{
  display: flex;
width: 1100px;
justify-content: space-between;
align-items: flex-start;
}
.eoibe{
  width: 626px;
flex-shrink: 0;
color: rgba(22, 22, 22, 0.50);
font-family: Inter;
font-size: var(--font-size-13, 13px);
font-style: normal;
font-weight: 400;
line-height: 18px; /* 138.462% */
}
.eron{
  display: flex;
flex-direction: column;
align-items: flex-start;
gap: 22px;
}
.erobnee{
  display: flex;
flex-direction: column;
align-items: flex-start;
gap: 24px;
align-self: stretch;
}
.erobeew{
  color: #161616;
font-family: Inter;
font-size: var(--font-size-16, 16px);
font-style: normal;
font-weight: var(--font-weight-400, 400);
line-height: var(--line-height-20_8, 20.8px); /* 130% */
}
.main{
  display: flex;
width: 1100px;
flex-direction: column;
align-items: center;
gap: 125px;
margin:  0 auto;
padding: 120px 0px;
}
.block__one{
  display: flex;
width: 100%;
justify-content: space-between;
align-items: center;
}
.prejbp{
  display: flex;
width: 632px;
flex-direction: column;
align-items: flex-start;
gap: 25px;
flex-shrink: 0;
}
.eorber{
  display: flex;
padding: 11px 59.22px;
justify-content: center;
align-items: center;
border-radius: 6px;
background: #2B9CF9;
border: none;
color: #FFF;
text-align: center;
font-family: Inter;
font-size: 15px;
font-style: normal;
font-weight: 700;
line-height: 21px; /* 140% */
text-transform: uppercase;
}
.eoeew{
  display: flex;
flex-direction: column;
align-items: flex-start;
gap: 15px;
align-self: stretch;
}
.worre{
color: #161616;
font-family: Inter;
font-size: 34px;
font-style: normal;
font-weight: 700;
line-height: 42.3px;
letter-spacing: -0.34px;
}
.wowvwerre{
color: rgba(22, 22, 22, 0.70);
font-family: Inter;
font-size: 16px;
font-style: normal;
font-weight: 400;
line-height: 24.7px; /* 154.375% */
}
.jejr{
  color: #1196FE;
font-family: Inter;
font-size: 34px;
font-style: normal;
font-weight: 700;
line-height: 42.3px; /* 124.412% */
letter-spacing: -0.34px;
}
.jevwvejr{
  color: #161616;
font-family: Inter;
font-size: 16px;
font-style: normal;
font-weight: 400;
line-height: 24.7px;
}
.block__two{
  display: flex;
width: 100%;
flex-direction: column;
align-items: flex-start;
gap: 22px;
}
.jfjevewv{
  display: flex;
align-items: center;
gap: 20px;
align-self: stretch;
width: 100%;
}
.weubww{
  display: flex;
width: 540px;
padding: 25px;
flex-direction: column;
align-items: flex-start;
gap: 35px;
border-radius: 20px;
border: 1px solid rgba(22, 22, 22, 0.10);
background: #F4F4F4;
}
.eorber.vrwbwe{
background: #F37021;
}
.krjrioe{
  display: flex;
flex-direction: column;
align-items: flex-start;
gap: 24px;
align-self: stretch;
width: 100%;
}
.eroberenr{
display: flex;
flex-direction: column;
align-items: flex-start;
gap: 10px;
align-self: stretch;
}
.erubnwe{
  display: flex;
flex-direction: column;
align-items: flex-start;
gap: 6px;
}
.erbneowq{
display: flex;
justify-content: space-between;
align-items: center;
align-self: stretch;
}
.erjrne{
  color: rgba(22, 22, 22, 0.70);
font-family: Inter;
font-size: 15px;
font-style: normal;
font-weight: var(--font-weight-400, 400);
line-height: 24.7px; /* 164.667% */
}
.werubnwo{
display: flex;
flex-direction: column;
align-items: flex-start;
gap: 2px;
align-self: stretch;
}
.eroneeq{
color: #161616;
font-family: Inter;
font-size: 25px;
font-style: normal;
font-weight: 700;
line-height: 38.3px; /* 153.2% */
letter-spacing: -0.25px;
}
.werbnwwqq{
  color: rgba(22, 22, 22, 0.80);
font-family: Inter;
font-size: 16px;
font-style: normal;
font-weight: 400;
line-height: 21.7px; /* 135.625% */
}
.werbwoqqq{
display: flex;
padding: 4px 10px;
justify-content: center;
align-items: center;
border-radius: 9999px;
background: #F37021;
color: #FFF;
font-family: Inter;
font-size: var(--font-size-11, 11px);
font-style: normal;
font-weight: 700;
line-height: 16.5px; /* 150% */
letter-spacing: -0.11px;
text-transform: uppercase;
}
.werbwoqvvqq{
  display: flex;
padding: 4px 10px;
justify-content: center;
align-items: center;
border-radius: 9999px;
background: #F37021;
color: #FFF;
font-family: Inter;
font-size: var(--font-size-11, 11px);
font-style: normal;
font-weight: 700;
line-height: 16.5px; /* 150% */
letter-spacing: -0.11px;
text-transform: uppercase;
}
.werbwoqqq.cveqwv{
background: #E356FF;
}
.werbwoqvvqq.cveqwv{
background: #E356FF;
}
.eorber.bwbwe{
  background: #E356FF;
}


.werbwoqqq.vev{
background: #2B9CF9;
}
.werbwoqvvqq.vev{
background: #2B9CF9;
}
.eorber.vev{
 background: #2B9CF9;
}



.werbwoqqq.ccwcq{
background: #F44D4D;
}
.werbwoqvvqq.ccwcq{
background: #F44D4D;
}
.eorber.ccwcq{
  background: #F44D4D;
}
.block__four{
  display: flex;
justify-content: space-between;
align-items: center;
align-self: stretch;
width: 100%;
}
.ertobne{
display: flex;
width: 555.047px;
flex-direction: column;
align-items: flex-start;
gap: 32px;
}
.robinerb{
  display: flex;
width: 100%;
flex-direction: column;
align-items: flex-start;
gap: 23px;
}
.erobinwo{
  display: flex;
flex-direction: column;
align-items: flex-start;
gap: 17px;
}
.eorbnqqq{
color: #161616;
font-family: Inter;
font-size: 48px;
font-style: normal;
font-weight: 600;
line-height: 48px; /* 100% */
letter-spacing: -0.48px;
}
.etrrme{
color: #2B9CF9;
font-family: Inter;
font-size: 48px;
font-style: normal;
font-weight: 600;
line-height: 48px;
letter-spacing: -0.48px;
}
.eorbneowqq{
  color: rgba(22, 22, 22, 0.70);
font-family: Inter;
font-size: 16px;
font-style: normal;
font-weight: 400;
line-height: 24.7px; /* 154.375% */
}
.webnwoew{
  color: rgba(22, 22, 22, 0.50);
font-family: Inter;
font-size: var(--font-size-13, 13px);
font-style: normal;
font-weight: 400;
line-height: 18px; /* 138.462% */
}

.block__three{
  padding: 0px 0px 0px 0px;
  display:flex;
flex-direction: column;
align-items: center;
gap: 40px;
width:889px;
margin: 0 auto;
}
.erotbnr{
  display: flex;
justify-content: space-between;
align-items: center;

}

.tobnre{
  display: flex;
width: 632px;
flex-direction: column;
align-items: flex-start;
gap: 15px;
}
.erober{
color: #161616;
font-family: Inter;
font-size: 42px;
font-style: normal;
font-weight: 700;
line-height: 104.5%; /* 43.89px */
letter-spacing: -0.42px;
}

.erobevwevr{
color: rgba(22, 22, 22, 0.60);
font-family: Inter;
font-size: 15px;
font-style: normal;
font-weight: 400;
line-height: 150%; /* 22.5px */
letter-spacing: -0.25px;
}


.faq{

  width: 100%;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 1px;
}

.menu-faq{
  display: flex;
  padding: 20px;
  flex-direction: column;
  align-items: flex-start;
  gap: 10px;

  margin-bottom: 14px;
}

.faq-questoin{
  width: 430px;
color: #161616;
font-family: Inter;
font-size: 18px;
font-style: normal;
font-weight: 400;
line-height: 105%; /* 18.9px */
letter-spacing: -0.25px;
  position: relative;
  cursor: pointer;

}

.faq-questoin::before,
.faq-questoin::after{
  content: '';
  width: 10px;
  height: 2px;

  background-color: #e6e6e6;  
  position: absolute;
  top: 10px;
  transition: all 0.3s ease 0s;
}

.faq-questoin.active::before,
.faq-questoin.active::after{
  background-color:  #578BFA;
}

.faq-questoin.active::before{
  transform: rotate(-40deg);
  right: -363px;
}

.faq-questoin.active::after{
  transform: rotate(40deg);
  right: -356px;
}


.faq-questoin::before{
  transform: rotate(40deg);
  right: -363px;
}

.faq-questoin::after{
  transform: rotate(-40deg);
  right: -356px;
}

.faq-text{
color: rgba(22, 22, 22, 0.70);
font-family: Inter;
font-size: 15px;
font-style: normal;
font-weight: 400;
line-height: 150%; /* 22.5px */
letter-spacing: -0.25px;
  width: 563px;
  padding-top: 10px;
  display: none;
}