*{
    box-sizing: border-box;
    margin: 0;
    font-family: system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
    
}
h2{
    font-size: 36px;
}
body{
     position: relative;
    background-image: url(img/background.png);
    background-repeat: no-repeat;
    background-size: cover;   
    background-attachment: fixed;
}

body::before {
    content: "";
    position: fixed;         
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    backdrop-filter: blur(10px);  
    pointer-events: none;      
    z-index: -1;              
}
.mobile_menu{
    position: fixed;
    z-index: 35;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    margin: 0 auto;
    display: none;
    justify-content: center;
    align-items: center;
    background-color: white;
    
}
.m__exit{
    background-color: white;
    border: 1px solid black;
    width: 50px;
    height: 50px;
    cursor: pointer;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 50%;
    padding: 15px;
    position: absolute;
    right: 45px;
    top: 45px;
}
.mobile__links{
    display: flex;
    position: absolute;
    top: auto;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}

/* Картинка стелса */
.content1{
   margin: 0 auto;
   display: flex;
    align-items: center;
   justify-content: center;
   padding: 50px;
}
.imgcontent1{
    display: flex;
    align-items: center;
   justify-content: center;
}
.imgcontent1i{
    max-width: 90%;
    height: auto;
    object-fit: cover;

     box-shadow: 3px -3px  3px 1px;
    border-bottom: 1px solid black;
    border-left: 1px solid black;
    border-bottom-left-radius: 15px;
    border-top-right-radius: 15px;
    width: auto;
    transition: scale 1s;
}
.imgcontent1i:hover{
    scale: 1.1;
}
.glav {
    padding: 0px 50px;
  width: 100%;
}
.menu{
    overflow: hidden;
    position: sticky ;
    top: 0;
    border-bottom: 1px gray solid;
    border-bottom-left-radius: 15px;
    border-bottom-right-radius: 15px;
    z-index: 30;
    display: flex;
    justify-content: space-between;
    align-items: center;
    height: 100px;
    padding: 1.25rem;
    background-color: white;
}
.zag{
    background-image: linear-gradient(to right, red 0%, white 33%, blue 66%, red 99%);
    -webkit-background-clip: text;
    background-clip: text;
    color: transparent;
    animation: animzag 40s 0s linear infinite;
}   
.zag>h1{
    color: black;
}


@keyframes animzag {
    from { background-position: -1000px 0; }
    to   { background-position: 1000px 0; }
}

.burger__menu{
    height: 100%;
    display: flex;
    gap: 2rem;
    justify-content: center;
    align-items: center;
    overflow:hidden;
}
.burger__links{
   transform: translateY(-1000px);
}
.m__link{
    padding: 15px;
    text-decoration: none;
    color: black;
}
.burger__lines{
    cursor: pointer;
    width: 3rem;
    height: 2rem;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    align-items: center;
}

.lines{
    transform-origin: 0 0;
    width: 100%;
    height: 0.25rem;
    background-color: black;
}

@keyframes line1__h{
    0%{
        transform: translateY(0);
    }
    50%{
        transform: translateY(0.85rem);
    }
    100%{
        transform: rotate(33.5deg);
    }
}
@keyframes line3__h {
    0%{
        transform: translateY(0);
    }
    50%{
        transform: translateY(-0.85rem);
    }
    100%{
        transform: rotate(-33.5deg);
    }
}
@keyframes line1__s {
    0%{
        transform: translateY(0.85rem);
          transform: rotate(33.5deg);
    }
    50%{
         transform: rotate(0deg);
        transform: translateY(0.85rem);
    }
    100%{
       transform: translateY(0rem);
    }
}
@keyframes line3__s {
    0%{
        transform: translateY(-0.85rem);
          transform: rotate(-33.5deg);
    }
    50%{
         transform: rotate(0deg);
        transform: translateY(-0.85rem);
    }
    100%{
       transform: translateY(0rem);
    }
}
@keyframes b__l__s {
    from{ transform: translateY(-1000px); }
    to{transform: translateY(0px);  }
}
@keyframes b__l__h {
    from{ transform: translateY(0px); }
    to{ transform: translateY(-1000px); }
}

.m__button{
    padding: 10px;
    border: 1px solid black;
    border-radius: 35px;
}






.info {
    margin-top: 25px;
    display: flex;
    justify-content: space-between;
    width: 100%;
    padding: 0px 25px;
    overflow: hidden;      /* скрыть обрезанное */
}
.info__text{
    font-size: 72px;
    font-weight: bold;
}

