/* Общие стили */
body {
    margin: 0;
    padding: 0;
    font-family: Arial, sans-serif;
    line-height: 1.6;
    color: #333;
    background-color: #fff;
}

h1, h2, h3, h4 {
	font-family: "Jost", sans-serif;
}

.email-link {
  display: inline-flex; /* или inline-block, если нужно */
  align-items: center;
  text-decoration: none; /* по необходимости */
}
.email-link::before {
  content: "";
  display: inline-block;
  width: 30px;
  height: 30px;
  margin-right: 8px; /* отступ между иконкой и текстом */
  background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16"><path fill-rule="evenodd" clip-rule="evenodd" d="M1.29529 2.59092H14.2498V12.9546H1.29529V2.59092ZM2.59075 3.88637V4.76089L7.77256 7.06392L12.9544 4.76089V3.88637H2.59075ZM12.9544 6.17853L7.77256 8.48156L2.59075 6.17853V11.6591H12.9544V6.17853Z" fill="%23196F4E"/></svg>');
  background-repeat: no-repeat;
  background-size: contain;
}
.phone-link {
  display: inline-flex; /* или inline-block */
  align-items: center;
  text-decoration: none; /* при необходимости */
}

.phone-link::before {
  content: "";
  display: inline-block;
  width: 30px;
  height: 30px;
  margin-right: 8px; /* отступ между иконкой и текстом */
  background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="16" height="17" viewBox="0 0 16 17"><path fill-rule="evenodd" clip-rule="evenodd" d="M3.68046 8.04006C5.15338 9.8403 6.8022 11.4891 8.60244 12.962L9.06862 13.3435C9.84127 13.9756 10.9672 13.9195 11.6732 13.2136L12.7632 12.1235L10.7022 10.0624L8.98465 11.78L4.85528 7.6506L6.57855 5.93878L4.51903 3.87925L3.42893 4.96934C2.72302 5.67526 2.66686 6.80122 3.29903 7.57387L3.68046 8.04006ZM7.78211 13.9647C5.91519 12.4372 4.2053 10.7273 2.67783 8.86039L2.2964 8.39421C1.24279 7.10645 1.33639 5.22984 2.51291 4.05332L4.51903 2.0472L8.41366 5.94183L6.69039 7.65366L8.98465 9.94791L10.7022 8.23037L14.5953 12.1235L12.5892 14.1296C11.4127 15.3061 9.53604 15.3997 8.24829 14.3461L7.78211 13.9647Z" fill="%231C7854"/></svg>');
  background-repeat: no-repeat;
  background-size: contain;
}
.social-link.vk {
  display: inline-flex;
  align-items: center;
  padding-left: 40px; /* чтобы оставить место для иконки */
  background-repeat: no-repeat;
  background-size: 24px 24px; /* размер иконки */
  background-position: left center;
  text-decoration: none;
}

