/* Основные стили */
.datblock.sedf3 {
  max-width: 1100px;
  width: 99%;
  margin: 0 auto;
  padding: 0;
}

/* Контейнер вкладок */
.tab {
  font-family: 'Gotham-Book', sans-serif;
  background-color: #f5f5f5;
  display: flex;
  justify-content: center;
  position: relative;
  margin: 0;
  padding: 0;
}

/* Отдельные вкладки */
.tab > div {
  flex: 1 0 auto;
  width: 25%;
  padding: 20px 10px 20px 30px;
  font-size: 14px;
  color: #3D3B46;
  text-align: center;
  cursor: pointer;
  border: 1px solid #C6C6C6;
  border-bottom: none;
  background-repeat: no-repeat;
  background-position: 17px 50%, 0 0;
  background-size: 14px auto, auto;
  transition: all 0.2s ease;
  box-sizing: border-box;
}

/* Активная вкладка */
.tab > div.active {
  font-family: 'Gotham-Bold', sans-serif;
  background-color: white;
  border-top: 2px solid #C6C6C6;
  border-bottom: 2px solid white;
  margin-bottom: -2px;
  z-index: 2;
}

/* Градиенты и иконки */
.tab > div.p0 { background-image: url(/icon2/posit/1.svg), linear-gradient(to right, #FFF 20%, #F4E049 100%); }
.tab > div.p1 { background-image: url(/icon2/posit/2.svg), linear-gradient(to right, #FFF 20%, #F4E049 100%); }
.tab > div.p2 { background-image: url(/icon2/posit/6.svg), linear-gradient(to right, #FFF 20%, #F4E049 100%); }
.tab > div.p3 { background-image: url(/icon2/posit/3.svg), linear-gradient(to right, #FFF 20%, #F4E049 100%); }

.tab > div.active { 
  background-image: url(/icon2/posit/1.svg), linear-gradient(to bottom, #FFF, #FFF);
  background-position: 17px 50%, 0 0;
}

/* Контент вкладок */
.tab_content {
  background: white;
  padding: 20px;
 
 min-height: 300px;;
 
}

.tab_content > div {
  display: none;
}

.tab_content > div.active {
  display: block;
  animation: fadeIn 0.3s;
}

@keyframes fadeIn {
  from { opacity: 0; transform: translateY(10px); }
  to { opacity: 1; transform: translateY(0); }
}