body{
    font-family: sans-serif;
    color:#222;
}

p{
    font-family: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI",
                 Roboto, "Helvetica Neue", Arial, sans-serif;
    color: #222;
}


/* ...... */

/* Контейнеры нанчало */
.last
{
    margin-top: 3%;
}
.container__last
{
    width: 90%;
    margin: 0 auto;
    min-width: 320px;
    max-width: 2560px;
    container-type: inline-size;
}
/* контейнеры конец */

.wrapper
{
    display: flex;
    flex-direction: column;
}
.main
{
    flex: 1 1 auto;
}

.what__column
{
    display: flex;
    flex-direction: column;
}
.what__h
{
    display: flex;
    justify-content: center;
    align-items: center;

    flex-direction: column;
}
.what__h p
{

}
h4
{
    font-size: clamp(2.50rem, calc(1.786rem + 1.116vw), 3.13rem);
    font-weight: bold;
    color: rgb(77, 76, 76);
    text-align: center;  
}
.what__h p:first-child
{
    font-size: clamp(2.50rem, calc(1.786rem + 1.116vw), 3.13rem);
        font-weight: bold;
    color: rgb(77, 76, 76);
    text-align: center;
}


.what__line
{
    display: flex;
    justify-content:center;
    align-items: center;
    justify-content:space-between;
    padding: 2% 0%;
}
.what__card
{
    flex: 0 0 32%;
    background: rgb(241, 248, 253);
    border: 1px solid rgb(226, 226, 226);
    border-radius: 10px;
    box-shadow: -5px -2px 9px 4px rgb(148 221 221 / 30%);

}
.what__content
{
    display: flex; 
    flex-direction: column;
    padding: 1% 5%;
}
.what__text p, .what__icons p
{
    /* font-size: clamp(1.13rem, calc(0.696rem + 0.670vw), 1.50rem); */
    font-size: clamp(0.94rem, calc(0.509rem + 0.670vw), 1.31rem);
}
.what__text p:first-child
{
  font-weight: bold;
  text-align: center;
  padding: 1% 0px;
  letter-spacing: 1px;
}
.what__text p:last-child
{
    padding: 2% 0%;
}

.what__end
{
    display: flex;
    flex-direction: column;
}
.what__icons
{
    display: flex;
    margin: 1% 0%;
}
.what__icons span
{
    font-weight: bolder;
    color: rgb(167, 0, 0);
}
.what__icon
{
  margin-right: 1%;
}



.tech__icons
{
    margin: 3%;
}
.tech__div
{
    padding: 1%;
    background: rgb(185, 184, 184);
    border-radius: 40px;
}
.tech__line
{
    display: flex;
    background: white;
    padding: 1% 1%;
    border-radius: 40px;
    justify-content: center;
    align-items: center;
}
.tech__card
{
    display: flex;
    flex: 0 0 10%;
}
.tech__top
{
    flex: 0;
}
.tech__bottom
{
    flex: 1;
}
.tech__name
{
    text-align: center;
}
.tech__name > p
{
    font-size: clamp(0.94rem, calc(0.509rem + 0.670vw), 1.31rem);
}
.tech_icon > img
{
    width: 100%;
    height: 100%;
}




.about__box
{
    display: flex;
    flex-direction: column;
}
.about__title
{
    display: flex;
    justify-content: center;
    align-items: center;
    margin: 2% 0%;
}
.about__title p
{
    font-size: clamp(2.50rem, calc(1.786rem + 1.116vw), 3.13rem);
    font-weight: bold;
    color: rgb(77, 76, 76);
    text-align: center;
}

.about__content
{
    display: flex;
    flex-wrap: wrap;
    justify-content: space-evenly;
    /* align-items: center; */
}
.about__card
{
    flex: 0 0 23%;
    display: flex;
    flex-direction: column;
    padding: 0% 2%;
    margin-top: 2%;

    border: 2px solid rgba(202, 202, 202, 0.801);
    background: rgb(233, 233, 233);
    border-radius: 20px;
    box-shadow: -5px -2px 9px 4px rgb(177 177 177 / 30%);
}
.about__a
{
    display: flex;
    justify-content: center;
    align-items: center;
}
.about__number p
{
   font-size: clamp(2.50rem, calc(1.786rem + 1.116vw), 3.13rem);
   color: red;
  
}
.about__border
{
    display: flex;
    /* flex: 0 0 2%; */
    background: rgb(248, 0, 0);
    width: 8px;
    height: 8px;
    border-radius: 50%;
    /* background: rgba(61, 0, 0, 0.767); */

}

.about__b
{
    display: flex;
     margin: 2% 0%;
     justify-content: center;
     align-items: center;
    
}
.about__b p
{
    font-size: clamp(1.44rem, calc(-0.250rem + 1.406vw), 2.00rem);
    font-weight: bold;
    text-align: center;
}
.about__c
{
    display: flex;
     margin: 2% 0%;
     justify-content: center;
     align-items: center;

}
.about__c p
{
font-size: clamp(1.38rem, calc(0.250rem + 0.938vw), 1.75rem);
text-align: center;
}

.tech__content
{
    display: flex;
    flex-direction: column;
    margin-top: 5%;
}
.tech__content p:first-child
{
       font-size: clamp(2.50rem, calc(1.786rem + 1.116vw), 3.13rem);
    font-weight: bold;
    color: rgb(77, 76, 76);
    text-align: center;
    border-left:0cap;
}
.tech__content p
{
    font-size: clamp(1.38rem, calc(0.250rem + 0.938vw), 1.75rem);
    margin-top: 3%;
    margin-left: 3%;
    padding: 0% 2%;
    border-left: 2px solid rgb(116, 117, 182);
}

/* О нас начало  */
.aboutus__column
{
    display: flex;
    flex-direction: column;
    height: 100%;
    width: 100%;
}
.about__title
{
    display: flex;
    justify-content: center;
    align-items: center;
}
h5
{
  font-size: clamp(2.50rem, calc(1.786rem + 1.116vw), 3.13rem);
  font-weight: bold;
  color: rgb(77, 76, 76);
  text-align: center;
}
.aboutus__discription
{
    margin: 2% 2%;
}
.aboutus__discription p
{
  font-size: clamp(1.38rem, calc(0.250rem + 0.938vw), 1.75rem);
  text-align: left;
  margin-top: 1%;
}

/* О нас конец  */

@container(max-width: 1270px)
{
.about__card
{
    flex: 0 0 45%;
}

}    
@container(max-width: 1270px)
{
    .about__card
{
    flex: 0 0 95%;
}
}

@container(max-width: 1023px)
{
    .tech__line
    {
        flex-wrap: wrap;


    }
    .tech__card
    {
        flex: 0 0 33%;
    }
    .end__description p
    {
        font-size: clamp(1.25rem, calc(1.136rem + 0.569cqw), 1.50rem);
    }
}

@container(max-width: 830px)
{
    .what__line
    {
        flex-direction: column;
        align-items: inherit;
        padding: 5% 0%;
    }
    .what__text p 
    {
       font-size: clamp(1.13rem, calc(0.841rem + 1.420cqw), 1.75rem);
    }
    .what__icons p
    {
        font-size: clamp(1.13rem, calc(0.841rem + 1.420cqw), 1.75rem);
    }
      .serviced__body {
    padding-bottom: 1%;
  }

}