/* Вставьте сюда ваш Data URI */
.social-link.vk {
  background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="40" height="40"><rect width="40" height="40" rx="20" fill="%230077FF"/><path d="M20.9825 27C13.466 27 9.17864 21.7447 9 13H12.7651C12.8888 19.4184 15.6646 22.1371 17.8632 22.6977V13H21.4085V18.5355C23.5796 18.2973 25.8607 15.7748 26.6302 13H30.1755C29.8855 14.4391 29.3075 15.8017 28.4776 17.0025C27.6477 18.2033 26.5837 19.2166 25.3523 19.979C26.7269 20.6756 27.941 21.6615 28.9145 22.8717C29.888 24.082 30.5988 25.489 31 27H27.0974C26.7373 25.6876 26.0054 24.5128 24.9934 23.6228C23.9814 22.7328 22.7343 22.1673 21.4085 21.997V27H20.9825 27Z" fill="white"/></svg>');
}
.social-link.telegram {
  display: inline-flex;
  align-items: center;
  padding-left: 40px; /* место под иконку */
  background-repeat: no-repeat;
  background-size: 24px 24px;
  background-position: left center;
  text-decoration: none;
  background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='40' height='40' viewBox='0 0 40 40'><rect width='40' height='40' rx='20' fill='%2327A6E5'/><path d='M28 12.6022L24.9946 28.2923C24.9946 28.2923 24.5741 29.3801 23.4189 28.8584L16.4846 23.3526L16.4524 23.3364C17.3891 22.4654 24.6524 15.7027 24.9698 15.3961C25.4613 14.9214 25.1562 14.6387 24.5856 14.9974L13.8568 22.053L9.71764 20.6108C9.71764 20.6108 9.06626 20.3708 9.00359 19.8491C8.9401 19.3265 9.73908 19.0439 9.73908 19.0439L26.6131 12.1889C26.6131 12.1889 28 11.5579 28 12.6022V12.6022Z' fill='%23FEFEFE'/></svg>");
}
.social-link.whatsapp {
  display: inline-flex;
  align-items: center;
  padding-left: 40px; /* место под иконку */
  background-repeat: no-repeat;
  background-size: 24px 24px;
  background-position: left center;
  text-decoration: none;
	background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='40' height='40' viewBox='0 0 40 40'><rect width='40' height='40' rx='20' fill='%2348C95F'/><path d='M27.9268 12.0625C25.9512 10.0937 23.3171 9 20.5366 9C14.7561 9 10.0732 13.6667 10.0732 19.4271C10.0732 21.25 10.5854 23.0729 11.4634 24.6042L10 30L15.561 28.5417C17.0976 29.3438 18.7805 29.7813 20.5366 29.7813C26.3171 29.7813 31 25.1146 31 19.3542C30.9268 16.6563 29.9024 14.0312 27.9268 12.0625ZM25.5854 23.1458C25.3659 23.7292 24.3415 24.3125 23.8293 24.3854C23.3902 24.4583 22.8049 24.4583 22.2195 24.3125C21.8537 24.1667 21.3415 24.0208 20.7561 23.7292C18.122 22.6354 16.439 20.0104 16.2927 19.7917C16.1463 19.6458 15.1951 18.4062 15.1951 17.0937C15.1951 15.7812 15.8537 15.1979 16.0732 14.9062C16.2927 14.6146 16.5854 14.6146 16.8049 14.6146C16.9512 14.6146 17.1707 14.6146 17.3171 14.6146C17.4634 14.6146 17.6829 14.5417 17.9024 15.0521C18.122 15.5625 18.6341 16.875 18.7073 16.9479C18.7805 17.0937 18.7805 17.2396 18.7073 17.3854C18.6341 17.5313 18.561 17.6771 18.4146 17.8229C18.2683 17.9687 18.1219 18.1875 18.0488 18.2604C17.9024 18.4062 17.7561 18.5521 17.9024 18.7708C18.0488 19.0625 18.561 19.8646 19.3659 20.5937C20.3902 21.4687 21.1951 21.7604 21.4878 21.9063C21.7805 22.0521 21.9268 21.9792 22.0732 21.8333C22.2195 21.6875 22.7317 21.1042 22.878 20.8125C23.0244 20.5208 23.2439 20.5938 23.4634 20.6667C23.6829 20.7396 25 21.3958 25.2195 21.5417C25.5122 21.6875 25.6585 21.7604 25.7317 21.8333C25.8049 22.0521 25.8049 22.5625 25.5854 23.1458Z' fill='white'/></svg>");
}
.social-link.emaill {
  display: inline-flex;
  align-items: center;
  padding-left: 40px; /* место под иконку */
  background-repeat: no-repeat;
  background-size: 24px 24px;
  background-position: left center;
  text-decoration: none;
	background-image: url("../images/ic/icon5.png");
}



/* Контейнер для центрирования контента */
.container {
    width: 90%;
    max-width: 1200px;
    margin: 0 auto;
}
/* Общие стили для шапки */
.site-header {
  font-family: Arial, sans-serif;
  background-color: #fff;
  border-bottom: 1px solid #ccc;
}
/* Общие стили для шапки */
.header {
  font-family: "Jost", sans-serif;
  font-optical-sizing: auto;
  font-style: normal;
  background-color: #fff;
}

