/*
Theme Name: Prodokna

*/
*{
    padding: 0;
    margin: 0;
    box-sizing: border-box;
    text-decoration: none;

}



body{
  background: #fafafa;
}
.wind-one{
  position: absolute;
  top: 1083px;
  left: 363.06px;
 z-index: -1;

}
.wind-two{
  position: absolute;
  top: 4033px;
  left: -15px;
 z-index: 0;

}
.container{
    max-width: 1920px;
    margin: 0 auto;
}

.header {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 100;
}

.header__top {
    display: flex;
    align-items: center;
    justify-content: space-between;
   
    padding: 47px 360px 11px ;
    position: relative;
    transition: 0.3s;
    background: transparent ;
}
.header-phones{
    display: flex;
    flex-direction: column;
    gap: 5px;
}
.header_scrolled{
    background-color: #fafafa !important;
}

.header__logo {
    max-width: 183px;
    height: 121px;
    cursor: pointer;
    position: absolute;
    z-index: 4;
    top:27px;
    -webkit-box-shadow: 0px 4px 7px 0px rgba(0, 0, 0, 0.2);
    -moz-box-shadow: 0px 4px 7px 0px rgba(0, 0, 0, 0.2);
    box-shadow: 0px 4px 7px 0px rgba(0, 0, 0, 0.2);
}

.header__logo-image {
    width: 100%;
    height: 100%;
    line-height: 0;
}

.header__slogan {
    font-family: "Inter", sans-serif;
    font-weight: 400;
    font-size: 18px;
    color: #333333;
    margin-left: 201px;
}

.header__phone {
    font-size: 18px;
    font-family: "Inter", sans-serif;
    font-weight: 400;
    color: #333333;
}

.header__recall-button {
    width: 203px;
    height: 48px;
    font-size: 16px;
    background: #2F80ED;
    color: #F0F2F5;
    border: none;
    cursor: pointer;
    transition: 0.3s;
    font-family: "Montserrat", sans-serif;
    font-weight: 600;
    font-size: 16px;
    color: #f0f2f5;
}
.header__recall-button:hover{
  background: #EAF4F2F5;
  color: #333;
  border: 1px solid #2F80ED;
  box-shadow: 0 4px 4px 0 rgba(0, 0, 0, 0.25);
}
.header-wrapp{
  box-shadow: 0 4px 4px 0 rgba(0, 0, 0, 0.25);
}
.header__bottom {
    
    background: #fafafa;
    padding: 31px 464px 32px 635px;
}

.header__nav {}

.header__menu {
    display: flex;
    align-items: center;
    justify-content: space-between;
    list-style: none;
}



.header__menu-link {
    color: #333333;
    transition: 0.3s;
    font-size: 14px;
    font-family: "Inter", sans-serif;
    font-weight: 400;
   
}

.header__menu-link.active {
    color: #2F80ED;
   
}
.header__menu-link:hover{
    color: #2F80ED;
    font-size: 14px;
    
    font-weight: 400;
}



.title{
font-size: 50px;
font-weight: bold;
font-family: "Montserrat", sans-serif;
}


/* section intro */

.stiker{
  position: fixed;
  right: 351px;
  bottom: 151px;
  z-index: 9;
  width: 202px;
  height: 196px;
  animation: pulse 2s infinite; 
}


@keyframes pulse {
    0% { transform: scale(1); }
    50% { transform: scale(1.1); }
    100% { transform: scale(1); }
}
.intro{
    background-image: url('./images/xxx.jpg');
    background-size: cover;
    background-position: center;
    min-height: 1083px;
    padding-top: 201px;
    position: relative;
}
.title-intro{
  position: absolute;
  bottom: 18px;
  left: 50%;
  transform: translateX(-50%);
  z-index: 9;
  color: #000 !important;
}

.hero {
    padding-top: 70px;
    min-height: 100vh;
    display: flex;
  }
  
  .container-intro {
    max-width: 1200px;
    margin: 0 auto;
    padding: 0 20px;
 
    
  }
  .container-intro{
    position: relative;
    z-index: 9;
  }
  .bg-intro{
  filter: blur(102.5px);
  box-shadow: -107px 59px 112px 0 rgba(0, 0, 0, 0.25);
  background: #fafafa;
  position: absolute;
  width: 100%;
  height: 100%;
  z-index: -1;
  max-height: 562px;
  }
  .heade-bg{
        filter: blur(50.400002px);
    background: #fafafa;
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top:0;
    z-index: -1;
  }
  .hero-content {
   
    margin: 0 auto;
    text-align: center;
  }
  
  .hero-title {
    font-size: 50px;
    font-weight: bold;
    color: #333333;
    margin-bottom: 30px;
    line-height: 1.3;
    margin-top: 90px;
  }
  .hero-title span{
    color: #2F80ED;
  }
  
  .hero-features {
    font-family: "Montserrat", sans-serif;
    font-weight: 500;
    font-size: 26px;
    text-align: center;
    color: #000;
  }
  
  .feature {
    color: #666666;
    font-size: 14px;
    position: relative;
    padding: 0 10px;
  }
  
  .feature:not(:last-child)::after {
    content: "•";
    position: absolute;
    right: -15px;
    color: #666666;
  }
  
  .hero-subtitle {
    font-family: "Inter", sans-serif;
    font-weight: 400;
    font-size: 18px;
     color: #333;
     margin-top: 40px;
  }
  .hero-subtitle span{
    font-family: "Inter", sans-serif;
    font-weight: 400;
    font-size: 18px;
    color: #2f80ed;
  }
  .hero-form-wrapper{
      max-width: 386px;
    margin: 0 auto;
  }
  .hero-form {
    max-width: 386px;
    margin: 0 auto;
    padding: 30px 0;
    border-radius: 8px;
    
  }
  
  .form-group {
    margin-bottom: 20px;
  }
  
  .form-group input {
    font-family: "Manrope", sans-serif;
    border: 0.75px solid #333;
    padding: 14px 9px;
    width: 100%;
    height: 50px;
    color: #000;
    background: rgba(234, 244, 242, 0.96);
  }
  
  .form-group input:focus {
    outline: none;
    border-color: #007bff;
  }
  .form-group>input::placeholder{
    color: #000;
    opacity: 1;
  }
  .form-agreement {
    width: 372px;
    height: 30px;
    margin-bottom: 15px;
  }
  
  .checkbox {
    display: flex;
    align-items: center;
    cursor: pointer;
    font-size: 12px;
    color: #666666;
  }
  
  .checkbox input {
    display: none;
  }
  
  .checkmark {
    width: 30px;
    height: 30px;
    border: 1px solid #007bff;
    border-radius: 2px;
    margin-right: 8px;
    position: relative;
    font-family: "Inter", sans-serif;
    font-weight: 400;
    font-size: 14px;
    color: #000;
    
  }
  .agreement-text{
    font-family: "Inter", sans-serif;
  font-weight: 400;
  font-size: 14px;
  color: #000;
  }
  
  
  .checkbox input:checked + .checkmark::after {
    
    content: '';
    position: absolute;
    left: 7px;
    top: 7px;
    width: 17px;
    height: 14px;
    background-image: url("data:image/svg+xml,%3Csvg width='17' height='14' viewBox='0 0 17 14' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M16.2439 0.185578C16.5556 0.458339 16.5872 0.932161 16.3144 1.24389L5.81443 13.2439C5.67774 13.4001 5.48242 13.4927 5.27496 13.4996C5.0675 13.5065 4.86645 13.4271 4.71967 13.2803L0.21967 8.78034C-0.0732233 8.48745 -0.0732233 8.01257 0.21967 7.71968C0.512563 7.42679 0.987437 7.42679 1.28033 7.71968L5.21347 11.6528L15.1856 0.256132C15.4583 -0.0555957 15.9322 -0.0871838 16.2439 0.185578Z' fill='%232F80ED'/%3E%3C/svg%3E");
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
  }
  
  
  
  
  
  
  .hidden-fields-container {
    display: none !important;
}
  /* Стили для поля телефона */
/* .form-group input.wpcf7-form-control {
    font-family: "Manrope", sans-serif;
    border: 0.75px solid #333;
    padding: 14px 9px;
    width: 100%;
    height: 50px;
    color: #000;
  background: rgba(234, 244, 242, 0.96) !important;
} */

.form-group input:focus {
    outline: none;
    border-color: #007bff;
}

.form-group input::placeholder {
    color: #000;
    opacity: 1;
}

/* Стили для чекбокса */
.form-agreement {
    margin-bottom: 20px;
}

.form-agreement .wpcf7-list-item {
    display: flex;
    align-items: center;
    margin: 0 !important;
}

.form-agreement .wpcf7-list-item-label {
    display: flex !important;
    align-items: center;
    cursor: pointer;
    font-family: "Inter", sans-serif;
    font-weight: 400;
    font-size: 14px;
    color: #000;
    position: relative;
    padding-left: 40px;
}

/* Скрываем стандартный чекбокс */
.form-agreement input[type="checkbox"] {
    display: none !important;
}

/* Кастомный чекбокс */
.form-agreement .wpcf7-list-item-label:before {
    content: '';
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
    width: 30px;
    height: 30px;
    border: 1px solid #007bff;
    border-radius: 2px;
    margin-right: 8px;
}

/* Галочка для отмеченного чекбокса */
.form-agreement input[type="checkbox"]:checked + .wpcf7-list-item-label:before {
    background-image: url("data:image/svg+xml,%3Csvg width='17' height='14' viewBox='0 0 17 14' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M16.2439 0.185578C16.5556 0.458339 16.5872 0.932161 16.3144 1.24389L5.81443 13.2439C5.67774 13.4001 5.48242 13.4927 5.27496 13.4996C5.0675 13.5065 4.86645 13.4271 4.71967 13.2803L0.21967 8.78034C-0.0732233 8.48745 -0.0732233 8.01257 0.21967 7.71968C0.512563 7.42679 0.987437 7.42679 1.28033 7.71968L5.21347 11.6528L15.1856 0.256132C15.4583 -0.0555957 15.9322 -0.0871838 16.2439 0.185578Z' fill='%232F80ED'/%3E%3C/svg%3E");
    background-size: 17px 14px;
    background-repeat: no-repeat;
    background-position: center;
}

