/*Обнуление*/
* {
    padding: 0;
    margin: 0;
    border: 0;
}

*,
*:before,
*:after {
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

:focus,
:active {
    outline: none;
}

a:focus,
a:active {
    outline: none;
}

nav,
footer,
header,
aside {
    display: block;
}

html,
body {
    height: 100%;
    width: 100%;
    /* font-size: 100%; */
    line-height: 1;
    /* font-size: 14px; */
    -ms-text-size-adjust: 100%;
    -moz-text-size-adjust: 100%;
    -webkit-text-size-adjust: 100%;
}

input,
button,
textarea {
    font-family: inherit;
}

input::-ms-clear {
    display: none;
}

button {
    cursor: pointer;
}

button::-moz-focus-inner {
    padding: 0;
    border: 0;
}

a,
a:visited {
    text-decoration: none;
}

a:hover {
    text-decoration: none;
}

ul li {
    list-style: none;
}

img {
    vertical-align: top;
}

/* h1,
h2,
h3,
h4,
h5,
h6 {
    font-size: inherit;
    font-weight: inherit;
} */

/*--------------------*/
/* Текста начало */
p
{
    /* font-size: clamp(0.875rem, 2vw + 1rem, 1.188rem); */
    /* font-size: clamp(1rem, 2vw + 1rem, 1.214rem); */
    /* font-size: clamp(1.125rem, 2vw + 0.5rem, 1rem); */
    /* font-size: clamp(1.5rem, 1.392rem + 0.4545vw, 1.9375rem); */
}
p{
    /* font-size: clamp(16px, 1vw, 18px); */
    /* line-height: 1.6; */
}
 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;
}
.title__small
{
/* font-size: clamp(1.5625rem, 1.4545rem + 0.4545vw, 2rem); */
}
.tittle__middle
{
    /* font-size: clamp(1.5625rem, 1.4545rem + 0.4545vw, 2rem); */
}


/* ...... */



.wrapper
{
    min-height: 100%;
    display: flex;
    flex-direction: column;
}
.main
{
    flex: 1 1 auto;
}
.container
{
    /* width: 90%;
    margin: 0 auto;
    min-width: 320px;
    max-width: 2560px;
    container-type: inline-size; */
}



.serviced__container
{
    min-width: 320px;
    max-width: 2560px;
    width: 100%;
    margin: 0 auto;
    container-type: inline-size;
}
.serviced__middle
{
    flex: 1 1 auto;
        background: #49545f;

    justify-content: center;
  align-items: center;
  display: flex;
}
.serviced__box
{
    /* min-height: 100vh; */
    display: flex;
    flex-direction: column;
}

.serviced__body
{
    display: flex;
}
.serviced__line
{
    display: flex;
    flex-wrap: wrap;
    justify-content:space-around;
    margin: 1% 0%;
}
.serviced__cardwrap
{
    flex: 0 0 12.1%;
    display: flex;
    justify-content: center;
    align-items: center;
    /* height: 100%; */
}
.serviced__card
{
    display: flex;
    flex-direction: column;
    align-items: center;
    height: 100%;
}
.serviced__cardwrap:nth-child(even) 
{
    /* padding: 1% 0%; */
    margin-top: 1%;
    background: rgb(0, 65, 3);

}
.serviced__name:nth-child(even) 
{
 background: rgb(0, 65, 3);
}

.serviced__pic
{
    max-width: 100%;
    background: white;
}
.serviced__img
{
    display: flex;
    justify-content:center;
    align-items: center;
}
.serviced__img img
{
    max-width: 50%;
    border-radius: 10px;
    height: auto;
}
.serviced__cardwrap
{
    background: rgb(7, 7, 95);
    border-radius: 4px;
}

.serviced__name
{
    flex: 0 0 15%;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    /* background: #100084; */
    /* flex: 1 1 auto; */
    /* padding-bottom: 2%; */
    width: 100%;
    padding: 2% 0%;
}
.serviced__name p
{
    /* font-size: 24px; */
    color:white;
    font-weight: bold;
    /* padding: 1% 0%; */
}
.serviced__description
{
 color:white;
 padding: 5% 2%;
}
.serviced__description > p
{
    color: white;
    text-align: center;
    padding-bottom: 10%;
}


.serviced__top
{
    display: flex;
    text-align: center;
    flex-direction: column;
    padding-top: 3%;
    background: rgb(15, 53, 88);
    color: white;
    
}
.serviced__p
{
    display: flex;
    /* justify-content: center;
    align-items: center; */
    flex-direction: column;
    margin-bottom: 1%;
}
.serviced__p p
{
    /* font-size: 23px; */
    color: white;
    display: flex;
    text-align: left;
    /* padding: 1% 0%; */

   
    padding-left: 1%;

    border-left: 2px solid rgb(253, 2, 2);

    width: 90%;
    margin: 0 auto;

        margin-top: 1%;
        line-height: initial;
        

}
.max__title p
{
    font-size: 50px;
    /* padding: 3% 0%; */
    padding-bottom: 3%;
    text-align: center;
    color: white;
}
.serviced__bottom
{
    background: rgb(15, 53, 88);
    padding: 3% 0%;
}
.serviced__h
{
    display: flex;
  justify-content: center;
  align-items: center;
}
.serviced__h h2
{
border-bottom: 2px solid white;
text-align: center;
padding-bottom: 1%;
color: white;
}





