p{
    font-size: clamp(16px, 1vw, 18px);
        font-family: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI",
                 Roboto, "Helvetica Neue", Arial, sans-serif;
    color: #222;
}
 body{
    font-family: sans-serif;
    color:#222;
}

/* ///// */


.wrapper
{
    display: flex;
    flex-direction: column;
    min-height: 100%;
}
.container
{
    flex: 1 1 auto;
}
.container
{
    width: 90%;
    margin: 0 auto;
}
.comparison__column
{
    display: flex;
    /* height: 100vh; */
    flex-direction: column;
    /* min-height: 100vh; */
}
.comparison__middle
{
    display: flex;
}
.comarison__top
{
    display: flex;
}

.comparison__box
{
    display: flex;
    /* height: 80vh; */
    flex-wrap: wrap;
}
.comparison__banner
{
    display: flex;
    flex: 1 1 100%;
    height: fit-content;
        border-top: 5px solid white;
    
}
.comparison__bannerwrap
{
    flex: 0 0 50%;
}
.comparison__bannerwrap > img
{
    width: 100%;
	height: auto;
}

.comparison__description
{
    display: block;
    flex: 0 0 50%;

    display: flex;
    align-items: center; 
    justify-content: center;
    background: #ffdabf;
}
.comparison__block
{
    display: flex;

    height: 100%;
    width: 100%;
    flex-wrap: wrap;
    flex: 0 0 90%;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}
.comparison__blockwrap
{
    /* flex: 0 0 90%; */
    display: flex;
    background: rgb(253, 236, 216);
    border-radius: 25px;
    padding: 1% 1%;
    /* flex: 0 0 90%; */
    flex-direction: column;
    width: 100%;
}
.comparison__item
{
    flex: 1 1 30%;
}
.comparison__gorizontal
{
    display: flex;
}
.comparison__icon
{
    display: flex;
    flex: 0 0 7%;
    justify-content: start;
    align-items: center;
}
.comparison__icon > img
{
    max-width: 100%;;
}
.comparison__text
{
    display: flex;
    /* align-items: center;
    justify-content: center; */
    padding: 2% 5%;
    flex: 1 1 90%;
   

}
.comparison__text > p
{
 /* font-size: clamp(1.0625rem, 0.975rem + 0.4375vw, 1.5rem); */
 /* font-size: clamp(1.00rem, calc(0.925rem + 0.375vw), 1.38rem); */
/* font-size: clamp(1.00rem, calc(0.143rem + 0.938vw), 1.43rem); */
/* font-size: clamp(1.00rem, calc(0.163rem + 0.938vw), 1.43rem); */
font-size: clamp(0.80rem, calc(0.163rem + 0.938vw), 1.43rem);
/* font-size: 12px; */
}
.comparison__whiteblue .comparison__text
{
    /* border-bottom: 1px solid black; */
}
.comparison__blue
{
    background: rgb(209, 226, 241);
}
.comparison__whiteblue
{
    background: rgb(224, 235, 243);
}

.comparison__minibook
{
    flex-direction: column;
    display: flex;
}
h3.title__mezo
{
    /* font-size: 45px; */
    padding: 1% 0px;
    text-align: center;
    font-size: clamp(1.875rem, 1.6875rem + 0.9375vw, 2.8125rem);
    color: #393939;
    font-weight: bold;
    letter-spacing: 1px;
    /* font-size: clamp(1.875rem, 1.6875rem + 0.9375vw, 2.8125rem); */
}
.comparison__minibook > p:last-child
{
    border-radius: 10px;
    padding: 1% 1%;
    background: #f3f3f3;
    /* display: flex; */
    /* font-size: 25px; */
    font-size: clamp(1.5625rem, 0.475rem + 0.4375vw, 2rem);
    text-align: left;
    margin: 2% 0%;
    width: 70%;

        border: 1px solid #a5b9c742;
    box-shadow: -9px -1px 9px 1px rgb(113 164 241 / 30%);
}
@container(max-width: 2560px)
{

   p.title__mezo
   {
    font-size: clamp(2.50rem, calc(1.563rem + 0.781cqw), 2.81rem);
   }
   .description__mezo
{
    font-size: clamp(1.88rem, calc(0.938rem + 0.781cqw), 2.19rem);
}

    p.p__table
{
  font-size: clamp(1.63rem, calc(0.875rem + 0.625cqw), 1.88rem);
}
/* .comparison__banner
{
    flex-direction: column;
} */
.comparison__description 
{
    padding: 10px 0px;
}
}
@container(max-width: 1920px)
{
    .tittle__middle
    {
    font-size: clamp(26px, 17.8px + 0.500vw, 25px);
}
p.title__mezo
{
    font-size: clamp(1.875rem, 1.6875rem + 0.9375vw, 2.8125rem);

    color: #393939;
    font-weight: bold;
    letter-spacing: 1px;
}
.description__mezo
{
    font-size: clamp(1.5625rem, 0.475rem + 0.4375vw, 2rem);
}
p.p__table
{
    font-size: clamp(1.00rem, calc(0.143rem + 0.938vw), 1.43rem);
}
.site__top > p{
    font-size: clamp(17px, 14.4px + 0.351vw, 21px);
}
}

@container(max-width: 1023px)
{
    .comparison__minibook > p:last-child
    {
        font-size: clamp(1.13rem, calc(0.841rem + 1.420cqw), 1.75rem);
  line-height: initial;
  letter-spacing: 1px;
  width: 95%;
  padding: 2% 3%;
    }
    .comparison__icon {
  align-items:start;
    }
    /* Обязатеоно */
p.p__table
{
  font-size: clamp(1.13rem, calc(0.841rem + 1.420cqw), 1.75rem);
  letter-spacing: 1px;

}
h3.title__mezo
{
    font-size: clamp(1.50rem, calc(1.045rem + 2.273cqw), 2.50rem);
}
.comparison__banner
{
    flex-direction: column;
}
.comparison__description 
{
    padding: 10px 0px;
}
}
@container(max-width: 711px)
{
    .comparison__minibook > p:last-child
    {
        width: 100%;
    }
}