/* Стили для кнопки */
.btn-primary {
    padding: 13px 0 !important;
    text-align: center !important;
    width: 100% !important;
    height: 48px !important;
    background: #2F80ED !important;
    font-family: "Montserrat", sans-serif !important;
    font-weight: 600 !important;
    font-size: 16px !important;
    color: #f0f2f5 !important;
    border: none !important;
    cursor: pointer !important;
    transition: 0.3s !important;
}

.btn-primary:hover {
      background: #EAF4F2F5 !important;
  color: #333 !important;
  border: 1px solid #2F80ED !important;
}
  
  

  .triange{
    border: 480px solid transparent;
    border-bottom: 180px solid #fafafa;
    position: absolute;
    bottom: 0;
    left: 50%;
    transform: translateX(-50%);
  }
  
  /* Адаптивность */
  @media (max-width: 768px) {
    .hero {
      padding: 40px 0;
    }
    
    .hero-title {
      font-size: 24px;
    }
    
    .hero-features {
      flex-direction: column;
      gap: 10px;
    }
    
    .feature:not(:last-child)::after {
      display: none;
    }
    
    .hero-form {
      padding: 20px 10px;
    }
  
   
  }





/* section intro */

/* section products */
.poducts{
  padding-bottom: 40px;
}
.services-grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 20px;
  max-width: 1200px;
  margin: 0 auto;
  padding-top: 22px;
}

.service-item {
  position: relative;
  height: 200px;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  overflow: hidden;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: all 0.3s ease;
  max-width: 386px;
  height: 275px;
  max-height: 275px;
}
.service-item:hover>.measure{
  opacity: 1;
}

.measure{
  opacity: 0;
  font-family: "Montserrat", sans-serif;
    width: 100%;
    padding: 14px;
    background: #2F80ED;
    color: white;
    border: none;
    font-size: 18px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s ease;
    font-weight: 600;
    font-size: 16px;
    color: #f0f2f5;
  width: 306px;
  height: 48px;
  bottom: 35px;
  position: absolute;
  text-align: center;
  border: 1px solid #2F80ED;
}
.measure:hover{
    background: #EAF4F2F5;
  color: #333;
  border: 1px solid #2F80ED;
  box-shadow: 0 4px 4px 0 rgba(0, 0, 0, 0.25);
}
.service-content {
    position: relative;
  z-index: 2;
  text-align: center;
  color: white;
  padding: 15px ;
  background: rgba(255, 255, 255, 0.15);
  backdrop-filter: blur(24px) saturate(180%);
  -webkit-backdrop-filter: blur(24px) saturate(180%);
  
  /* Градиент света (Light -45° 80%) */
  background-image: linear-gradient(
    135deg,
    rgba(255, 255, 255, 0.25) 0%,
    rgba(255, 255, 255, 0.05) 100%
  );
  
  /* Эффект матового стекла (Frost 100) */
  border: 1px solid rgba(255, 255, 255, 0.18);
  
  /* Тени для глубины */
  box-shadow:
    0 4px 20px rgba(0, 0, 0, 0.08),
    inset 0 0 32px rgba(255, 255, 255, 0.1);
  border:1px solid #fff;
  max-width: 230px;
}

.service-content h3 {
    font-family: "Inter", sans-serif;
  font-size: 18px;
  font-weight: 300;
  color: #333333;
  color: rgb(51, 51, 51);
  color: rgba(51, 51, 51, 1);
}

.service-content p {
  margin: 0;
  font-size: 14px;
  opacity: 0.9;
  text-shadow: 1px 1px 2px rgba(0,0,0,0.7);
}



/* section products */





 /* section works */
 .our-works {
    padding: 40px 0 0 0;
   
   
  }
  
  .container-works {
    max-width: 1200px;
    margin: 0 auto;
    padding: 0 20px;
  }
  
  .section-heading {
    font-family: "Montserrat", sans-serif;
  font-weight: 700;
  font-size: 50px;
  color: #333;
  text-align: center;
  }
  
  .work-intro {
    text-align: center;
    font-family: "Inter", sans-serif;
    font-weight: 400;
    font-size: 18px;
    color: #333;
    margin: 20px auto 20px;
  }
  .works-bg{
    box-shadow: 0 4px 4px 0 rgba(0, 0, 0, 0.25);
background: rgba(234, 244, 242, 0.96);
  }
  .works-grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 30px;
    padding: 40px 0;
  }
  
  .work-item {
    background: #f8f9fa;
    overflow: hidden;
    transition: all 0.3s ease;
    box-shadow: 0 4px 4px 0 rgba(0, 0, 0, 0.25);
  }
  
  
  .work-item__image {
    height: 190px;
    overflow: hidden;
  }
  
  .work-item__image img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: transform 0.3s ease;
  }
  

  
  .work-item__content{
    padding: 0 10px 8px;
  }
  
  .work-item__title {
    font-family: "Inter", sans-serif;
font-weight: 500;
font-size: 18px;
color: #2f80ed;
text-align: center;
margin-top: 7px;
  }
  
  .work-item__desc {
    font-family: "Inter", sans-serif;
font-weight: 400;
font-size: 14px;
text-align: center;
color: #333;
text-align: center;
margin-top: 4px;
  }
  
  /* Адаптивность */
  @media (max-width: 768px) {
    .our-works {
      padding: 60px 0;
    }
    
    .section-heading {
      font-size: 28px;
    }
    
    .section-intro {
      font-size: 16px;
      margin-bottom: 40px;
    }
    
    .works-grid {
      grid-template-columns: 1fr;
      gap: 20px;
    }
    
    .work-item__image {
      height: 180px;
    }
    
    .work-item__content {
      padding: 20px;
    }
    
    .work-item__title {
      font-size: 18px;
    }
    
    .work-item__desc {
      font-size: 14px;
    }
  }
  
  @media (max-width: 480px) {
      
    .our-works {
      padding: 40px 0;
    }
    
    .section-heading {
      font-size: 24px;
    }
    
    .work-item__image {
      height: 160px;
    }
  }
  
    @media (max-width: 400px) {
      
        .consultation-form .form-group {
        margin-bottom: 12px;
    }
  }

 /* section works */


/* section installment */
.installment {
    padding: 141px 0 80px 0;
    background: #f8f9fa;
    font-family: Arial, sans-serif;
  }
  
  .container-installment {
    max-width: 1200px;
    margin: 0 auto;
    padding: 0 20px;
  }
  
  .installment-title {
    font-family: "Montserrat", sans-serif;
    font-weight: 700;
    font-size: 50px;
    text-align: center;
    color: #333;
    text-align: center;
  }
  .installment-title span{
    font-family: "Montserrat", sans-serif;
    font-weight: 700;
    font-size: 50px;
    text-align: center;
    color: #2f80ed;
  }
  .installment-main {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 60px;
    align-items: center;
    margin-bottom: 60px;
    margin-top: 40px;
  }
  
  .installment-subtitle {
    font-family: "Montserrat", sans-serif;
    font-weight: 500;
    font-size: 26px;
    color: #000;
    max-width: 590px;
    text-align: left;
  
  }
  
  .installment-image {
    overflow: hidden;
   
  }
  
  .installment-image img {
    width: 100%;
    height: auto;
    display: block;
  }
  
  .installment-features {
    display: flex;
    justify-content: space-between;
    align-items: center;
  }
  
  .feature-item {
    max-width: 253px;
  }
  
  
  .feature-icon {

    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
  }
  
  .feature-icon img {
    
    max-height: 160px;
    height: 160px;
  }
  
 
  
  .feature-text p {
    font-family: "Inter", sans-serif;
    font-weight: 400;
    font-size: 18px;
    text-align: center;
    color: #000;
    margin-top: 20px;
  }
  
  /* Адаптивность */
  @media (max-width: 968px) {
    .installment-main {
      gap: 40px;
    }
    
    .installment-features {
      grid-template-columns: 1fr;
      gap: 20px;
    }
  }
  
  @media (max-width: 768px) {
    .installment {
      padding: 60px 0;
    }
    
    .installment-title {
      font-size: 28px;
      margin-bottom: 30px;
    }
    
    .installment-main {
      grid-template-columns: 1fr;
      gap: 30px;
      margin-bottom: 40px;
    }
    
    .installment-subtitle {
      font-size: 16px;
      text-align: center;
    }
    
    .feature-item {
      padding: 20px;
    }
    
    .feature-text h3 {
      font-size: 16px;
    }
  }
  
  @media (max-width: 480px) {
    .installment {
      padding: 40px 0;
    }
    
    .installment-title {
      font-size: 24px;
    }
    
    .feature-item {
      flex-direction: column;
      align-items: center;
      text-align: center;
      gap: 15px;
    }
    
    .feature-icon {
      width: 40px;
      height: 40px;
    }
    
    
  }

/* section installment */



/* section work-steps */