.zag__inform{
    margin-top: 50px;
    display: flex;
    justify-content: center;
    align-items: center;
}
.pluses{
    gap: 50px;
    width: 100%;
    display: grid;
    justify-content: center;
    align-items: center;
    grid-template-columns: repeat(2, minmax(250px, 1fr));
}

.sub_plus{
    min-height: 160px;
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    max-height: 100%;
}
.plus{
    padding: 24px 0.95rem 0px 36px;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='48' height='48' viewBox='0 0 512 512'%3E%3Cpolyline points='464 128 240 384 144 288' style='fill:none;stroke:%23000;stroke-linecap:round;stroke-linejoin:round;stroke-width:32px'/%3E%3Cline x1='144' y1='384' x2='48' y2='288' style='fill:none;stroke:%23000;stroke-linecap:round;stroke-linejoin:round;stroke-width:32px'/%3E%3Cline x1='368' y1='128' x2='232' y2='284' style='fill:none;stroke:%23000;stroke-linecap:round;stroke-linejoin:round;stroke-width:32px'/%3E%3C/svg%3E");
  /* background-size: cover; */
  background-repeat: no-repeat;
  /* При необходимости можно добавить позиционирование */
    background-position: 0.25rem -1rem;
}
.info__plus{
    margin: 0px;
    padding: 0px 0px 0px 10px;
}

.plus__text{
    text-align: justify;
    margin-top: 0.5rem;
    
}






.circle__elem{
    width: 3rem;
    height: 3rem;
    color: white;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 50%;
    background-color: black;
}
.circle__elem>p{
    font-weight: bold;
}
.sub_process{
    width: 800px;
}

.services_blockinfo{
    display: flex;
    flex-direction: column;
    padding: 30px 5px;
    gap: 10px;
}
.services_blockinfo>p{

   font-size: clamp(0.5rem, 5vm+1rem,4rem);
}
.services__img{
    border-bottom: 1px solid black;
    border-left: 1px solid black;
    border-bottom-left-radius: 15px;
    border-top-right-radius: 15px;
    box-shadow: 3px -3px 3px 1px;
    
}

.process{
    margin: 0 auto;
    display: flex;
    /* justify-content: center; */
    align-items: center;
    flex-direction: column;
}
.line__zag{
    width: 3rem;
    height: 5rem;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}
.line__zag>hr{
    width: 2px;
    height: 100%
}
.sub_process{
    display: flex;
    gap: 2rem;
}

.clients{
    margin: 0 auto;
    /* width: 1080px; */
    height: auto;
    margin: 50px 0px;
    display: flex;
    flex-direction: column;

    justify-content: center;
    align-items: center;
}
.clients__zag{
    margin-top: 50px;
    margin-bottom: 50px;
    font-size: 48px;
    
}
.sub_clients{
    /* border: 5px solid black; */
    display: grid;
    grid-template-columns: repeat(4, minmax(250px, 1fr));
    grid-template-rows:  minmax(150px, 1fr);
    align-items: center;
    gap: 50px;
}

.clients__logo{
    
    transition: transform 0.3s ease;
    object-fit: cover;
    max-width: 250px;
    min-width: 10px;
    box-shadow: 2px -2px 5px 0.1px;
} 
.clients__logo:hover {
  transform: scale(1.05); 
}














.about__company{ 
    margin: 0 auto;
    width: 800px;
    text-align: justify;
    
}
.about__zag{
    padding: 30px;
    margin-top: 50px;
}
.text>p{
    padding: 15px;
}


.prices, .services{
    
    
    margin: 0 auto;
    width: 800px;
    display: flex;
    flex-direction: column;
    gap: 20px;
}

.price__zag, .services__zag{
    margin-top: 50px;
    text-align: center;
}


.prices_det .services_det{
    display: flex;
    flex-direction: column;
    gap: 30px   ;
    font-size: clamp(0.5rem, 5vm+1rem,4rem);
}

