/* @media (max-width: 1200px) {
  .comp-about {
    flex-direction: column;
  }
} */

/* @media (max-width: 700px) {
  .about-text-body {
        width: auto;
  }
}
*/
@media (max-width: 1200px) {
  .descript-1-block, .descript-2-block {
        justify-content: center
  }
} 
@media (min-width: 1200px) {
  .descript-1-block, .descript-2-block {
        justify-content: space-around;
  }
} 
@media (max-width: 2500px) {
  .vector-card {
        width: 1190px;
  }
} 
@media (max-width: 1200px) {
  .vector-card {
        width: auto;
  }
} 
@media (max-width: 1190px) {
  .card-5 {
        max-width: 580px;
  }
} 

.glass {
  /* Задаем полупрозрачный фон */
    background-color: rgba(255, 255, 255, 0.05); 
  
  /* Эффект размытия фона за элементом */
    backdrop-filter: blur(42px); 
}
.frozen-glass {
  /* Задаем полупрозрачный фон */
    background-color: rgba(255, 255, 255, 0.05); 
  
  /* Эффект размытия фона за элементом */
    backdrop-filter: blur(42px); 

  /* Другие стили для внешнего вида */
  /* border-radius: 10px;
  padding: 20px; */
  /* Первая тень: легкая и широкая, с низкой прозрачностью */
  box-shadow: inset 0 0 68px 0 rgba(255, 255, 255, 0.05),

  /* Вторая тень: более выраженная и смещенная вверх */
  inset 0 -4px 4px 0 rgba(255, 255, 255, 0.1);
}

.hero {
    background-image: url(../images/hero.jpeg);
    min-height: 100vh;
    background-size: cover; 
    background-position: center;
    background-repeat: no-repeat;
    /* position: relative;
    top: -122px;  */
}

.hero-stand {
    display: flex;
    align-items: center;
    justify-content: center;
    min-height: 100vh;
    padding: 60px 0;
}

.hero-block {

    position: relative;
}

/* .hero-svg {
} */

.svg-block {
    max-width: 100%;
    width: 750px;
    height: auto;
}

.hero-img {
    max-width: 585px;
    height: auto;
}

.comp-about {
    width: 100%;
    padding: 50px 0;
    background-color: #212529;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-wrap: wrap;
    gap: 25px;
}

.comp-about-img-block {
    padding: 0 10px;
}

.comp-about-img {
    width: 432px;
    max-width: 100%;
    height: auto;
    border-radius: 50px;
}

.comp-about-text {
    display: flex;
    flex-direction: column;
    gap: 10px;
    max-width: 665px;
    padding: 0 10px;
    flex-wrap: wrap;
}

/* .about-text-head {
    font-size: 48px;
    margin: 0px;
    hyphens: auto;
    word-break: break-word;
    word-wrap: break-word;
} */

/* .about-text-body {
    font-size: 20px;
    margin: 0px;
    hyphens: auto;
    word-break: break-word;
    word-wrap: break-word;
} */

.comp-stat {
    width: 100%;
    /* padding: 50px 0; */
    padding: 25px 0;
    background-color: #3F6050;
}

.comp-stat-block {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 190px;
    flex-wrap: wrap;
}

.block-1, .block-2, .block-3 {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
}

.count-1, .count-2, .count-3 {
    font-size: 96px;
    font-weight: 700;
}

.count {
    font-size: 96px;
    font-weight: 700;
}

.text-1, .text-2, .text-3 {
    font-size: 20px;
    font-weight: 400;
}

.comp-vector-block {
    padding: 50px 0;
}

.vector-card {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-wrap: wrap;
    gap: 30px;
}

.comp-vector-block {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-wrap: wrap;
    flex-direction: column;
    gap: 30px;
}

.vector-head {
    text-align: center;
}

.card-img {
    width: 580px;
    max-width: 100%;
    max-height: 325px;
    height: auto;
    object-fit: cover;
}
.card-1, .card-2, .card-3, .card-4{
    max-width: 580px;
    height: 570px;
    /* height: auto; */
    border-radius: 50px;
    overflow: hidden;
    display: flex;
    flex-direction: column;
    align-items: center;
    /* justify-content: center; */
}

.card-5 {
    /* max-width: 1190px; */
    height: auto;
    border-radius: 50px;
    overflow: hidden;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}

.card-1-text, .card-2-text, .card-3-text, .card-4-text, .card-5-text {
    padding-bottom: 48px;
    padding-top: 20px;
    padding-left: 36px;
    padding-right: 36px;
    word-break: break-word;
    word-wrap: break-word;

}

.comp-cert {
    width: 100%;
    padding: 25px 0;
    /* padding: 50px 0; */
    background-color: #3F6050;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 30px;
    flex-wrap: wrap;
    flex-direction: column;
}

.comp-cert-block {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 100px;
    flex-wrap: wrap;
}

.cert-1, .cert-2, .cert-3, .cert-4 {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
}

.cert-img {
    width: 179px;
    max-width: 100%;
    height: auto;
}

.clear {
    list-style-type: none;
}

.comp-descript {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-wrap: wrap;
}

.comp-descript-block {
    max-width: 1200px;
    height: auto;
    display: flex;
    flex-direction: column;
    align-items: center;
    word-break: break-word;
    word-wrap: break-word;
    padding: 50px 30px;
    gap: 50px;
}

.descript-1-block, .descript-2-block {
    display: flex;
    flex-wrap: wrap;
    gap: 30px;
}

.descritp-1-sub-1, .descritp-1-sub-2, .descript-1-sub-3 {
    max-width: 450px;
    height: auto;
}

.descript-1-head, .descript-2-head {
    display: flex;
    justify-content: center;
    gap: 30px;
}

.descript-2-head {
    max-width: 1000px;
}

.comp-contact {
    width: 100%;
    padding: 50px 0;
    background-color: #3F6050;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-wrap: wrap;
    gap: 30px;
}

.contact-block {
    display: flex;
    justify-content: space-around;
    max-width: 1200px;
    width: 100%;
    height: auto;
    flex-wrap: wrap;
}

.comp-contact-img-block {
    padding: 0 10px;
}

.comp-contact-img {
    width: 432px;
    max-width: 100%;
    height: auto;
    border-radius: 50px;
}

.comp-contact-text {
    display: flex;
    flex-direction: column;
    gap: 10px;
    max-width: 665px;
    padding: 0 10px;
    flex-wrap: wrap;
}

.comp-adres {
    width: 100%;
    padding: 50px 0;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-wrap: wrap;
    gap: 25px;
}

.comp-adres-block {
    display: flex;
    justify-content: space-around;
    width: 1200px;
    height: auto;
    /* padding: 0 30px; */
    flex-wrap: wrap;
    gap: 30px;
}

.comp-adres-img-block {
    padding: 0 10px;
}

.comp-adres-img {
    width: 432px;
    max-width: 100%;
    height: auto;
    border-radius: 50px;
}

.comp-adres-text {
    display: flex;
    flex-direction: column;
    gap: 10px;
    max-width: 665px;
    padding: 0 10px;
    flex-wrap: wrap;
}

.adres-text-body {
    max-width: 240px;
    height: auto;
}