.work-steps {
    padding: 8px 0 0 0;
    font-family: Arial, sans-serif;
  }
  
  .container-steps {
    max-width: 1200px;
    margin: 0 auto;
    padding: 0 20px;
  }
  
  .steps-title {
    text-align: center;
    font-family: "Montserrat", sans-serif;
    font-weight: 700;
    font-size: 50px;
    color: #333;
    margin-bottom: 40px;
  }
  
  .steps-grid {
    /* display: grid;
    grid-template-columns: 1fr auto 1fr auto 1fr auto; */
  
    gap: 20px;
  }
  
  .step-item {
    text-align: center;
    
  }
  
  .step-image {
    position: relative;
    margin-bottom: 20px;
    overflow: hidden;
    box-shadow: 0 4px 4px 0 rgba(0, 0, 0, 0.25);
  }
  
  .step-image img {
    width: 100%;
    height: 250px;
    object-fit: cover;
    display: block;
    transition: transform 0.3s ease;
  }
  
 

  
 
  
  .step-title {
    font-family: "Inter", sans-serif;
  font-weight: 400;
  font-size: 18px;
  text-align: center;
  color: #333;
  }
  
  .step-arrow {
    display: flex;
    align-items: center;
    justify-content: center;
  }
  
  .step-arrow svg {
    width: 73px;
    height: 57px;
    opacity: 0.7;
    transition: opacity 0.3s ease;
  }
  
  .step-item:hover ~ .step-arrow svg,
  .step-arrow:hover svg {
    opacity: 1;
  }
  .step-arrow-mob{
        display: none;
    }

  /* Адаптивность */
  @media (max-width: 968px) {
    .steps-grid {
      gap: 15px;
    }
    
    .step-image img {
      height: 220px;
    }
    
    .step-arrow svg {
      width: 40px;
    }
  }
  
  @media (max-width: 768px) {
    .work-steps {
      padding: 60px 0;
    }
    
    .steps-title {
      font-size: 28px;
      margin-bottom: 40px;
    }
    
    .steps-grid {
      grid-template-columns: 1fr;
      gap: 30px;
      max-width: 400px;
      margin: 0 auto;
    }
    
   
    .step-item{
        width: 100%;
      
    }
    .step-slide{
          position: relative;
    }
    
   /*  .step-arrow {
     display: none;
   } */
    
    .step-image img {
      height: 200px;
          object-fit:unset;
    }
    .step-arrow-desc{
        display: none;
    }
    .step-arrow{
        position: absolute;
        right: -4%;
         top: 43%;
        transform: translateY(-50%);
    }
    .step-arrow-mob{
        display: block;
        
    }
    .next-step-btn, .back-to-start-btn{
        background: transparent !important;
    }
    .step-title {
      font-size: 16px;
    }
    
  }
  
  @media (max-width: 480px) {
    .work-steps {
      padding: 20px 0 0 0;
    }
    
    .steps-title {
      font-size: 24px;
      margin-bottom: 20px;
    }
    
    .step-image img {
      height: 180px;
    }
    
    .step-number {
      width: 35px;
      height: 35px;
      font-size: 16px;
    }
  }

/* section work-steps */




/* section consultation */
.consultation {
    position: relative;
    padding: 80px 0 40px 0;
    min-height: 600px;
    display: flex;
    align-items: center;
    font-family: Arial, sans-serif;
    overflow: hidden;
  }
  
  .consultation-background {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
   
  }
  
  .consultation-background img {
    width: 100%;
    height: 100%;
    object-fit: cover;
  }
  
 
  
  .container-consultation {
    width: 1200px;
    max-width: 1200px;
    margin: 0 auto;
    padding: 0 20px;
    position: relative;
    max-height: 661px;
    height: 661px;

  }
  
  .consultation-content {
    color: white;
    text-align: center;
    position: relative;
    z-index: 2;
  }
  
  .consultation-title {
    font-family: "Montserrat", sans-serif;
    font-weight: 700;
    font-size: 50px;
    text-align: center;
    color: #333;
    margin-top: 104px;
  }
  
  .consultation-subtitle {
    font-weight: 600;
    font-size: 34px;
    text-align: center;
    color: #333;
    margin-top: 20px;
    font-family: "Montserrat", sans-serif;
  }
  .consultation-text{
    font-family: "Montserrat", sans-serif;
    font-weight: 500;
    font-size: 26px;
    text-align: center;
    color: #333;
    margin-top: 20px;
  }
  .consultation-form {
    max-width: 692px;
    padding: 40px 0;
    margin: 0 auto;
  }
  
  .consultation-form input{
    font-weight: 500;
    font-size: 16px;
    color: #333;
    
    box-shadow: 0 4px 4px 0 rgba(0, 0, 0, 0.25);
    font-family: "Montserrat", sans-serif !important;
  }
  
  .consultation-form .form-group{
    margin-bottom: 40px;
  }
  .consultation-form .form-checkboxes{
    margin-bottom: 20px;
  }
  .form-group input:focus {
    outline: none;
    background: white;
    border-color: #007bff;
    box-shadow: 0 0 0 3px rgba(0, 123, 255, 0.3);
  }
  
 .consultation-form .hero-form{
     max-width: 100%;
 }
  
  .form-checkboxes {
    margin-bottom: 25px;
    text-align: left;
  }
  

  
  .checkbox:hover {
    opacity: 0.8;
  }
  
  .checkbox input {
    display: none;
  }
  

 
  .btn-consultation {
    font-family: "Montserrat", sans-serif;
    width: 100%;
    padding: 16px;
    background: #2F80ED;
    color: white;
    border: none;
    font-size: 18px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s ease;
    font-weight: 600;
    font-size: 16px;
    color: #f0f2f5;
    border: 1px solid #2F80ED;
  }
  
  .btn-consultation:hover {
      box-shadow: 0 4px 4px 0 rgba(0, 0, 0, 0.25);
      background: #EAF4F2F5;
  color: #333;
  border: 1px solid #2F80ED;
  }
  
  /* Адаптивность */
  @media (max-width: 768px) {
    .consultation {
      padding: 60px 0;
      min-height: 500px;
    }
    
    .consultation-title {
      font-size: 32px;
    }
    
    .consultation-subtitle {
      font-size: 16px;
      margin-bottom: 30px;
    }
    
    .consultation-form {
      padding: 30px 25px;
    }
    
    .consultation-content {
      max-width: 100%;
    }
  }
  
  @media (max-width: 480px) {
    .consultation {
      padding: 40px 0;
      min-height: 400px;
    }
    
    .consultation-title {
      font-size: 28px;
    }
    
    .consultation-form {
      padding: 25px 20px;
    }
    
    .form-group input {
      padding: 12px 15px;
    }
    
    .btn-consultation {
      padding: 14px;
      font-size: 16px;
    }
  }

/* section consultation */



/* section popular-products */
.popular-products {
    padding: 40px 0 40px 0;
  }
  
  .container-popular {
    max-width: 1200px;
    margin: 0 auto;
  }
  
  .products-title {
    font-family: "Montserrat", sans-serif;
    font-weight: 700;
    font-size: 50px;
    color: #333;
    text-align: center;
    margin-bottom: 40px;  
  }
  
  .divider {
    height: 2px;
    background: #e9ecef;
    margin: 0 auto 50px;
    max-width: 200px;
  }
  
  .products-grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
    gap: 30px;
  }
  
  .product-card {
    background: #fafafa;
    border: 1px solid #2f80ed;
    overflow: hidden;
    transition: all 0.3s ease;
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.08);
    max-width: 378px;
  }
  
  .product-card:hover {
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.15);
    border-color: #007bff;
  }
  
  .product-image {
    height: 485px;
    max-height: 485px;
    overflow: hidden;
    display: flex;
    justify-content: center;
    align-items: center;
    }
  
  .product-image img {
    width: 100%;
    object-fit: cover;
    transition: transform 0.3s ease;
    width: 100%;
    max-width: 272px;
    max-height: 372px;
  }
  

  
  .product-content {
    padding: 25px 63px 20px 22px;
    background: rgba(234, 244, 242, 0.96);
  }
  
  .product-category {
    font-weight: 500;
    font-size: 26px;
    color: #000;
    font-family: "Montserrat", sans-serif;
    margin-bottom: 20px;
  }
  
  .product-name {
    font-weight: 300;
    font-size: 18px;
    color: #000;
    font-family: "Inter", sans-serif;
    margin-bottom: 15px;
   }
  
  .product-specs {
    margin-bottom: 20px;
  }
  
  .product-size {
    font-family: "Inter", sans-serif;
    font-weight: 300;
  font-size: 18px;
  color: #9ca3af;
  margin-bottom: 20px;
  }
  
  .product-includes {
    font-family: "Inter", sans-serif;
    font-weight: 400;
    font-size: 18px;
    color: #2f80ed;
    margin-bottom: 15px;
  }
  
  .includes-list {
    list-style: none;
    padding: 0;
    margin: 0;
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 5px;
  }
  
  .includes-list li {
    font-family: "Inter", sans-serif;
    font-weight: 400;
    font-size: 18px;
    color: #000;
    position: relative;
    padding-right: 12px;
  }

  .product-pricing {
    display: flex;
    align-items: center;
    gap: 10px;
    margin-bottom: 25px;
    padding: 10px 0;
    border-top: 1px solid #f1f3f4;
    border-bottom: 1px solid #f1f3f4;
  }
  
  .old-price {
    font-family: "Inter", sans-serif;
    font-weight: 400;
    font-size: 18px;
    text-decoration: line-through;
    color: #9ca3af;
  }
  
  .new-price {
    font-family: "Inter", sans-serif;
    font-weight: 500;
    font-size: 26px;
    color: #2f80ed;
    transform: translateY(-5px);
  }
  
  .product-order-btn {
    width: 100%;
    padding: 18px 0;
    background: #2F80ED;
    color: white;
    border: none; 
    width: 300px;
    max-width: 300px;
    text-align: center;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s ease;
    font-family: "Montserrat", sans-serif;
    font-weight: 600;
    font-size: 16px;
    color: #f0f2f5;
    border:1px solid #2F80ED;
  }
  
  .product-order-btn:hover {
      background: #EAF4F2F5;
  color: #333;
  border: 1px solid #2F80ED;
  box-shadow: 0 4px 4px 0 rgba(0, 0, 0, 0.25);
  }
  
  /* Адаптивность */
  @media (max-width: 768px) {
    .popular-products {
      padding: 60px 0;
    }
    
    .products-title {
      font-size: 28px;
    }
    
    .products-grid {
        display: block;
      grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
      gap: 20px;
    }
    
    .product-content {
      padding: 20px;
    }
    
    .product-name {
      font-size: 18px;
    }
  }
  
  @media (max-width: 480px) {
    .popular-products {
      padding: 40px 0;
    }
    
    .products-title {
      font-size: 24px;
    }
    
    .products-grid {
      grid-template-columns: 1fr;
    }
    
    .product-image {
      height: 515px;
    }
    
    .includes-list {
      grid-template-columns: 1fr;
    }
  }