summary::marker{
    display: none;
}
.prices_info, .services_info{
    font-size: clamp(0.5rem, 5vm+2rem,9rem);
    cursor: pointer;
    padding: 15px 50px;
    list-style: none;
    border-bottom: 1px solid black;
    border-bottom-left-radius: 15px;
    border-bottom-right-radius: 15px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    box-shadow: 0px 2px 5px 1px;
}
.unical_plus{
    display: flex;
    justify-content: center;
    align-items: center;
    height: 30px;
    width: 30px;
    background-image: url(img/cancel-cross_icon-icons.com_71726.svg);
    background-size: 15px 15px;
    border-radius: 50%;
    background-repeat: no-repeat;
    background-position: center center;
    transform: rotate(45deg);
    transition: transform 1s;
    
}
.prices_info:hover>.unical_plus::before, .services_info:hover>.unical_plus::before {
    content: "";
    display: flex;
    height: 30px;
    width: 30px;
    background-color: rgba(0, 0, 0, 0.075);
    pointer-events: none;      
    border-radius: 50%;
    /* transform: rotate(0deg); */
    z-index: -5;              
}
.prices_det[open] .unical_plus, .services_det[open] .unical_plus {
    transform: rotate(0deg);
}


 
.info__price>li:nth-child(1){
    margin-top: 20px;
}
.info__price>li:nth-child(2){
    margin-bottom: 20px;  
}
.info__price_help{
    display: flex;
    list-style: circle;
}
.info__price_help>p>span{
    margin: 0px 5px;
}



.air150px{
    margin: 50px;
}
/* Днище */

