html {
    box-sizing: border-box;
  }
  
  *,
  *::after,
  *::before {
    box-sizing: inherit;
  }
  
  a {
    color: inherit;
    text-decoration: none;
  }
  
  ul {
    list-style-type: none;
  }
  
  button {
    background-color: transparent;
    padding: 0;
    border: 0;
    cursor: pointer;
  }

  

  .main {
    max-width: 1024px;

    display: flex;
    flex-direction: column;
    align-items: center;
    flex-wrap: wrap;
    margin: 50px auto;
  }

  .card {
    min-height: 526px;
    max-width: 1024px; width:100%;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: space-around;
    background: #ffffff;
    border-radius: 50px;
    align-items: center;
    box-shadow: 0px 4px 50px rgba(0, 0, 0, 0.13);
  }

  .av {
    width: 326px;
    height: 326px;
  }

  .contain {
    font-family: 'Yandex Sans Text';
    max-width: 536px;width: 100%;
    min-height: 326px;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
  }

  h1 {
    font-size: 32px;
    font-weight: 300;
    font-style: normal;
    line-height: 130%;
  }

  h2 {
    font-size: 20px;
    font-weight: normal;
    font-style: normal;
    line-height: 130%;
  }

  br {
    display: none;
  }

  p {
    display: inline;
  }

  h3 {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 103px;
    height: 56px;
    font-size: 20px;
    font-weight: normal;
    font-style: normal;
    background-color: #0C07F2;
    color: #FFFFFF;
    border-radius: 20px;
    cursor: pointer;
  }

  h3:hover {
    background-color: #F4F8FF;
    transition-duration:0.5s;
    color: #0C07F2;
  }

  span {
    color: #0C07F2;
    font-weight: bold;
    font-style: normal;
  }

  @media screen and (max-width: 1024px) {
    .main {
      padding: 10px;
    }
  }

  @media screen and (max-width: 950px) {

    .contain {
    align-items: center;
  }


    .card {
      padding-top: 100px;
      padding-bottom: 100px;
      flex-direction: column;
    }

    h1 {
      margin-top: 26px;
      text-align: right;
    } 

}

@media screen and (max-width: 580px) {

  
  p {
    display:block;
  }

  h1 {
    margin:auto;
    text-align: left;
  }

  h2 {
    margin: 26px auto;
    font-size: 16px;
  }

  h3 {
    margin-top: 17px;
    align-self: center;
  }


}

@media screen and (max-width: 460px) {




  h1 {
    font-weight: bold;
    font-style: normal;
    font-size: 20px;
    text-align: center;
  }

  h2 {
    font-size: 16px;
    text-align: center;
  }
 
  p {
    display: inline;
  }

  br {
    display:inline;
  }

 

  h3 {
    align-self: center;
  }
  
}



.desc {
  font-family: 'Yandex Sans Text';
  max-width: 1024px; width: 100%;
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: space-between;
  padding-top: 50px;
}

.stats_one,
.stats_two {
  display: flex;
  flex-direction: column;
}

.num2,
.num4 {
  margin-top: 50px;
}

.num1 {
  display: flex;
  flex-direction: column;
}

.number1,
.number2,
.number3,
.number4 {
  font-family: 'Yandex Sans Text';
  font-style: normal;
  font-weight: 100;
  font-size: 200px;
  line-height: 130%;
  color: #0C07F2;
}

h5 {
  font-style: normal;
  font-weight: 300;
  font-size: 32px;
  line-height: 130%;
}


.more {
  display: flex;
  flex-direction: column;
}

.more_cont {
  padding-bottom: 56px;
  padding-left: 18px;
  padding-right: 46px;
  padding-top: 50px;
  display: flex;
  flex-direction: column;
  background-color: #E2E8F6;
  border-radius: 50px;
  box-shadow: 0px 4px 50px rgba(0, 0, 0, 0.13);
}

.more_cont2 {
  margin-top: 50px;
  padding-bottom: 36px;
  padding-left: 18px;
  padding-right: 23px;
  padding-top: 50px;
  display: flex;
  flex-direction: column;
  background-color: #ffffff;
  border-radius: 50px;
  box-shadow: 0px 4px 50px rgba(0, 0, 0, 0.13);
}


strong {
  line-height: 40px;
  font-size: 32px;
  font-weight: bold;
  font-style: normal;
}

a1 {
  line-height: 40px;
  font-size: 32px;
  font-weight: 100;
  font-style: normal;
}

.a_cont {
  padding-top: 20px;
  display: flex;
  flex-direction: column;
  
}

a {
  line-height: 130%;
  font-size: 20px;
  font-weight: normal;
  font-style: normal;
}

@media screen and (max-width: 950px) {

  .num3,
  .num4 {
    display: none;
  }

  .desc {
    justify-content: space-around;
  }

}

@media screen and (max-width: 670px) {

  .desc {
    flex-direction: column;
    align-items: center;
  }


  .more_cont {
    margin-top: 50px;
  }


}

.q_desc {
  display: flex;
  flex-direction: row;
  justify-content: space-around;
   margin-top: 50px;
   max-width: 1024px; width: 100%;
   min-height: 382px;
   border-radius: 50px;
   background: linear-gradient(97.97deg, #E2E8F6 0%, #FFFFFF 100%);
   flex-wrap: wrap;
   padding-bottom: 50px;
   box-shadow: 0px 4px 50px rgba(0, 0, 0, 0.13);
}

.img_cont {
  padding-top: 50px;
  display: flex;
  align-items: center;
  justify-content: center;
}

.img3 {
  width: 360px;
  height: 309px;
}


.more_cont4 {
  padding-top: 50px;
  display: flex;
  flex-direction: column;
  border-radius: 50px;
}





.footer {
  background-image: url("../images/bg.svg");
  font-family: 'Yandex Sans Text';
  max-width: 1024px; width: 100%;
  min-height: 734px;
  display: flex;
  flex-wrap: wrap;
  flex-direction: column;
  margin-top: 50px;
  padding-bottom: 50px;
  border-radius: 50px;
  background-size: auto;
  background-repeat: no-repeat;
}

.footer_b1,
.footer_b2 {
  padding-left: 65px;
  padding-right: 65px;
  max-width: 1024px; width: 100%;
  display: flex;
  flex-direction: row;
  justify-content: space-around;
  flex-wrap: wrap;
}

.img1 {
  margin-top: 50px;
  width: 360px;
  height: 318px;
}

.more_cont3 {
  margin-top: 50px;
  display: flex;
  flex-direction: column;
}


ul {
  list-style-type: disc;
  font-size: 20px;
  font-style: normal;
  font-weight: normal;
  line-height: 130%;
  padding-bottom: 20px;
 }

 .ul_block {
  padding-top: 134px;
  display: flex;
  flex-direction: column;
 }

 .img2 {
  width: 360px;
  height: 315px;
 }


 @media screen and (max-width: 747px) {
  .footer_b2 {
    margin-top: 20px;
    flex-direction: column-reverse;
    align-items: center;
  }

  .footer_b1,
  .footer_b2 {
    padding-left: 0px;
    padding-right: 0px;
  }
 }


 @media screen and (max-width: 394px) {
  
  a {
    line-height: 130%;
    font-size: 18px;
    font-weight: normal;
    font-style: normal;
  }

 }