/* section popular-products */



/* section products-auc */


.products-auc .product-card{
  border: none;
  box-shadow: none;
}
.products-auc .product-image img {
  max-width: 100%;
  max-height: 100%;
}
.products-auc .product-category {
  font-family: "Montserrat", sans-serif;
  font-weight: 400;
  font-size: 18px;
  color: #000;
}

.auc{
  margin: 0 auto;
  max-width: 1200px;
}

.slide {
  padding: 20px;
  background: #f8f9fa;
  margin: 0 10px;
  border-radius: 8px;
}

.slick-prev:before, 
.slick-next:before {
  display: none;
}

.slick-prev:before, 
.slick-next:before {
  display: none;
}

.slick-prev, 
.slick-next {
  width: 44px;
  height: 44px;
 
  border-radius: 50%;
 
  z-index: 1;
}


.slick-prev {
  left: -60px;
  background-image: url("data:image/svg+xml,%3Csvg width='44' height='44' viewBox='0 0 44 44' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M44 0H0V44H44V0Z' fill='white' fill-opacity='0.01'/%3E%3Cpath d='M22 40.3337C32.1252 40.3337 40.3333 32.1256 40.3333 22.0003C40.3333 11.8751 32.1252 3.66699 22 3.66699C11.8747 3.66699 3.66663 11.8751 3.66663 22.0003C3.66663 32.1256 11.8747 40.3337 22 40.3337Z' stroke='%232F80ED' stroke-width='2' stroke-linejoin='round'/%3E%3Cpath d='M30.7159 22.458H14.2159' stroke='%232F80ED' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M22.4659 14.208L14.2159 22.458L22.4659 30.708' stroke='%232F80ED' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") !important;
  background-repeat: no-repeat;
  background-position: center;
  background-size: 44px;
}

.slick-slide {
  margin: 0 11px;
  min-width: 385px;
}

.slick-list {
  margin-left: -11px;
  margin-right: -11px;
}
.slick-next {
  right: -60px;
  background-image: url("data:image/svg+xml,%3Csvg width='44' height='44' viewBox='0 0 44 44' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M44 0H0V44H44V0Z' fill='white' fill-opacity='0.01'/%3E%3Cpath d='M22 40.3337C32.1252 40.3337 40.3333 32.1256 40.3333 22.0003C40.3333 11.8751 32.1252 3.66699 22 3.66699C11.8747 3.66699 3.66663 11.8751 3.66663 22.0003C3.66663 32.1256 11.8747 40.3337 22 40.3337Z' stroke='%232F80ED' stroke-width='2' stroke-linejoin='round'/%3E%3Cpath d='M13.2841 22.458H29.7841' stroke='%232F80ED' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M21.5341 14.208L29.7841 22.458L21.5341 30.708' stroke='%232F80ED' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") !important;
  background-repeat: no-repeat;
  background-position: center;
  background-size: 44px;
}


/* section products-auc */



/* section reviews */

.reviews-container{
  padding-top: 40px;
  padding-bottom: 40px;
}
.rev{
 
    margin: 0 auto;
    max-width: 1200px;
  
}
.reviews-title{
  font-family: "Montserrat", sans-serif;
  text-align: center;
font-weight: 700;
font-size: 50px;
color: #000;
margin-bottom: 40px;
}
.rev-item{

}

/* 
section reviews */



/* section gallery */

.gallery-container{
  padding-top: 40px;
  padding-bottom: 40px;
}
.gal{
 
    margin: 0 auto;
    max-width: 1200px;
  
}
.gallery-title{
  font-family: "Montserrat", sans-serif;
  text-align: center;
  font-weight: 700;
  font-size: 50px;
  color: #000;
  margin-bottom: 40px;
}
.gal-item{

}

/* section gallery */


/* section faq */

.faq {
  padding: 40px 0;

}

.faq-container {
  max-width: 1200px;
  margin: 0 auto;
}

.faq-title {
  text-align: center;
  font-weight: 700;
  font-size: 50px;
  color: #000;
  font-family: "Montserrat", sans-serif;
  margin-bottom: 40px;
}

.faq-list {

  overflow: hidden;
}

.faq-item {
  margin-bottom: 12px;
  overflow: hidden;
}

.faq-item:last-child {
  margin-bottom: 0;
}

.faq-question {
  display: flex;
  justify-content: space-between;
  align-items: center;
  cursor: pointer;
  font-family: "Manrope", sans-serif;
  font-weight: 400;
  font-size: 18px;
  color: #000;
  padding: 16px;
  background: white;
  transition: background 0.3s;
  border: 0.25px solid #000;
}

.faq-question:hover {
  background: #f8f9fa;
}

.faq-question h3 {
  margin: 0;
  font-size: 18px;
  font-weight: 400;
  color: #333;
  flex: 1;
}

.faq-icon {
  transition: transform 0.3s ease;
  margin-left: 15px;
  flex-shrink: 0;
}

.faq-item .faq-answer .faq-icon {
  transform: rotate(180deg);
}

.faq-answer {
  max-height: 0;
  overflow: hidden;
  
  background: white;
  transition: 0.3s;
  
   display: flex;
  justify-content: space-between;
  align-items: center;
  cursor: pointer;
  font-family: "Manrope", sans-serif;
  font-weight: 400;
  font-size: 18px;
  color: #000;

  background: white;

  
}

.faq-item.active .faq-answer {
    margin-top: 20px;
  max-height: 1000px; /* Большое значение для плавности */
  border: 0.75px solid #2f80ed;
  padding: 16px;
}

.faq-answer .faq-content {


}

.faq-answer p {
  margin: 0;
  font-family: "Manrope", sans-serif;
  font-weight: 400;
  font-size: 18px;
  color: #000;
  line-height: 1.5;
}

.footer{
  padding-bottom: 0;
}
.footer-bottom{
    padding-bottom: 115px;
}
.footer-container {
  max-width: 1200px;
  margin: 0 auto;
}

.footer-content {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 50px;
  margin-bottom: 40px;
}

.footer-section {
  margin-bottom: 20px;
  display: flex;
}

.footer-section:last-child {
  margin-bottom: 0;
}

.footer-title {
  font-size: 16px;
  font-weight: 600;
  margin-bottom: 8px;
  color: #ecf0f1;
}

.footer-text {
  font-family: "Inter", sans-serif;;
font-weight: 400;
font-size: 14px;
color: #000;
}

.footer-phones {
  justify-self: end;
}

.phone-numbers {
  display: flex;
  flex-direction: column;
  gap: 20px;
}

.phone-link {
  display: flex;
  align-items: center;
  gap: 10px;
  color: #ecf0f1;
  text-decoration: none;
  font-size: 15px;
  transition: color 0.3s ease;
  font-family: "Inter", sans-serif;
  font-weight: 400;
  font-size: 14px;
  color: #000;
}

.phone-link:hover {
  color: #007bff;
}

.phone-icon {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 16px;
  height: 16px;
  flex-shrink: 0;
}

.phone-icon svg {
  width: 100%;
  height: 100%;
}
.footer-social{
  margin-top: 46px;
}
.footer-copyright{
  margin-bottom: 20px;
  font-family: "Inter", sans-serif;
  font-weight: 400;
  font-size: 14px;
  color: #000;
}
.footer-bottom {
  display: flex;
  flex-direction: column;
  /* justify-content: space-between; */
  align-items: center;
  padding-top: 45px;
  border-top: 1px solid rgba(255, 255, 255, 0.1);
  font-size: 14px;
  color: #bdc3c7;
}

.footer-links {
  display: flex;
  flex-direction: column;
  gap: 20px;
  
}

.footer-link {
  font-family: "Inter", sans-serif;
  font-weight: 400;
  font-size: 14px;
  color: #000;
  transition: color 0.3s ease;
  text-align: center;
}

.footer-link:hover {
  color: #2F80ED;
}

.footer-btn{
  display: flex;
  justify-content: flex-end;
}

/* Адаптивность */
@media (max-width: 768px) {
  .footer {
    padding: 40px 0 20px;
  }
  
  .footer-content {
    grid-template-columns: 1fr;
    gap: 30px;
  }
  
  .footer-phones {
    justify-self: start;
  }
  
  .footer-bottom {
    flex-direction: column;
    gap: 15px;
    text-align: center;
  }
  
  .footer-links {
    flex-direction: column;
    gap: 10px;
  }
}

@media (max-width: 480px) {
  .footer-content {
    gap: 25px;
  }
  
  .footer-title {
    font-size: 15px;
  }
  
  .footer-text,
  .phone-link {
    font-size: 14px;
  }
}

/* Адаптивность */
@media (max-width: 768px) {
  .faq {
    padding: 60px 0;
  }
  
  .faq-title {
    font-size: 28px;
  }
  
  .faq-question {
    padding: 20px;
  }
  
  .faq-question h3 {
    font-size: 16px;
  }
  
  .faq-answer p {
    padding: 0 20px 20px;
  }
}

/* section faq */



/* section about */