.footer{
    border-top-left-radius: 15px;
    border-top-right-radius: 15px;
    background-color: black;
    width: 100%;
    height: 300px;
    margin: 0 auto;
    display: flex;
    justify-content: center;
    align-items: center;
}
.sub_footer{
   
    width: 1024px;
    height: 80%;
    /* border: 3px solid salmon; */
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.footer__zag, .footer__inf, .footer__silk{
    gap: 15px;
    padding: 5px;
    width: 33%;
    height: 100%;
    display: flex;
    justify-content: start;
    align-items: center;
    flex-direction: column;
    text-align: center;
    text-decoration: none;
}
.footer__zag>h1, .footer__zag>p{
    color: white;
}
.footer__inf>a{
    text-decoration: none;
    font-size: 30px;
    font-weight: bold;
    color: white; 
}

.zayavka{
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    width: 100%;
    
}
.zayavka__form{
   
    gap: 20px;
    width: 40%;
    display: flex;
    flex-direction: column;
    align-items: center;
}
.zayavka__field{
    display: flex;
    flex-direction: column;
    width: 100%;
    gap: 10px;
}
.zayavka__input{
    border-radius: 5px;
    height: 50px;
    font-size: 25px;
    padding: 0px 25px;
}
.zayavka__label>span{
    color: red;
}
.zayavka__submit{
    right: 0;
    bottom: 0;
    width: 30%;
    padding: 20px;
    border-radius: 15px;
    background-color: white;
    font-size: clamp(5px, 2vw+2vh, 36px);
    font-weight: bold;
    border:none;
    cursor: pointer;
    color: black;
     transition: 0.3s;
    box-shadow: 0 0 10px #ff00c1, 0 0 20px #ff00c1, 0 0 30px #ff00c1;
    animation: neon-pulse 1.5s infinite alternate;
}
@keyframes neon-pulse {
  from {
    box-shadow: 0 0 5px #ff00c1, 0 0 10px #ff00c1, 0 0 15px #ff00c1;
  }
  to {
    box-shadow: 0 0 10px #00ffea, 0 0 20px #00ffea, 0 0 30px #00ffea;
  }
}
.zayavka__submit:hover {

  transform: scale(1.05);
  box-shadow: 0 0 15px #ff00c1, 0 0 30px #ff00c1, 0 0 45px #ff00c1;
}





.footer__silk{
    font-size: 20px;
}
.footer__link{
    text-decoration: none;
    color: white;
    /* padding: 8px; */
}
.footer__link:nth-child(4){
    border: 1px solid white;
    padding: 15px;
}

/* Вызов "Позвоните нам" */
.call_m{
    position: fixed;
    right: 15px;
    bottom: 15px;
    width: 50px;
    height: 50px;
    background-color: gray;
    display: none; /*МЕНЯЕМ ТУТ*/
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    cursor: pointer;
}

.call{
    z-index: 25;
    position: fixed;
    right: 40px;
    bottom: 40px;
    width: 200px;
    height: 100px;
    background-color: white;
    display: flex; /*МЕНЯЕМ ТУТ*/
    flex-direction: column;
    justify-content: center;
    align-items: center;
    box-shadow: 0px 0px 15px 1px ;
    border-radius: 15px;
    gap: clamp(15,1px,30px);
}
.call_num, .callwe{
    padding: clamp(5px, 1px, 30px);
    text-decoration: none;
    font-size: clamp(9px, 1px+1px, 72px);
    color: black;
    font-weight: bold;
    padding: 10px;

}
.call_num:hover{
    transition: 0.4s;
    transform: scale(1.2);
    color: #28569b;
}
.callwe{
    border-bottom: 1px solid black;
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
}
.button__ex{
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    position: absolute;
    top: -15px;
    right: -15px;
    background-color: rgba(128, 128, 128, 0.75);
    width: 35px;
    height: 35px;
    border-radius: 50%;
}

.target-element:nth-child(1) {
  scroll-margin-top: 80px;
}
.target-element:nth-child(2) {
  scroll-margin-top: 180px;
}


@media (max-width: 1440px) {
    .info__text{
        font-size: 36px;
        font-weight: bold;
    }
    body{
        background: none;
    }
}
@media (max-width: 1024px) {
  .menu {
    flex-wrap: nowrap;
    padding: 0.625rem; /*Уменьшаем отступы*/
    }
  .burger__links{
    display: none;
  }
}
@media (max-width: 480px) {
    .zag > h1 {
        font-size: 2rem; /* подбери под свой дизайн */
    }
     .burger__lines {
        width: 2.5rem;
        height: 1.8rem;
    }
    .lines {
        height: 0.2rem;
    }
}
@supports (background-clip: text) or (-webkit-background-clip: text) {
    .zag > h1 {
        color: black;
        /* color: transparent; РАСКОМЕНТИРОВАТЬ ДЛЯ ФЛАГА РФ*/ 
    }
}

@media (max-width: 1080px) {
    .glav{
        padding: 0px;
    }
    .info__text{
        font-size: 20px;
        font-weight: bold;
    }
    .pluses{
        width: 100%;
        grid-template-columns: repeat(auto-fit, minmax(350px, 1fr));
    }
     .sub_process{
        width: 300px;
    }
    .clients__zag{
        font-size: 40px;
    }
     .about__company{ 
        width: 350px;
    }
    .about__zag{
        padding: 15px;
    }
    .text>p{
        padding: 15px;
    }
    .prices, .services{
        width: 350px;
    }

    .sub_clients{
    display: grid;
    width: 100%;
     /* border: 5px solid black; */
     /* align-items: centers; */
     justify-content: center;
    grid-template-columns: repeat(auto-fit, 150px);
    }
    .clients__logo{
        max-width: 150px;
    /* min-width: 10px; */
    }
    
    .sub_footer{
        width: 100%;
        height: 80%;
        padding: 0px 15px;
    }
    .footer__zag>h1{
    font-size: 15px;
    }
    .footer__inf>a{
        color: white;
        /* writing-mode: vertical-lr;   */
        text-orientation: upright;
        font-size: 15px;
        }
    .footer__inf{
        justify-content: center;
    }
    .end{
        display: none;
    }
    .footer__silk{
        font-size: 14px;
        padding: 10px;
    }
    .zag__inform{
        margin-top: 50px;
    }
    .zayavka__form{
   
    gap: 20px;
    width: 90%;
    display: flex;
    flex-direction: column;
    align-items: center;
    }
    .content1{
        margin-top: 30px;
        /* height: 200px; */
        
    }
    body{
        background: none;
    }
   .services__zag {
    white-space: nowrap;
    font-size: clamp(22px, calc(16px + 1.5vw), 32px);
    }
   
 
}

a {
  transition: color  0.5s ease-in-out;
  transition: transform 0.5s;
}
a:hover{
    /* transition: 1s; */
    transform: scale(1.1);
    color: red;
}




.otziv{
    padding: 30px 0px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    gap: 50px;
}

.otziv__elements{
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
    gap: 50px;
    margin: 5px;
}
.otziv__users{
    border: 1px solid black;
    padding: 15px 5%;
    border-radius: 15px;
   
}
.otziv__ava{
    width: 64px;
    height: 64px;
    border: 2px solid rgba(0, 0, 0, 0.3);
    border-radius: 50%;
}
.otziv__user__zag{
    padding: 0px 15px;
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.otziv__name{
    font-size: clamp(12px, 4vw, 26px);
}
.otziv__text{
    text-align: justify;
}