/* Верхняя строка с контактами и действиями */
.top-line {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 10px 20px;
  font-size: 18px;
  font-weight: 600;
  border-bottom: 1px solid #f0f0f0;
  padding: 14px 20px;
}


.contact-info a {
  margin-right: 20px;
  text-decoration: none;
  color: #000;
}

.actions {
  display: flex;
  align-items: center;
}

.btn-apply {
  background-color: #1D7C57;
  color: #fff;
  padding: 6px 12px;
  border-radius: 4px;
  text-decoration: none;
  font-weight: bold;
  margin-right: 20px;
}
.btn-apply:hover {
	background-color: #f1f1f1; 
	color:#1D7C57;
}

.social-icons a {
  margin-left: 10px;
}

.social-icons img {
  width: 24px;
  height: 24px;
}

/* Нижняя часть с логотипом и меню */
.bottom-line {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: center;
  padding: 15px 20px;
}

.logo-title {
  display: flex;
  align-items: center;
}

.logo {
  width: 250px;
  height: auto;
  margin-right: 15px;
}

.company-text {
  display: flex;
  flex-direction: column;
  
}
.company-sert {
  display: flex;
  flex-direction: row;
}
.company-sert a {
	margin:4px;
}

.company-name {
  font-weight: bold;
  font-size: 16px;
  margin-bottom: 5px;
}

.company-desc {
  font-size: 14px;
  max-width: 600px;
  width: 300px;
  margin: 0 30px;
}

/* Меню */
.menu ul {
  list-style: none;
  display: flex;
  margin: 0;
  padding: 0;
}

.menu ul li {
  margin-left: 25px;
}

.menu ul li a {
  text-decoration: none;
  color: #000;
  font-weight: bold;
  font-size: 14px;
  font-family: "Open Sans", sans-serif;
}
.menu ul li a:hover {
	color:#1D7C57;
	border-bottom:1px dashed #1D7C57;
}

/* Адаптивность */
@media(max-width: 768px) {
  .top-line, .bottom-line {
    flex-direction: column;
    align-items: flex-start;
  }
  
  .actions {
    margin-top: 10px;
  }
}

header nav {
    background-color: #fff;
    padding: 10px 0;
}

nav ul {
    list-style: none;
    display: flex;
    justify-content: center;
    margin: 0;
    padding: 0;
}

nav ul li {
    margin: 0 20px;
	white-space: nowrap; 
}

nav ul li a {
    text-decoration: none;
    color: #000;
    font-weight: bold;
    font-size: 16px;
	 
}





.slider h2 {
	font-size:30px;
}
.main-sl {
	width:100%;
	display:flex;
}

.right-info-main {
	width:30%;
	padding:0;
	margin:0;
	display: flex;
	flex-direction: column;
	justify-content: space-between;
}
.right-info-main .rim-1 {
	background:url('images/Banner-1.png') no-repeat;
}

.right-info-main .rim-2 {
	background:url('images/Banner-2.png') no-repeat;
}
.right-info-main .rim-2, .right-info-main .rim-1 {	
	background-size: cover;
	height: 50%;
	align-items: flex-end;
	display:flex;
	flex-direction: column;
	justify-content: flex-end;
}

.right-info-main .rim-2 span, .right-info-main .rim-1 span {
background:rgba(0, 0, 0, 0.7);
  color: #fff;
  padding: 0 30px 0 30px;
}
.right-info-main .rim-2 a, .right-info-main .rim-1 a {

  color: #fff;
  padding: 10px 30px;
}

/* Обертка слайдера */
.slider {
  position: relative;
  width: 100%;
  height: 45vh;
  overflow: hidden;
  display: flex;
}