.about-container{
  margin-top: 40px;
  max-width: 1200px;
  margin: 0 auto;
  margin-bottom: 40px;
  padding-top: 40px;
}
.about-title{
  text-align: center;
  font-family: "Montserrat", sans-serif;
font-weight: 700;
font-size: 50px;
color: #333;
margin-bottom: 40px;
}
.about-content{
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.about-description{
max-width: 482px;
}
.about-description p {
  width: 100%;
  font-family: "Inter", sans-serif;
  font-weight: 400;
  font-size: 18px;
  color: #333;
}
.about-image{
  margin-right: 67px;
  max-width: 249px;
  max-height: 244px;
}
.about-image img{

}
/* section about */

/* section sertificat */

.sertificat-container{
  margin-top: 40px;
  padding-bottom: 40px;
}
.ser{
 
    margin: 0 auto;
    max-width: 1200px;
  
}
.sertificat-title{
  font-family: "Montserrat", sans-serif;
  text-align: center;
font-weight: 700;
font-size: 50px;
color: #333;
margin-bottom: 40px;
}
.ser-item{

}
/* section sertificat */


/* section bid */
.bid-wrapp{
  background-color: #EAF4F280;
  padding-bottom: 47px  ;
  background-image: url('images/Rectangle3.png');
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
}
.bid-container{
  max-width: 1200px;
  margin: 0 auto;
  margin-bottom: 40px;
  display: flex;
  align-items: center;
  justify-content: space-between;

}
.bid-content{
  
 
}
.bid-title{
  text-align: center;
  font-family: "Manrope", sans-serif;
  font-weight: 400;
  font-size: 50px;
  color: #333;
  padding-top: 30px;
}
.bid-text{
  font-family: "Inter", sans-serif;
  font-weight: 400;
  font-size: 18px;
  color: #333;
  max-width: 386px;
  margin-top: 20px;
}

.bid-form{
  max-width: 590px;
  width: 100%;
  padding-top: 88px;
}
.text-under{
  margin-top: 20px;
  font-family: "Inter", sans-serif;
  font-weight: 400;
font-size: 14px;
color: #333;
  text-align: center;
}
/* section bid */

/* footer */

.footer{
  margin-top: 80px;
}

/* footer */


.footer-container{
  
}
.footer-line{
  box-shadow: 0 4px 4px 0 rgba(0, 0, 0, 0.25);
  margin-bottom: 68px;
}
.footer__menu {
  display: flex;
  align-items: center;
  justify-content: space-between;
  list-style: none;
  padding: 31px 70px 32px 275px;
  
  
  position: relative;
}
.footer__logo-image{
  position: absolute;
  max-width: 150px;
  width: 150px;
  height: 111px;
  left: 18px;
}
.footer__menu-item {}

.footer__menu-link {
  color: #333333;
  transition: 0.3s;
  font-size: 14px;
  font-family: "Inter", sans-serif;
  font-weight: 400;
 
}
.footer__menu-link:hover{
  color: #2F80ED;
  font-size: 14px;
  
  font-weight: 400;
}


.footer-container {
  max-width: 1200px;
  margin: 0 auto;
}

.footer-content {
  display: grid;
  grid-template-columns: 1fr auto 1fr;
  align-items: start;
  gap: 40px;
  margin-bottom: 40px;
}

.footer-title {
  font-size: 20px;
  font-weight: 600;
  margin-bottom: 25px;
  color: #000;
}



/* Адаптивность */
@media (max-width: 768px) {
  .footer {
    padding: 40px 0 20px;
  }
  
  .footer-content {
    grid-template-columns: 1fr;
    gap: 30px;
  }
  
  .footer-divider {
    width: 100%;
    height: 1px;
    margin: 10px 0;
  }
  
  .footer-bottom {
    flex-direction: column;
    gap: 15px;
    text-align: center;
  }
  
  .footer-links {
    flex-direction: column;
    gap: 10px;
  }
}

@media (max-width: 480px) {
  .footer-content {
    gap: 25px;
  }
  
  .footer-title,
  .form-title {
    font-size: 18px;
  }
  
  .phone-link {
    font-size: 14px;
  }
}

/* Адаптивность */
@media (max-width: 768px) {
    .services-grid {
      grid-template-columns: repeat(2, 1fr);
      gap: 15px;
    }
  }
  
  @media (max-width: 480px) {
    .services-grid {
      grid-template-columns: 1fr;
    }
    
    .service-item {
      height: 150px;
    }
  }
  
  
/*   404 style */


.error-404-page {
    padding: 60px 0;
    text-align: center;
    margin: 0 auto;
    max-width: 1920px;
    padding-top: 281px;
}
.error-content {
    max-width:1200px;
    margin: 0 auto;
}
.error-content h1 {
    font-size: 50px;
    font-weight: 700;
    
    color: #333;
    margin-bottom: 20px;
    font-family: "Montserrat", sans-serif ;
}

.error-content p {
    font-size: 1.2em;
    color: #666;
    margin-bottom: 30px;
    font-family: "Montserrat", sans-serif ;
}

.error-actions {
    margin-top: 40px;
}

.btn-error {
    display: inline-block;
    color: #333333;
    text-decoration: underline;
    font-family: "Montserrat", sans-serif ;
    font-size: 26px;
    font-weight: 500;
}

.btn-primary:hover {
    background: #005a87;
}
/* Стили для кнопки с подчеркиванием и отступом */
.btn-error {
    text-decoration: none;
    position: relative;
    display: inline-block;
}

.btn-error::after {
    content: '';
    position: absolute;
    left: 0;
    bottom: 2px; /* Расстояние между текстом и подчеркиванием */
    width: 100%;
    height: 2px;
    background-color: #333;
    opacity: 0.7;
    transition: opacity 0.3s ease;
}

.btn-error:hover::after {
    opacity: 1;
}

/* Убрать стандартное подчеркивание при hover */
.btn-error:hover {
    text-decoration: none;
}


/* 
politics */



/* Основные стили для страницы политики */
.policy-page {
    max-width: 1200px;
    margin: 0 auto;
    padding: 40px 20px;
    font-family: Arial, sans-serif;
    line-height: 1.6;
}

.policy-content {
    padding-top: 241px;
    border-radius: 8px;
    max-width: 1200px;
    margin:0 auto;
    font-weight: 400;
    font-size: 18px;
    color: #000;
       font-family: Arial, sans-serif;
}

/* Сохранение пробелов и переносов */
.policy-content {
    white-space: normal;
    word-wrap: break-word;
    overflow-wrap: break-word;
}

/* Заголовки */
.policy-content h1 {
    color: #2c3e50;
    text-align: center;
    margin-bottom: 40px;
    font-size: 28px;
    font-weight: 700;
    border-bottom: 2px solid #3498db;
    padding-bottom: 15px;
}

.policy-content h2 {
    color: #2c3e50;
    margin: 35px 0 20px 0;
    font-size: 22px;
    font-weight: 600;
}

.policy-content h3 {
    color: #34495e;
    margin: 25px 0 15px 0;
    font-size: 18px;
    font-weight: 600;
}

/* Параграфы с правильными отступами */
.policy-content p {
    margin-bottom: 20px;
    text-align: justify;
    font-size: 16px;

}

/* Списки */
.policy-content ul, 
.policy-content ol {
    margin: 20px 0;
    padding-left: 30px;
}

.policy-content li {
    margin-bottom: 12px;
    font-size: 16px;
    line-height: 1.6;
}

/* Особые стили для нумерованных списков в политике */
.policy-content ol {
    counter-reset: item;
}

.policy-content ol > li {
    display: block;
    margin-bottom: 15px;
}

.policy-content ol > li:before {
    content: counters(item, ".") ". ";
    counter-increment: item;
    font-weight: bold;
    color: #2c3e50;
}

/* Вложенные списки */
.policy-content ol ol {
    margin: 10px 0;
    padding-left: 25px;
}

.policy-content ol ol > li {
    margin-bottom: 8px;
}

/* Выделение терминов */
.policy-content strong {
    color: #2c3e50;
    font-weight: 600;
}

/* Кавычки и специальные элементы */
.policy-content em {
    font-style: italic;
    color: #555;
}

/* Блоки с определениями */
.policy-term {
    background: #f8f9fa;
    padding: 15px;
    border-left: 4px solid #3498db;
    margin: 15px 0;
    border-radius: 4px;
}

/* Адаптивность */
@media (max-width: 768px) {
    .policy-page {
        padding: 20px 15px;
    }
    
    .policy-content {
        padding: 25px 20px;
    }
    
    .policy-content h1 {
        font-size: 24px;
    }
    
    .policy-content h2 {
        font-size: 20px;
    }
    
    .policy-content h3 {
        font-size: 18px;
    }
    
    .policy-content p,
    .policy-content li {
        font-size: 15px;
    }
}

/* Для очень маленьких экранов */
@media (max-width: 480px) {
    .policy-content {
        padding: 20px 15px;
    }
    
    .policy-content h1 {
        font-size: 22px;
    }
    
    .policy-content ul,
    .policy-content ol {
        padding-left: 20px;
    }
}


/* cookie */



/* Основные стили для страницы политики cookie */
.cookie-policy-page {
    max-width: 1200px;
    margin: 0 auto;
    font-family: Arial, sans-serif;
    line-height: 1.6;
}

.cookie-policy-content {
    padding-top: 241px;
    border-radius: 8px;
    max-width: 1200px;
    margin: 0 auto;
    font-weight: 400;
    font-size: 18px;
    color: #000;
    font-family: Arial, sans-serif;
}

/* Убираем все отступы как в дизайне */
.cookie-policy-content h1 {
    color: #2c3e50;
    text-align: center;
    margin-bottom: 0;
    font-size: 28px;
    font-weight: 700;
    border-bottom: none;
    padding-bottom: 0;
}

.cookie-policy-content h2 {
    color: #2c3e50;
    margin: 0 0 0 0;
    font-size: 22px;
    font-weight: 600;
}

.cookie-policy-content h3 {
    color: #34495e;
    margin: 0 0 0 0;
    font-size: 18px;
    font-weight: 600;
}

/* Параграфы без отступов */
.cookie-policy-content p {
    margin-bottom: 0;
    text-align: left;
    font-size: 16px;
}

/* Списки без отступов */
.cookie-policy-content ul, 
.cookie-policy-content ol {
    margin: 0 0 0 0;
    padding-left: 25px;
}

.cookie-policy-content li {
    margin-bottom: 0;
    font-size: 16px;
    line-height: 1.6;
}

/* Особые стили для нумерованных списков */
.cookie-policy-content ol {
    counter-reset: item;
}

.cookie-policy-content ol > li {
    display: block;
    margin-bottom: 0;
}

.cookie-policy-content ol > li:before {
    content: counters(item, ".") ". ";
    counter-increment: item;
    font-weight: bold;
    color: #2c3e50;
}

/* Вложенные списки без отступов */
.cookie-policy-content ol ol {
    margin: 0 0 0 0;
    padding-left: 25px;
}

.cookie-policy-content ol ol > li {
    margin-bottom: 0;
}

/* Выделение терминов */
.cookie-policy-content strong {
    color: #2c3e50;
    font-weight: 600;
}

/* Кавычки и специальные элементы */
.cookie-policy-content em {
    font-style: italic;
    color: #555;
}

/* Блоки с определениями без отступов */
.cookie-term {
    background: #f8f9fa;
    padding: 15px;
    border-left: 4px solid #3498db;
    margin: 0 0 0 0;
    border-radius: 4px;
}

/* Адаптивность */
@media (max-width: 768px) {
    .cookie-policy-page {
        padding: 20px 15px;
    }
    
    .cookie-policy-content {
        padding: 25px 20px;
    }
    
    .cookie-policy-content h1 {
        font-size: 24px;
    }
    
    .cookie-policy-content h2 {
        font-size: 20px;
    }
    
    .cookie-policy-content h3 {
        font-size: 18px;
    }
    
    .cookie-policy-content p,
    .cookie-policy-content li {
        font-size: 15px;
    }
}

/* Для очень маленьких экранов */
@media (max-width: 480px) {
    .cookie-policy-content {
        padding: 20px 15px;
    }
    
    .cookie-policy-content h1 {
        font-size: 22px;
    }
    
    .cookie-policy-content ul,
    .cookie-policy-content ol {
        padding-left: 20px;
    }
}



/* 
адаптив мобилка */



/* Бургер-кнопка */
.burger-menu {
    width: 30px;
    height: 30px;
    background: none;
    border: none;
    cursor: pointer;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 3px;
    padding: 0;
}

.burger-menu span {
    display: block;
    height: 3px;
    width: 100%;
    background: #2c3e50;
    border-radius: 2px;
    transition: all 0.3s ease;
}
.burger-btn {
   
}

.dot {
    width: 4px;
    height: 4px;
    background-color: #000;
    border-radius: 50%;
    display: block;
}
/* Бургер-меню */
.burger-nav {
    position: fixed;
    top: 0;
    right: -100%;
    width: 100%;
    height: 100vh;
    background: rgba(255, 255, 255, 0.98);
    z-index: 1000;
    transition: right 0.4s ease;
    overflow-y: auto;
}

.burger-nav.active {
    right: 0;
}

.burger-nav__content {
    padding: 30px 10px 8px;
    margin: 0 auto;
    position: relative;
}

/* Кнопка закрытия */
.burger-close {
    position: absolute;
    top: 20px;
    right: 20px;
    background: none;
    border: none;
    font-size: 30px;
    color: #2c3e50;
    cursor: pointer;
    width: 40px;
    height: 40px;
    display: flex;
    align-items: center;
    justify-content: center;
}

/* Список меню */
.burger-menu__list {
    list-style: none;
    padding: 0;

}



.burger-menu__list a {
    display: block;
    padding: 12px 0;
    font-size: 18px;
    color: #2c3e50;
    text-decoration: none;
    transition: color 0.3s ease;
    text-align: center;
    font-weight: 500;
    font-size: 20px;
    color: #333;
    font-family: "Montserrat", sans-serif;;
}

.burger-menu__list a:hover {
    color: #3498db;
}

/* Контакты в меню */
.burger-contacts {

    padding-top: 30px;
}

.burger-phone {
    margin-bottom: 13px;
    display: flex;
    align-items: center;
    justify-content: center;

}

.burger-phone a {
    position: relative;
    font-size: 16px;
    color: #2c3e50;
    text-decoration: none;
    display: block;
    font-weight: 500;
    font-size: 20px;
    color: #000;
    font-family:"Montserrat", sans-serif ;
}
    .phone-link-svg::before {
    content: '';
    position: absolute;
    left: -60px;
    top: 50%;
    transform: translateY(-50%);
    width: 65px;
    height: 65px;
    background-image: url("data:image/svg+xml,%3Csvg width='44' height='44' viewBox='0 0 44 44' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M33.4336 35C20.1029 35.0189 9.98575 24.7805 10 11.5664C10 10.7035 10.6996 10 11.5625 10H15.6865C16.4608 10 17.1186 10.569 17.2323 11.3349C17.5049 13.1706 18.0393 14.9578 18.8195 16.6417L18.9801 16.9883C19.2033 17.4702 19.052 18.0427 18.6198 18.3514C17.3427 19.2634 16.8546 21.0993 17.8495 22.5318C19.0981 24.3294 20.672 25.903 22.4692 27.151C23.9016 28.1456 25.7372 27.6576 26.6492 26.3807C26.9581 25.9483 27.531 25.7969 28.0131 26.0202L28.3581 26.18C30.0422 26.9601 31.8295 27.4946 33.6654 27.7671C34.4313 27.8808 35 28.5386 35 29.3129V33.4375C35 34.3004 34.2987 35 33.4358 35L33.4336 35Z' fill='%232F80ED'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;

}

.burger-callback {
    width: 100%;
    padding: 15px;
    background: #3498db;
    color: white;
    border: none;
    border-radius: 5px;
    font-size: 16px;
    cursor: pointer;
    margin-top: 20px;
    transition: background 0.3s ease;
}

.burger-callback:hover {
    background: #2980b9;
}
.burger-menu{
    display: none;
}
.phone-svg{
    display: none;
}
.title-intro-mob{
    display: none;
}
.footer-info-mob{
    display: none;
}
/* Адаптивность */

@media(max-width:1820px){
    
    .header__bottom, .header__top{
        padding: 31px 61px;
    }
    .header__logo{
        top:0;
    }
    
}


@media(max-width:1580px){
    .wind-one{
        display:none;
    }
    .stiker{
        
        right: 50px;
    }
}

@media(max-width:1330px){
 /*    *{
     border:1px solid red;
     
 } */
    .header__bottom{
        padding: 31px 10px;
        
    }
   
    
}
@media(max-width:1200px){
    .header__top{
        padding: 60px 10px;
    }
    .bg-intro{
            width: 70%;
            height: 70%;
    }
}

@media (max-width: 1023px) {
    .burger-menu {
        display: flex;
    }
    
  
    .header__recall-button, .header__slogan, .header__bottom{
        display:none;
    }
    
    .header__top{
        background: #fff;
        box-shadow: 0 4px 4px 0 rgba(0, 0, 0, 0.25);
    }
    
     .triange{
        display: none;
    }
    .bg-intro{
            width: 50%;
            height: 50%;
    }
    .phone-svg{
    display: block;
}
}
@media (min-width: 768px) and (max-width: 1024px) {
         .rev {
    width: 100%;
    padding: 0 10px; /* Отступы по краям контейнера */
    box-sizing: border-box;
}

.rev .slick-list {
/*     margin: 0 -5px; */ /* Компенсируем половину отступа между слайдами */
}

.rev .slick-slide {
    padding: 0 5px; /* Половина отступа между слайдами */
    box-sizing: border-box;
}

.rev .slick-slide img {
    width: 100%; /* Картинка занимает всю ширину слайда */
    height: auto;
    display: block;
}

    
    
    
    .ser {
    width: 100%;
    padding: 0 10px; /* Отступы по краям контейнера */
    box-sizing: border-box;
}

.ser .slick-list {
 /*    margin: 0 -5px; */ /* Компенсируем половину отступа между слайдами */
}

.ser .slick-slide {
   /*  padding: 0 5px; */ /* Половина отступа между слайдами */
    box-sizing: border-box;
}

.ser .slick-slide img {
    width: 100%; /* Картинка занимает всю ширину слайда */
    height: auto;
    display: block;
}
    
    
    
    
    
        .auc {
    width: 100%;
    padding: 0 10px; /* Отступы по краям контейнера */
    box-sizing: border-box;
}

.auc .slick-list {
   /*  margin: 0 -5px;  *//* Компенсируем половину отступа между слайдами */
}

.auc .slick-slide {
    padding: 0 5px; /* Половина отступа между слайдами */
    box-sizing: border-box;
}

.auc .slick-slide img {
    width: 100%; /* Картинка занимает всю ширину слайда */
    height: auto;
    display: block;
}
    
}

@media(max-width:1000px){
    
    
   
    
    /* Стили для точек Slick Slider */
 .slick-dots {
    display: flex !important;
    justify-content: center;
    list-style: none;
    padding: 0;
    margin: 20px 0 0 0;
    gap: 3px;
}

 .slick-dots li {
    margin: 0;
}

/* Неактивная точка */
 .slick-dots li button {
    width: 9px;
    height: 9px;
    padding: 0;
    border: none;
    border-radius: 50%;
    background-color: #9ca3af;
    cursor: pointer;
    font-size: 0;
    color: transparent;
    transition: all 0.3s ease;
}

/* Активная точка */
 .slick-dots li.slick-active button {
    background-color: #2f80ed;
  
}
.slick-dots li{
    width: 9px !important;
    height: 9px !important
    ;
}
/* Ховер эффект */
 .slick-dots li button:hover {
    background-color: #6b7280;
}

.slick-dots li button:before{
    color: transparent !important;
}






}
.bg-con-mob{
    display: none;
}
@media (max-width: 767px) {
   
    .burger-nav__content {
        padding: 30px 10px 8px;
    }
    
    .burger-menu__list a {
        
        padding:0 0 20px 0  ;
    }
    .recall-button-mb{
        display: block !important;
        margin: 40px auto 0;
        width: 100%;
    }
    .icon-berger-mob{
            width: 55px;
    display: block;
    height: 55px;
    margin: 40px auto 0;
    
    }
    .header__logo{
        max-width: 79px;
        height: 52px;
        position: relative;
        -webkit-box-shadow: 0px 9px 10px 0px rgba(0, 0, 0, 0.2);
    }
    .header__top{
        padding: 0 10px 8px 9px;
    }
    .intro{
        padding-top: 0;
    }
    .hero-title{
        margin-top: 0;
    }
    .hero{
        padding-top: 99px;
    }
    .header__phone, .burger-menu{
        padding-top: 8px;
    }
    .stiker{
            position: fixed;
            right: 26px;
            top: 77px;
            z-index: 9;
            width: 50px;
            height: 50px;
    }
    .intro{
        background-image: url(./images/unsplash_-CAd9mMWm3k.png);
        min-height: auto;
    }
    .header__phone{
        font-size: 14px;
    }
    .hero-title{
        font-size: 28px;
text-align: center;
padding: 0 20px;
margin-bottom: 20px;
    }
    .hero-features{
        font-size: 20px;
    }
    .hero-subtitle{
        display: none;
    }
    .form-agreement .wpcf7-list-item-label:before {
            border: 1px solid #fff
    }
    .hero{
        min-height: auto;
    }
    .title-intro-desc{
        display: none;
    }
    .title-intro-mob{
        display: block;
        position: static;
        transform: translateX(-0%);
        text-align: center;
        font-weight: 700;
        font-size: 28px;
        margin-top: 40px;
        left: 0;
    }
    .services-grid{
                padding: 20px 10px 0;
    }
    .service-item{
        height: 275px;
            max-width: 100%;
        width: 100%;
        padding: 0 17px;
      
        align-items: flex-end;
    }
    .measure{
        opacity: 1;
        width: calc(100% - 34px);
        max-width: 100%;
        bottom: 12px;
    }
    .service-content{
        width: 100%;
        max-width: 100%;
    }
    .service-content{
        margin-bottom: 72px;
        font-size: 16px;
    }
    .poducts{
        padding-bottom: 0;
    }
    .work-intro{
       margin: 12px auto 12px;
    }
    .works-bg{
        background: #fafafa;
    }
    .works-grid{
        padding: 8px 10px 0;
    }
    .work-item__image{
        height: 190px !important;
    }
    .work-item__content{
        padding: 12px 0;
    }
    .work-item__title{
        margin-top: 0;
        font-weight: 400;
font-size: 16px;
margin-bottom: 12px;
    }
    .work-item__desc{
        margin-top: 0;
    }
    .our-works{
        padding-bottom: 0 !important;
    }
    .installment-title span, .installment-title{
        font-weight: 700;
font-size: 28px;
    }
    .container-installment{
        padding: 0 10px;
    }
    .installment-title{
        margin-bottom: 12px;
    }
    .installment-image{
        display: none;
    }
    .container-consultation{
        padding: 0 10px;
    }
    .bg-con-mob{
        display: block;
    }
    .bg-con-desc{
        display: none;
    }
    .consultation-title{
        margin-top: 0;
        font-weight: 700;
    }
    .consultation-subtitle{
        margin: 12px 0;
        font-weight: 600;
        font-size: 24px;
        text-align: left;
        max-width: 300px;
    }
    .consultation-text{
        font-weight: 500;
    font-size: 20px;
    text-align: left;
    margin-top: 0;
    }
    .consultation-form{
        padding: 20px 0;
        padding-bottom: 40px;
    }
    .consultation-form .form-group{
        margin-bottom: 30px;
    }
   .container-consultation{
       height: auto;
   }
   .faq{
       padding: 0 10px 0;
   }
   .slick-dotted.slick-slider{
       margin-bottom: 0 !important;
   }
   .faq-item{
       padding: 5px 24px;
   }
   .faq-question, .faq-answer p{
       padding: 0;
      
   }
   .faq-question h3, .faq-answer p{
           font-weight: 400;
    font-size: 16px;
     color: #000;
   }
   .about-title{
       font-weight: 700;
        font-size: 28px;
        margin-bottom: 20px;
   }
   .about-content{
       display: block;
   }
   .about-description p {
       padding: 0 10px;
       font-weight: 400;
        font-size: 16px;
        color: #333;
   }
   .about-image{
       margin: 20px auto 0;
       width: 166px;
    height: 163px;
   }
   .about-image img{
       width: 100%;
       height: 100%;
   }
   
   .bid-container{
       display: block;
       padding: 0 10px;
   }
   .bid-wrapp{
           background-image: url(images/mov-con.png);
   }
   .bid-title{
       font-weight: 700;
    font-size: 28px;
    text-align: center;
   }
   .bid-form{
       padding-top: 20px;
   }
   .checkmark{
       border: 0.25px solid #2f80ed;
   }
   .form-group>input::placeholder{
    color: #9ca3af;;
    opacity: 1;
  }
  .text-under{
       padding-bottom: 20px;
  }
  .form-checkboxes{
      margin-bottom: 20px;
     
  }
  .bid-wrapp{
      padding-bottom: 0;
  }
  .footer-container{
      flex-direction: column;
      align-items:flex-start;
      width: 100%;
      margin: 0;
  }
  .footer__menu-item{
  margin-bottom:12px;
      font-weight: 400;
font-size: 14px;
  }
  .footer__menu{
      padding: 0;
  }
  .footer__logo-image{
      position: static;
      width: 79px;
    height: 52px;
    box-shadow: 0 4px 4px 0 rgba(0, 0, 0, 0.25);
    margin-bottom: 20px;
  }
  .footer__logo-image img{
      width: 100%;;
  }
  .footer-line{
      box-shadow: none;
  }
  .footer{
      display: flex;
      padding: 52px 10px 0;
      margin-top: 0;
      justify-content: space-between;
  }
  .footer-content{
      display: flex;
      flex-direction: column-reverse;
      align-items: flex-end;
      gap: 0;
  }
  .recall-button-fot{
      display: block!important;
  }
  .bid-container{
      margin-bottom: 0;
  }
   .footer-btn{
       margin-bottom: 27px;;
   }
  .footer-btn, .recall-button-fot{
      width: 100%;
  }
  .phone-link:first-of-type{
      position: relative;
  }
  .phone-link:first-of-type::before{
     content: '';
    position: absolute;
    left: -40px;
    top: 50%;
    transform: translateY(-50%);
    width: 44px;
    height: 44px;
    background-image: url("data:image/svg+xml,%3Csvg width='44' height='44' viewBox='0 0 44 44' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M33.4336 35C20.1029 35.0189 9.98575 24.7805 10 11.5664C10 10.7035 10.6996 10 11.5625 10H15.6865C16.4608 10 17.1186 10.569 17.2323 11.3349C17.5049 13.1706 18.0393 14.9578 18.8195 16.6417L18.9801 16.9883C19.2033 17.4702 19.052 18.0427 18.6198 18.3514C17.3427 19.2634 16.8546 21.0993 17.8495 22.5318C19.0981 24.3294 20.672 25.903 22.4692 27.151C23.9016 28.1456 25.7372 27.6576 26.6492 26.3807C26.9581 25.9483 27.531 25.7969 28.0131 26.0202L28.3581 26.18C30.0422 26.9601 31.8295 27.4946 33.6654 27.7671C34.4313 27.8808 35 28.5386 35 29.3129V33.4375C35 34.3004 34.2987 35 33.4358 35L33.4336 35Z' fill='%232F80ED'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
  }
  .header-phones .phone-link:first-of-type::before{
      display: none;
  }
  .header-phones {
      padding: 5px 0;
  }
  .footer-social{
      
      margin-top: 12px;
  }
  .footer-info-desc .footer-section{
      display: none;
  }
  .footer-line{
      margin-bottom: 0;
  }
  .footer-info-mob{
      display: block;
      padding: 0 10px;
      margin-top: 33px;
  }
  .footer-section{
      margin-bottom: 12px;
  }
  .footer-bottom{
     padding-top: 12px;
     gap: 0;
  }
  .footer-links {
   
      gap: 0;
      
  }
  .footer-links a{
      display: block;
         margin-bottom: 20px;
  }
   .footer-links a:last-child{
       margin-bottom: 13px;
   }
    .bg-intro{

            filter: blur(102.5px);
    }
    
    

/*     .step-arrow{
    display: none !important;
}
 */
    .footer-bottom{
    padding-bottom: 12px;
    }
    
    
    
    .slick-list{
        margin: 0 10px !important;
    }
    .bid-form .form-agreement .wpcf7-list-item-label:before, .consultation-form .form-agreement .wpcf7-list-item-label:before{
        border: 1px solid #007bff;
    }

}

@media(max-width:720px){
    .wind-one, .wind-two, .triange{
        display:none;
    }
    .installment-features{
        flex-wrap: wrap;
    }
    .slick-slide{
        margin-right:0px;
    }
    
    
    
    .container-intro{
        padding: 0 10px;
        width: 100%;;
    }
    .form-agreement{
        width: 100%;
    }
    .form-agreement .wpcf7-list-item-label{
        text-align: left;
    }
    .error-404-page{
        padding-top: 99px;
        padding-bottom: 0;
    }
    .error-content h1{
        font-size: 24px;
        font-weight: 600;
    }
    .error-actions{
        margin-top: 20px;
        font-size: 20px;
    }
}



/* form popup */
.popup-wrapp{
    width: 1107px;
    height: 441px;
    
    position: relative;
     position: fixed;
    top: -1000px; /* Начальная позиция за пределами экрана */
    left: 50%;
    transform: translateX(-50%);
    transition: top 0.7s ease, transform 0.7s ease;
    z-index: 1000;
    background: #FAFAFA;
}
.popup-container{
    background-image: url(https://domen13.artclytest.ru/wp-content/uploads/2025/11/Rectangle-10-1.png);
    height: 100%;
}

.popup-content{
     padding: 105px 0 0 78px;
}
.popup-content .h-form{
    margin: 0;
    padding-top: 40px;
}
.popup-content .hero-form{
    margin: 0;
    padding: 0 ;
    padding-top: 40px;
    max-width:100%;
}
.popup-title{
    font-family:"Montserrat", sans-serif;;
    font-weight: 500;
    font-size: 26px;
    color: #2f80ed;
    max-width: 500px;
    
}
.window-popup{
    position: absolute;
    right: 69px;
    top: -97px;
    
}
.close-popup{
    position: absolute;
     right: 20px;
    top: 20px;
    cursor: pointer;
}

.popup-wrapp.show {
    top: 250px; /* Конечная позиция */
}


/* cookie */


 .cookie-banner {
          width: 100%;
        background: #FAFAFA;
            box-shadow: 0 4px 4px 0 rgba(0, 0, 0, 0.25);
              position: fixed;
            bottom: 0px;
            left: 0;
             z-index: 1000;
             box-shadow: 0 -1px 4px 0 rgba(0, 0, 0, 0.25);
        }
    .cookie-wrapp{
      
            display: flex;
            align-items: center;
            justify-content: space-between;
           
            background: #FAFAFA;
            color:#000;
            padding: 26px 39px;
            font-family: Arial, sans-serif;
            font-size: 18px;
             max-width: 1200px;
             margin: 0 auto;
            width: 100%;
            text-align: left;
           
    }
        .cookie-text {
            margin-bottom: 12px;
            line-height: 1.4;
            max-width:730px;
        }

        .cookie-link {
            color: #000;
            text-decoration: none;
          
        }

        .cookie-link:hover {
            text-decoration: underline;
        }

        .cookie-buttons {
            display: block;
            gap: 10px;
            justify-content: center;
        }

        .cookie-btn {
            border: none;
            cursor: pointer;
            font-size: 16px;
            transition: all 0.3s ease;
                font-family: "Montserrat", sans-serif;
    font-weight: 600;
    font-size: 16px;
        width: 258px;
        text-align: center;
        padding: 18px;
        }

        .btn-accept {
            background: #2F80ED;
            color: white;
            border: 1px solid #2F80ED;
            margin-bottom: 16px;
        }

        .btn-accept:hover {
                background: #EAF4F2F5;
                color: #333;
                border: 1px solid #2F80ED;
                box-shadow: 0 4px 4px 0 rgba(0, 0, 0, 0.25);
        }

        .btn-decline {
            background: #f0f2f5;
              color: #333;
            border: 1px solid #2F80ED;
        }

        .btn-decline:hover {
            background: #2F80ED;
            color: white;
            border: 1px solid #2F80ED;
        }
        
        
        
/* Обертка слайдера */
.steps-slider-wrapper {
    position: relative;
    z-index: 2;
    max-width: 1200px;
    margin: 0 auto;
    overflow: hidden; /* Скрываем выходящие за границы слайды */
}

.steps-slider-container {
    display: flex;
    flex-wrap: nowrap; /* Запрещаем перенос на новую строку */
    gap: 25px;
    transition: transform 0.5s ease; /* Плавная прокрутка */
    padding: 20px 0;
}

/* Десктоп: 3 слайда */
.step-slide {
    display: flex;
    align-items: center;
    gap: 17px;
    flex: 0 0 calc(33.333% - 17px); /* 3 слайда */
    min-width: 300px;
}

/* Планшеты 1000px: 2 слайда */
@media (max-width: 1000px) {
    .step-slide {
        flex: 0 0 calc(50% - 12.5px); /* 2 слайда с учетом gap 25px */
    }
    
    .next-step-btn, .back-to-start-btn {
        width: 65px;
        height: 50px;
    }
}

/* Мобильные 768px: 1 слайд */
@media (max-width: 768px) {
    .steps-slider-wrapper {
        overflow: hidden;
    }
    
    .steps-slider-container {
        flex-wrap: nowrap;
        
        gap: 0px;
 
        
    }
    
    .step-slide {
        flex: 0 0 100%;
        flex-direction: column;
        text-align: center;
        gap: 15px;
        padding: 0 20px;
    }
    
    .step-item {
        flex-direction: column;
        position: relative;
    }
    
    .step-image {
        width: 100%;
     box-shadow: 0 4px 4px 0 rgba(0, 0, 0, 0.25);
     margin-bottom: 12px;
    }
    .step-image img{
                height: 100%;
        max-height: 200px;
    }
    .next-step-btn, .back-to-start-btn {
        width: 60px;
        height: 47px;
    }
    .product-card, .feature-item{
        max-width: 100%;
    }
    .installment-features .slick-next {
        right: 79px;
    }
    .slick-slide{
        margin: 0;
        min-width: auto;
    }
    .feature-icon{
        width: 109px;
        height: 100px;
        margin: 0 auto;
    }
    .feature-icon img{
        width: 100%;
        height: 100%;
        max-height: 100%;
        max-width: 100%;
    }
    .sertificat-title, .reviews-title, .gallery-title{
                font-weight: 700;
        font-size: 28px;
    }
   .slick-list {
    margin-left: 0;
    margin-right: 0; 
   }
}

/* Остальные ваши стили */
.step-image {
    flex-shrink: 0;
}

.step-content {
    flex: 1;
}

.step-arrow {
    flex-shrink: 0;
}

.next-step-btn, .back-to-start-btn {
    border-radius: 50%;
    width: 73px;
    height: 57px;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    transition: all 0.3s ease;
    padding: 0;
    border: none;
    background: #fafafa;
}

/* Стиль для обратной стрелки */
.back-to-start-btn svg {
    transform: rotate(180deg);
}



.contact-form-wrapper .hero-form{
    max-width: 692px;
    padding: 40px;
    margin: 0 auto;
    
}
.bid-form .hero-form{
        max-width: 590px;
    width: 100%;
     margin: 0 auto;
     padding-bottom: 0;
}

.popup-content .hero-form{
    margin: 0;
    padding: 0 ;
    max-width:385px;
}
.hero-features-mob{
        display: none;
    }
@media(max-width:768px){
        .bg-intro {
        width: 80%;
        height: 100%;
    }
    .hero-features-desc{
        display: none;
    }
    .hero-features-mob{
        display: block;
    }
    .hero-features{
        text-align: center;
    }
    .hero-form, .hero{
        padding-bottom: 0;
    }
    .installment-subtitle{
        font-weight: 500;
        font-size: 20px;
        text-align: left;
    }
    .installment-main{
        margin-bottom: 0;
    }
    .slick-next{
            background-size: 25px !important;
                width: 25px;
    height: 25px;
            top: 36%;
    
    }
    .installment{
        padding-bottom: 0;
    }
       .steps-slider-container {
        width: 100%;
    }
    
    .step-slide {
        width: 100%;
    }
    .popular-products{
        padding-top: 0;
    }
    .product-image img{
        max-height:232px;
            object-fit: fill;
    }
    .product-image{
        height: 300px;
    }
    .products-auc .product-image{
        height: 515px;
    }
    .products-auc .product-image img{
        height: 100%;
    }
    .products-auc .product-card{
            border: 1px solid #2f80ed;
    }
    .product-category{
        font-size: 20px;
        margin-bottom: 12px;
    }
    .product-name, .product-size, .product-includes, .includes-list li{
        font-size: 16px;
        margin-bottom: 12px;
    }
    .product-specs{
        margin-bottom: 0;
    }
    .product-pricing{
        margin-top: 0;
        padding-top: 0;
        margin-bottom: 17px;
        padding-bottom: 0;
    }
    .product-order-btn{
        max-width: 100%;
        width: 100%;
    }
    .new-price{
        padding-left: 27px;
    }
    .popular-products{
        padding-bottom: 60px;
    }
    .products-auc .products-title{
        margin-bottom: 0;
    }
    .reviews-container, .gallery-container{
        padding-top: 0;
        
    }
    .reviews-title, .gallery-title{
        margin-bottom: 20px;
    }
    .faq-title{margin-bottom:20px}
    .faq-item{
        padding: 0;
    }
    .faq-question, .faq-item.active .faq-answer{
        padding: 5px 25px;
    }
    .faq-answer{
        transition: 0s;
    }
    .sertificat-title{
        margin-bottom: 20px;
    }
    .sertificat-container{
        padding-bottom: 80px;
    }
    .cookie-wrapp{
        display: block;
        padding: 18px 26px;
    }
    .cookie-text{
        margin-bottom: 20px;
    }
    .btn-accept{
        margin-bottom: 12px;
    }
    .cookie-btn{
        width: 100%;;
    }
    .popup-wrapp {
        width: calc(100% - 10px);
        margin: 0 auto;
        height: auto;
        padding: 0;
            background-image: url(https://domen13.artclytest.ru/wp-content/uploads/2025/11/Rectangle-102.png);
        box-shadow: 0 4px 4px 0 rgba(0, 0, 0, 0.25);
background: #fafafa;
    background-size: cover;
    }
    .popup-wrapp.show{
        top:100px;
    }
    .popup-content{
        padding: 43px 10px 20px;
        
    }
    .window-popup{
        display: none;
    }
    .close-popup{
        top:13px;
        right: 10px;
    }
    .popup-title{
        font-size: 20px;
        text-align: center;
    }
    .popup-content .h-form{
        padding-top: 20px;
    }
    .popup-content .form-agreement .wpcf7-list-item-label:before{
     border: 1px solid #2f80ed;
    }
    .popup-content .form-group{
        margin: 0 0 12px;
    }
    
    .rev-item  img {
        display: block;
        max-height: 555px;
        height: 100%;
        width: 100%;
    }
     .gal-item  img {
        display: block;
        max-height: 555px;
        height: 100%;
        width: 100%;
        height: 555px;
    }
     .ser-item  img {
        display: block;
        max-height: 555px;
        height: 100%;
        width: 100%;
    }
}
/* 
.cf7-required-error {
    color: #dc2626;
    font-size: 14px;
    margin-top: 10px;
    display: block;
    opacity: 0;
    transform: translateY(-10px);
    transition: all 0.3s ease;
    font-weight: 500;
    padding: 12px 16px;
    background: #fef2f2;
    border: 1px solid #fecaca;
    border-radius: 8px;
    text-align: center;
    box-shadow: 0 4px 12px rgba(0,0,0,0.1);
    z-index: 1000;
    position: relative;
} */

.wpcf7-submit:disabled {
 
    cursor: not-allowed !important;

}