@container(max-width: 2560px) 
{
    .max__title .serviced__h p
    {
        /* font-size: clamp(2.50rem, calc(0.625rem + 1.563vw), 3.13rem); */
        font-size: clamp(1.88rem, calc(0.938rem + 0.781cqw), 2.19rem);
    }
       /* .serviced__name p, .serviced__description p
   {
    font-size: clamp(1.875rem, 0.75rem + 0.9375vw, 2.25rem);
   } */
      .serviced__h h2
   {
    font-size: clamp(3.25rem, calc(-0.500rem + 3.125vw), 4.50rem);
   }
      .serviced__p p
   {
     font-size: clamp(1.44rem, calc(-0.250rem + 1.406vw), 2.00rem);
   }
          .serviced__name p, .serviced__description p
   {
    font-size: clamp(1.38rem, calc(0.250rem + 0.938vw), 1.75rem);
   
   }
   /* .serviced__name p
   {
       font-size: clamp(1.38rem, calc(0.804rem + 0.893cqw), 1.88rem);
   } */

}

@container(max-width: 1920px)
{
     .serviced__description p, .serviced__name p
{
  /* font-size: clamp(1.06rem, calc(0.205rem + 1.339cqw), 1.81rem); */
  /* font-size: clamp(1.19rem, calc(0.473rem + 1.116cqw), 1.81rem); */
  font-size: clamp(1.00rem, calc(0.429rem + 0.893cqw), 1.50rem);
} 

.serviced__name p
{

}
       .serviced__name p, .serviced__description p
   {
   
    /* font-size: clamp(1.00rem, calc(0.571rem + 0.670vw), 1.38rem); */
    /* font-size: clamp(0.94rem, calc(0.509rem + 0.670vw), 1.31rem); */
   
   }
   .serviced__p p
   {
      font-size: clamp(1.13rem, calc(0.696rem + 0.670vw), 1.50rem);
   }
   .serviced__h h2
   {
    font-size: clamp(2.50rem, calc(1.786rem + 1.116vw), 3.13rem);
   }
}



/* слайдер начало */
@container(max-width: 1024px) {

    .serviced__descriptionwrap
    {
        /* flex: 1 1 auto; */
    }
    .serviced__name p, .serviced__description p
    {
        /* font-size: clamp(0.88rem, calc(0.591rem + 1.420cqw), 1.50rem); */
        font-size: clamp(0.88rem, calc(0.477rem + 1.989cqw), 1.75rem);
    }
    .serviced__p p
    {
    font-size: clamp(1.13rem, calc(0.841rem + 1.420cqw), 1.75rem);
    line-height: initial;
    letter-spacing: 1px;
    margin-top: 5%;
    }
    /* .serviced__name
    {
        flex: 0;
    } */

    .serviced__middle
    {
        flex: 0 0 auto;
    }
    .serviced__body {
        overflow: hidden;
        width: 100%;

    }

    .serviced__line {
        display: flex;
        flex-wrap: nowrap;
        overflow-x: auto;
        scroll-behavior: smooth;
        scroll-snap-type: x mandatory;
        gap: 15px;

        -ms-overflow-style: none;
        scrollbar-width: none;
    }

    .serviced__line::-webkit-scrollbar {
        display: none;
    }

    .serviced__cardwrap {
        flex: 0 0 65%;
        scroll-snap-align: start;
    }

    .serviced__slider-dots {
        display: flex;
        justify-content: center;
        gap: 20px;
        /* margin-top: 20px; */
        margin-top: 10%;
    }

    .serviced__dot {
        width: 10px;
        height: 10px;

        border-radius: 50%;
        background: white;
        opacity: 0.4;

        cursor: pointer;
    }

    .serviced__dot.active {
        opacity: 1;
    }
}
/* слайдер конец */























@container(max-width: 1024px)
{

    .serviced__cardwrap:nth-child(2n) {
  padding: 0% 0%;
  margin-top: 5%;
  background: rgb(0, 65, 3);
}

.serviced__description p span
{
    /* display: none; */
}

.serviced__cardwrap
{
    flex: 0 0 45%;
    margin-top: 5%;
}
.serviced__name
{
    padding: 3% 0%;
    flex: 0 0 10%;
}


.serviced__name {
    padding: 3% 0%;
    /* flex: 0 0 28%; */
    display: flex;
    justify-content: center;
    align-items: center;
  }
  .serviced__body
  {
    padding-bottom: 2%;
  }
  .serviced__body
  {
    display: flex;
  flex-direction: column;
  }
}

@container(max-width: 700px)
{
           .serviced__name p, .serviced__description p
   {
   
    /* font-size: clamp(1.00rem, calc(0.571rem + 0.670vw), 1.38rem); */
    font-size: clamp(0.94rem, calc(0.509rem + 0.670vw), 1.31rem);
   
   }
}