/* Слайды */
.slide {
  flex: 1;
  position: relative;
  background-size: cover;
  background-position: center;
  display: flex;
  align-items: center;
  justify-content: flex-start; /* слева для описания */
  transition: opacity 0.5s ease;
  opacity: 0;
  pointer-events: none;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.slide.active {
  opacity: 1;
  pointer-events: auto;
  position: relative;
  z-index: 1;
}

/* Описание слева */
.slide .description {
  width: 60%;
  padding: 20px;
  background-color: rgba(0,0,0,0.7);
  color: #fff;
  height: 300px;
  display: flex;
  flex-direction: column;
  justify-content: center;
}

.slide .description h2 {
  margin-top: 0;
}

.slide .description p {
  margin: 10px 0;
}
.btn {
  display: inline-block;
  margin-top: 10px;
  padding: 10px 15px;
  background-color: transparent;
  color: #fff;
  border: 1px solid #fff;
  border-radius: 4px;
  text-decoration: none;
  transition: background-color 0.3s;
}

.btn:hover {
  background-color: #fff;
  color: #000;
}

/* Навигация стрелки в правом нижнем углу */
.nav-container {
  position: absolute;
  bottom: 20px;
  right: 20px;
  display: flex;
  gap: 10px;
  z-index: 2;
}

/* Кружки с стрелками */
.arrow {
  width: 50px;
  height: 50px;
  background-color: #1D7C57;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  transition: background-color 0.3s;
}

.arrow:hover {
  background-color: #155d44;
}

.arrow svg {
  fill: #fff;
  width: 20px;
  height: 20px;
}






/* Общий стиль секции */
.info-boxes {
  padding: 40px 20px;
  background-color: #fff; /* при необходимости можно изменить */
}

/* Контейнер для выравнивания элементов по флекс */
.info-boxes .container {
  display: flex;
  flex-wrap: wrap; /* перенос при нехватке места */
  justify-content: center; /* центрировать по горизонтали */
  gap: 20px; /* промежутки между элементами */
}

/* Стиль каждого блока */
.info-item {
  flex: 1 1 200px; /* минимальная ширина 200px, растягивается до доступного пространства */
  max-width: 250px; /* максимум ширины */
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
  padding: 15px;
  border-radius: 8px;
  box-shadow: 0 2px 8px rgba(0,0,0,0.1);
  transition: transform 0.3s, box-shadow 0.3s;
  background-color: #fafafa; /* можно изменить */
}

.info-item:hover {
  transform: translateY(-5px);
  box-shadow: 0 4px 12px rgba(0,0,0,0.2);
}

/* Иконки */
.info-item img {
  width: 40px;
  height: 40px;
  margin-bottom: 15px;
  object-fit: contain; /* чтобы сохранить пропорции */
}

/* Заголовки */
.info-item h3 {
  font-size: 1.2em;
  margin: 10px 0 0 0;
  line-height: 1.4;
}

/* Мобильная адаптация */
@media(max-width: 768px) {
  .info-boxes .container {
    justify-content: center;
  }
  .info-item {
    max-width: 100%;
  }
}


.about-company {
	display: flex;
  flex-direction: row;
  margin: 8% 0;
}
.about-company .block-left {
	width: 30%;
  padding: 1% 5%;
}
.about-company .block-right {
	width: 60%;
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: flex-start;
  align-content: flex-start;
}
.about-company .info-item {
	flex: 1 1 200px;
  max-width: 200px;
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
  padding: 15px;
  border-radius: 8px;
  box-shadow: 0 2px 8px rgba(0,0,0,0.1);
  transition: transform 0.3s, box-shadow 0.3s;
  background-color: #fafafa;
  margin: 20px;
}



/* Основной стиль секции */
.presentations {
  padding: 40px 20px;
  background-color: #f9f9f9; /* Можно изменить на любой цвет фона */
  margin: 5% 0;
}

/* Контейнер для центрирования контента */
.presentations .container {
  max-width: 1200px;
  margin: 0 auto;
  text-align: center; /* Центрирование заголовка */
  
  display: flex;
}

/* Заголовок секции */
.presentations h2 {
 font-size: 2em;
  margin: 30px;
  color: #333;
  text-align: left;
  width: 40%;
}

/* Контейнер для элементов презентаций */
.presentation-items {
  display: flex;
  flex-wrap: wrap; /* Позволяет переносить на новые строки при необходимости */
  justify-content: center; /* Центрирование элементов по горизонтали */
  gap: 20px; /* Отступы между карточками */
}

/* Каждая презентация */
.presentation {
  background-color: #fff;
  padding: 20px;
  border-radius: 10px;
  box-shadow: 0 4px 8px rgba(0,0,0,0.1);
  width: 200px; /* Ширина карточки, можно менять по желанию */
  display: flex;
  flex-direction: column;
  align-items: center;
  transition: transform 0.3s, box-shadow 0.3s;
}

.presentation:hover {
  transform: translateY(-5px);
  box-shadow: 0 8px 16px rgba(0,0,0,0.2);
}

/* Изображение презентации */
.presentation img {
  width: 40px;
  height: 40px;
  margin-bottom: 15px;
}

/* Описание презентации */
.presentation p {
  font-size: 1em;
  color: #555;
  margin: 0;
}





 /* Блок "Наши партнеры" */
  .partners-section {
    padding: 50px 20px;
    background-color: #fff;
    text-align: center;
  }

  /* Заголовок */
  .partners-section h2 {
    font-size: 2em;
    margin-bottom: 30px;
  }

  /* Контейнер логотипов */
  .partners-logos {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
    gap: 30px;
  }

  /* Логотип */
  .partner-logo {
    flex: 1 1 150px; /* минимальная ширина 150px, растягивается */
    max-width: 200px;
    padding: 10px;
    transition: transform 0.3s, box-shadow 0.3s;
  }

  .partner-logo:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 12px rgba(0,0,0,0.1);
  }

  /* Логотипы — изображения */
  .partner-logo img {
    width: 100%;
    height: auto;
    display: block;
    max-height: 80px; /* ограничение по высоте, чтобы не растягивать */
    object-fit: contain; /* сохраняем пропорции */
  }

  /* Мобильная адаптация */
  @media(max-width: 768px) {
    .partners-logos {
      gap: 20px;
    }
    .partner-logo {
      max-width: 150px;
    }
  }


 .feedback-block {
    /*background: linear-gradient(to right, #1D7C57, #3AA17A);*/
	
  background: url('images/bg-4.jpg') no-repeat;
  background-size: cover;
  background-position-y: center;
    padding: 60px 20px;
    color: #fff;
	width: 90%;
    margin: 0 auto;
    box-shadow: 0 8px 20px rgba(0,0,0,0.2);
  }

  .feedback-block .container {
    display: flex;
    justify-content: space-between;
    align-items: center;
  }

  .feedback-block .left-side {
    flex: 1;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    padding-right: 20px;
  }

  .feedback-block .left-side h2 {
    font-size: 2.5em;
    margin-bottom: 20px;
  }

  .feedback-block .left-side p {
    font-size: 1.2em;
    line-height: 1.5;
  }

  .feedback-block .right-side {
    flex: 1;
    padding-left: 20px;
  }

  .feedback-block form {
    background-color: rgba(255,255,255,0.9);
    padding: 30px;
    border-radius: 10px;
    max-width: 400px;
    width: 100%;
    box-shadow: 0 8px 20px rgba(0,0,0,0.2);
  }

  .feedback-block form h3 {
    margin-bottom: 20px;
    font-size: 1.6em;
    color: #333;
  }

  .feedback-block label {
    display: block;
    margin-bottom: 8px;
    font-weight: 600;
    color: #333;
  }

  .feedback-block input[type="text"], .feedback-block input[type="tel"] {
    width: 83%;
    padding: 12px;
    margin-bottom: 20px;
    border: 1px solid #ccc;
    border-radius: 6px;
    font-size: 1em;
  }

  .feedback-block button[type="submit"] {
    width: 90%;
    padding: 14px;
    background-color: #1D7C57;
    color: #fff;
    border: none;
    border-radius: 6px;
    font-size: 1.2em;
    cursor: pointer;
    transition: background-color 0.3s;
	margin: 0 0 20px 0;
  }

  .feedback-block button[type="submit"]:hover {
    background-color: #000;
  }
  .feedback-block span {
	  color:#000;
	  margin:10px;
  }
  
  
  
  
  .logo-footer img {
	  width:200px;
  }
  
  footer {
	  width:100%;
	 padding: 25px 0;
  border-top: 8px solid #1D7C57;
  }
  .footer-top {
	display:flex;
	justify-content: space-around;
	width: 90%;
	margin: 0 auto;
	padding: 10px 0;
  }
  
  .footer-descr {
	  width:300px;
  }
  .footer-info {
	  display:flex;
	  flex-direction:column;
	  align-items: flex-start;
  }
  .footer-info a {
	 color:#000;
	 text-decoration:none;
	 margin-bottom:10px;
  }
  .footer-info a:hover {
	 color:#1D7C57;
	 border-bottom:1px dashed #1D7C57;
  }
  .footer-contact h4 {
	  margin:0;
	  font-size: 2em;
  }
  .footer-contact {
  display: flex;
  flex-direction: column;
  }
   .footer-contact .email-link, .footer-contact .phone-link {
	   margin:10px 0;
	   color:#000;
   }
   .footer-social {
	   margin:20px 0;
   }
   .footer-bottom {
	   padding: 0 0 0 15%;
	   color:#000;
   }
   .footer-bottom a {
	   color:#000;
	   font-size:12px;
   }
   .footer-bottom a:hover {
	   text-decoration:none;
   }
   .footer-map {
	   width: 90%;
		margin: 0 auto;
		text-align: center;
   }
   
   .content {
	   padding: 10px 7%;
		border-top: 4px solid green;
		justify-content: center;
  display: flex;
  flex-direction: column;
  width: 86%;
    align-items: center;
   }
    .content .bodytext {
	   
   }
   .content .bodytext p {
	   
   }
   
   
   .bg-5 {
	   background:url('images/bg-5.jpg') no-repeat;
	   background-size:cover;
	   min-height:200px;
	   padding: 1%;
   }
    .bg-6 {
	   background:url('images/bg-6.jpg') no-repeat;
	   background-size:cover;
	   min-height:200px;
	   padding: 1%;
   }
    .bg-7 {
	   background:url('images/bg-7.jpg') no-repeat;
	   background-size:cover;
	   min-height:200px;
	   padding: 1%;
   }
   
   .bodytext-slide {
	   width:100%;
   }
   .bodytext-slide-text {
	   background-color: #1D7C57;
		margin: 2%;
		padding:20px;
		font-family: "Jost", sans-serif;
		color:#fff;
		font-size: 17px;
		width: 400px;
		float: right;
		text-align: right;
   }
   .bodytext a {
	   color:#1D7C57;
   }
   .bodytext a:hover {
	   text-decoration:underline;
   }
   
   
    table {
            width: 100%;
            border-collapse: collapse;
            margin-top: 20px;
        }
        
        th, td {
            padding: 12px;
            text-align: left;
            border-bottom: 1px solid #ddd;
        }
        
        th {
            background-color: #f2f2f2;
            font-weight: bold;
        }
        
        .title {
            text-align: left;
            margin-bottom: 20px;
            font-size: 24px;
            color: #2c3e50;
        }
        
        .address {
            font-style: italic;
        }
        
        .phone, .email {
            color: #007bff;
            text-decoration: none;
        }
        
        @media (max-width: 600px) {
            th, td {
                padding: 10px;
            }
		}
		
		
   
    .partners {
    display: flex;
    flex-wrap: wrap;
    gap: 30px;
    justify-content: center;
  }

  .partner {
    background: #fff;
    border-radius: 15px;
    box-shadow: 0 4px 12px rgba(0,0,0,0.1);
    flex: 1 1 42%;
    max-width: 42%;
    padding: 20px;
    text-align: center;
    transition: transform 0.3s, box-shadow 0.3s;
  }

  .partner:hover {
    transform: translateY(-5px);
    box-shadow: 0 8px 20px rgba(0,0,0,0.15);
  }
 .partner .logo {
    width: 150px;
    height: auto;
    margin: 0 auto 15px;
  }



.grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(330px, 1fr));
    gap: 20px;
  }

  .card {
    background: #fff;
    border-radius: 15px;
    box-shadow: 0 4px 12px rgba(0,0,0,0.1);
    padding: 20px;
    transition: transform 0.3s, box-shadow 0.3s;
  }

  .card:hover {
    transform: translateY(-5px);
    box-shadow: 0 8px 20px rgba(0,0,0,0.15);
  }

  .card h3 {
    margin-top: 0;
    font-size: 1.3em;
    color: #fff;
	background-color: rgba(29, 124, 87, 0.9);
	padding: 4px 10px;
	border-radius: 6px;
  }

  .card p {
    font-size: 1em;
    line-height: 1.5;
  }

  /* Стили для ссылок внутри карточек */
  .card a {
    color: #fff;
	text-decoration: none;
	float: right;
	background: #000;
  }

  .card a:hover {
    text-decoration: underline;
  }
  
 .imgpro-1 {
  background: url('images/imgpro-1.jpg') no-repeat;
  background-size: cover;
  background-position-y: center;
  }
   .imgpro-2 {
  background: url('images/imgpro-2.jpg') no-repeat;
  background-size: cover;
  background-position-y: center;
  }
   .imgpro-3 {
  background: url('images/imgpro-3.jpg') no-repeat;
  background-size: cover;
  background-position-y: center;
  }
   .imgpro-4 {
  background: url('images/imgpro-4.jpg') no-repeat;
  background-size: cover;
  background-position-y: center;
  }
   .imgpro-5 {
  background: url('images/imgpro-5.jpg') no-repeat;
  background-size: cover;
  background-position-y: center;
  }
   .imgpro-6 {
  background: url('images/imgpro-6.png') no-repeat;
  background-size: cover;
  background-position-y: center;
  }
   .imgpro-7 {
  background: url('images/imgpro-7.jpg') no-repeat;
  background-size: cover;
  background-position-y: center;
  }
   .imgpro-8 {
  background: url('images/imgpro-8.jpg') no-repeat;
  background-size: cover;
  background-position-y: center;
  }
   .imgpro-9 {
  background: url('images/imgpro-9.jpg') no-repeat;
  background-size: cover;
  background-position-y: center;
  }
   .imgpro-10 {
  background: url('images/imgpro-10.jpg') no-repeat;
  background-size: cover;
  background-position-y: center;
  }



 @media (max-width: 1000px) {
            
		.footer-top, .logo-title, .main-sl, .about-company, .feedback-block .container {
			flex-direction: column;
		}
		.menu ul li {
			margin: 10px 30px;
		}
		.slider, .right-info-main, .about-company .block-right {
			width:100%;
		}
		.about-company .block-left {
			width:90%;
		}
		.right-info-main .rim-2, .right-info-main .rim-1 {
			height: 180px;
		}
		.bodytext-slide-text {
			width:80%;
		}
		}
		
.bodytext {
	width:60%;
}
.bodytext-images {
	display: flex;
	width: 40%;
	flex-wrap: wrap;
	align-items: self-start;
	justify-content: space-between;
}
.bodytext-images img {
	height:70px;
}
.bodyblock-flex {
	display: flex;
}
ul li {
	 list-style: none;
}
ul li::before {
content: "•"; /* Символ маркера */
  color: green; /* Цвет маркера */
  display: inline-block;
  width: 1em;
  margin-left: -1em;
}